body { font-family:Arial; font-size:12px; color:#000; background:#fff; padding:0; margin:0; }
td { font-size:12px; }
form { padding:0; margin:0; }

a { color:#007aa1; }
a:hover { color:#666; text-decoration:none; }

h1, h2, h3, h4 { padding:0; margin:0 0 10px 0; }
h1 { font-size:16px; color:#007aa1; padding:0 0 5px 42px; background:url('/img/icons/default.png') no-repeat 0 0; line-height:32px; }
h2 { font-size:14px; color:#007aa1; }
.clr { clear:both; }
.mt5 {	margin-top:5px; }
.mt10 {	margin-top:10px; }
.mt20 {	margin-top:20px; }
.mb5 {	margin-bottom:5px; }
.mb10 {	margin-bottom:10px; }
.mb20 {	margin-bottom:20px; }
.center { text-align:center; }

/* Loading */
.loading { display:block; font-size:14px; color:#666; background:url('/img/loading_small.gif') no-repeat 0 0; line-height:18px; height:18px; overflow:hidden; padding-left:26px; }

h1 a { text-decoration:none; }
h1.login { background-image:url('/img/icons/login.png'); }
h1.client { background-image:url('/img/icons/membre.png'); }
h1.map { background-image:url('/img/icons/map.png'); }
h1.map_edit { background-image:url('/img/icons/map_edit.png'); }                                      ditor
h1.user { background-image:url('/img/icons/user.png'); }
h1.user_edit { background-image:url('/img/icons/user_edit.png'); }
h1.email { background-image:url('/img/icons/email.png'); }
h1.email_edit { background-image:url('/img/icons/email_edit.png'); }
h1.groupe { background-image:url('/img/icons/groupe.png'); }
h1.groupe_edit { background-image:url('/img/icons/groupe_edit.png'); }
h1.contact { background-image:url('/img/icons/contact.png'); }
h1.contact_edit { background-image:url('/img/icons/contact_edit.png'); }
h1.facture { background-image:url('/img/icons/facture.png'); }
h1.facture_edit { background-image:url('/img/icons/facture_edit.png'); }
h1.calendar { background-image:url('/img/icons/calendar.png'); }
h1.calendar_edit { background-image:url('/img/icons/calendar_edit.png'); }
h1.stats { background-image:url('/img/icons/stats.png'); }
h1.cb { background-image:url('/img/icons/cb.png'); }
h1.contact_valid { background-image:url('/img/icons/contact_valid.png'); }
h1.bell { background-image:url('/img/icons/bell.png'); }
h1.email_attach { background-image:url('/img/icons/email_attach.png'); }
h1.tags { background-image:url('/img/icons/tags.png'); }
h1.demande { background-image:url('/img/icons/demande.png'); }
h1.demande_edit { background-image:url('/img/icons/demande_edit.png'); }
h1.phoning { background-image:url('/img/icons/phoning.png'); }
h1.menu { background-image:url('/img/icons/menu.png'); }
h1.menu_edit { background-image:url('/img/icons/menu_edit.png'); }
h1.tools { background-image:url('/img/icons/actions.png'); }
h1.sondage { background-image:url('/img/icons/sondage.png'); }

/* Logo */
#logo { width:180px; height:60px; display:block; background:url('/img/logo.png') no-repeat center center; background-size:contain; text-indent:-1000px; }

/* Message */
#facebox_message, .alert-message { display:none; margin:0 0 10px 0; padding:0.7em; }
.alert-message { display:block; }
#global_message { display:none; margin:10px; padding:0.7em; }
#facebox_message .ui-icon,
#global_message .ui-icon, .alert-message .ui-icon { float:left; margin-right:0.3em; }
#dialog_message { width:400px; }

/* Login */
#login { border:1px solid #ccc; padding:10px; width:400px; margin:0 auto; }
#login input[type=text],
#login input[type=password] { width:220px; }

/* Dashboard */
.half { width:50%; float:left; }
.dashboard { margin-bottom:20px; }

/* Colonnes */
.col1 { float:left; width:550px; overflow:hidden; }
.col2 { float:left; width:600px; margin-left:10px; }
.tabs-content .ui-widget-content a { color: #007aa1; }

/* Table */
#main_table { width:100%; border:none; border-collapse:collapse; padding:0; margin:0; }
#main_table td.menu_col { padding:none; margin:none; width:220px; vertical-align:top; }
#main_table td.data_col { padding:10px; margin:none; vertical-align:top; }
#main_table .menu_col .usr { padding:10px; font-size:11px; font-family:Verdana; color:#999; width:190px; }
#main_table .menu_col .usr a { border-top:1px dotted #ccc; margin-top:5px; padding-top:5px; display:block; }

/* Header Menu */
#main_menu { font-family:Trebuchet MS,Verdana; width:200px; overflow:hidden; float:left; margin:10px 0 0 0; padding:0; border-bottom:1px solid #ccc; }
#main_menu li { border:1px solid #ccc; border-bottom:none; list-style:none; }
#main_menu li a { color:#666; padding:5px; display:block; text-decoration:none; background:url('/img/background-menu-gris.png') top repeat-x; font-weight:bold; font-size:14px; }
#main_menu li a:hover { background:url('/img/background-menu.png') top repeat-x; color:#06c; }
#main_menu li a.on { background:url('/img/background-menu-jaune.png') top repeat-x; color:#830000; }
#main_menu .sub { display:none; margin:0; padding:0; }
#main_menu .sub li { border:none; border-top:1px dotted #ccc; }
#main_menu .sub a { padding-left:20px; background:#fff; font-family:Verdana; font-size:11px; font-weight:normal; }
#main_menu span { background:no-repeat left center; padding-left:26px; }
#main_menu span.contact { background-image:url('/img/icons/16x16/user_contact.png'); }
#main_menu span.membre { background-image:url('/img/icons/16x16/user_membre.png'); }
#main_menu span.groupe { background-image:url('/img/icons/16x16/group.png'); }
#main_menu span.evenement, #main_menu span.calendar { background-image:url('/img/icons/16x16/calendar.png'); }
#main_menu span.alerte { background-image:url('/img/icons/16x16/bell.png'); }
#main_menu span.transaction { background-image:url('/img/icons/16x16/cb.png'); }
#main_menu span.facture { background-image:url('/img/icons/16x16/facture.png'); }
#main_menu span.email { background-image:url('/img/icons/16x16/email.png'); }
#main_menu span.stats { background-image:url('/img/icons/16x16/stats.png'); }
#main_menu span.front { background-image:url('/img/icons/16x16/front.png'); }
#main_menu span.user { background-image:url('/img/icons/16x16/user.png'); }
#main_menu span.demande { background-image:url('/img/icons/16x16/demande.png'); }
#main_menu span.phoning { background-image:url('/img/icons/16x16/phoning.png'); }

/* Formulaire */
.form ul { padding:0; margin:0; width:550px; }
.form li { padding:0; margin:10px 0 0 0; list-style:none; overflow:hidden; }
.form li:first-child { margin:0; }
.form li > label { font-size:12px; float:left; cursor:pointer; width:150px; padding:3px 15px 3px 0px; margin-right:10px; text-align:right; line-height:20px; background:url('/img/suivant-gris.png') right 8px no-repeat; color:#444; }
.form li .data { float:left; color:#444; padding:3px 0; line-height:20px; font-size:12px; width:345px; }
.form li input[type=text],
.form li input[type=password],
.form li select ,
.form li textarea { float:left; border:1px solid #ccc; width:345px; padding:3px; font-family:Trebuchet MS,Tahoma; font-size:12px; color:#444; }
.form li textarea { max-height:200px; height:40px; }
.form li textarea.editor { max-height:400px; height:400px; width:100%; }
.form li textarea.editor_small { max-height:300px; height:300px; width:520px; }
.form li:last-child { padding-left:175px; }
.form li:last-child input { margin-right:10px; }
.form li select.time { width:60px; font-size:11px; }
.form input { font-size:12px; }
.form a.calculator { width:16px; height:16px; overflow:hidden; display:block; text-indent:1000px; background:url('/img/icons/16x16/calculator.png') no-repeat 0 0; float:right; }
.form .tva { float:left; width:120px; margin-left:5px; }
.form .obl { color:#e2001a; font-weight:bold; }

/* Formulaire : Alertes */
.form.alerte ul { width:700px; }
.form.alerte input[type=text] { width:510px; }

/* Formulaire : Verrouilage */
.form li.locked { background:url('/img/icons/16x16/lock.png') no-repeat 155px 0; padding-left:180px; line-height:18px; }
.form li.unlocked { background:url('/img/icons/16x16/lock_open.png') no-repeat 155px 0; padding-left:180px; line-height:18px; }
.form li.locked a { color:#c48019; text-decoration:none; }
.form li.unlocked a { color:#444; text-decoration:none; }

.form input[type=text].date { width:90px; text-align:center; float:none; }
.form select.heure { width:60px; text-align:center; float:none; }
.form input[type=text].amount { text-align:right; width:90px; }
.form .amount_euro { float:left; color:#444; padding:3px 5px; line-height:20px; font-size:12px; width:50px; }

/* Formulaire : Box Muliples */
.form ul.multiple_checkbox { float:left; width:510px; }
.form ul.multiple_checkbox input { margin-right:10px; }
.form ul.multiple_checkbox li,
.form ul.multiple_checkbox li:last-child { margin:0; padding:0; }
.form ul.multiple_checkbox label { background:none; float:none; padding:0; margin:0; }

/* Formulaire : Data */
.form .data div { background:#fff; overflow:hidden; height:16px; padding:4px 0; border-bottom:1px dotted #eee; }
.form .data div:hover { background:#e7f5fb; }
.form .data span { font-size:11px; }
.form .data a.icone { float:left; margin-right:10px; }

/* Champs */
.select_only { border:1px solid #ccc; width:100%; padding:3px; font-family:Trebuchet MS,Tahoma; font-size:12px; color:#444; }

/* Table */
.listing_table { border:1px solid #ccc; width:100%; border-spacing:0; border-collapse:collapse; font-size:12px; }
.listing_table tr.one td { background-color:#fff; }
.listing_table tr.one:hover td { background-color:#e7f5fb; }
.listing_table tr.odd td,
.listing_table tr.two td { background-color:#eee; }
.listing_table tr.two:hover td { background-color:#e7f5fb; }
.listing_table .wait td { background-color:#f3fdd1; }
.listing_table .wait a.new { background:url('/img/new.png') no-repeat 0 0; padding-left:20px; }
.listing_table b { color:#007aa1; }
.listing_table td { padding:5px; }
.listing_table th { color:#06c; background:url('/img/background-menu.png') top repeat-x; padding:2px; text-align:center; }
.listing_table .header_title td { font-weight:bold; font-size:14px; color:#996600; background:url('/img/background-menu-jaune.png') top repeat-x; padding:2px; text-align:left; padding-left:5px; }
.listing_table select { font-size:11px; width:95%; }
.listing_table input { font-size:11px; width:95%; border:1px solid #ccc; text-align:center; }
.listing_table .checkbox { border:none; }
.listing_table .info { text-align:center; font-size:11px; color:#666; }
.listing_table .commentaire { background:no-repeat url('/img/icons/16x16/demande.png') 0 0 ; padding-left:20px; line-height:16px; font-size:11px; color:#666; margin-top:2px; }
.listing_table .more, .more { font-size:11px; color:#666; margin-top:2px; }
.listing_table .more a, .more a { text-decoration:none; color:#666; }
p.no_record,
.listing_table .no_record { text-align:center; color:#444; padding:30px 50px; }
.listing_table .ui-state-highlight { height:52px; }

.listing_table th a { text-decoration:none; padding-left:20px; background:no-repeat 0 0; }
.listing_table th a.asc { background-image:url('/img/icons/16x16/fleche_haut.png'); }
.listing_table th a.desc { background-image:url('/img/icons/16x16/fleche_bas.png'); }

.listing_table td.price { text-align:right; padding-right:10px; }
.listing_table tr.footer td { background:#f6f6f6; font-weight:bold; text-align:right; border-top:1px dotted #ccc; }
.listing_table .product_title { font-weight:bold; }
.listing_table .product_info { font-size:11px; }
.listing_table a.new { background:url('/img/new.png') no-repeat; padding-left:22px; }

/* Icones */
.listing_table ul.icons {margin:0; padding:0;}
.listing_table ul.icons li {margin: 2px; position:relative; padding:4px 0; cursor:pointer; float:left;  list-style:none;}
.listing_table ul.icons a {float:left; margin: 0 4px;}

/* TableSorter */
table.tablesorter { border:1px solid #ccc; margin:10px 0pt 15px;width:100%; text-align:left; border-spacing:0; }
table.tablesorter thead tr th, table.tablesorter tfoot tr th { font-size:11px; color:#06c; background-color:#cae2fa; border:1px solid #fff; border-left:none; padding:4px; }
table.tablesorter thead tr th { padding-right:15px; }
table.tablesorter thead tr th:first-child, table.tablesorter tfoot tr th:first-child { border-left:1px solid #fff; }
table.tablesorter thead tr .header { background-image:url(img/sorter-idle.png); background-repeat:no-repeat; background-position:center right; cursor:pointer; }
table.tablesorter tbody td { padding:5px;	background-color:#eee; vertical-align: center; }
table.tablesorter tbody tr.odd:hover td,
table.tablesorter tbody tr:hover td { background-color:#edf7fc; }
table.tablesorter tbody tr.odd td { background-color:#fff; }
table.tablesorter thead tr .headerSortUp { background-color:#06c; color:#fff; background-image:url(img/sorter-asc.png); }
table.tablesorter thead tr .headerSortDown { background-color:#06c; color:#fff; background-image:url(img/sorter-desc.png); }
table.tablesorter tbody td b { color:#007aa1 }
table.tablesorter tfoot tr th { text-align:center; font-size:14px; }
table.tablesorter td.no_record { text-align:center; color:#444; padding:30px 50px; }

/* Activé - Désactivé */
a.icone { display:inline-block; width:16px; height:16px; background:no-repeat 0 0; text-indent:1000px; overflow:hidden; }
a.on { background-image:url('/img/icons/16x16/tick.png'); }
a.off { background-image:url('/img/icons/16x16/cross.png'); }
a.contact { background-image:url('/img/icons/16x16/user_contact.png'); }
a.blacklist { background-image:url('/img/icons/16x16/user_blacklist.png'); }
a.client { background-image:url('/img/icons/16x16/user_membre.png'); }
a.adhesion { background-image:url('/img/icons/16x16/coins.png'); }
a.cotisation { background-image:url('/img/icons/16x16/coin.png'); }
a.prelevement { background-image:url('/img/icons/16x16/coins_hand.png'); }
a.email_delete { background-image:url('/img/icons/16x16/email_delete.png'); }
a.pj_delete { background-image:url('/img/icons/16x16/pj_delete.png'); }
a.rdv_wait { background-image:url('/img/icons/16x16/rdv_wait.png'); }

/* Pagination */
.pagination { overflow:hidden; clear:both; margin:10px 0; padding:0; text-align:center; }
.pagination li { display:inline; list-style:none; }
.pagination li a { font-family:Trebuchet MS,Tahoma;  font-size:16px; line-height:24px; padding:0 8px 0 8px; border:1px solid #ccc; margin:0 3px; text-decoration:none; }
.tabs-content .ui-widget-content .pagination li a:hover,
.pagination li a:hover { color:#fff; background:#007aa1; }
.pagination li.disabled a { background:#eee; color:#444; }
.pagination.small li a { font-size:14px; color:#444; }
.pagination.small li a:hover { color:#fff; }

/* Actions */
.actions { margin:0 0 20px 0; padding:0; overflow:hidden; height:30px; }
.actions li { float:left; list-style:none; margin:0 10px 0 0; }
.tabs-content .ui-widget-content .actions a,
.actions a { font-size:11px; }

/* Recherche */
input[type=text].search_form { background:url('/img/icons/16x16/search.png') no-repeat 5px center; border:1px solid #ccc; color:#444; font-size:14px; padding:4px 4px 4px 25px; width:300px; }
input[type=text].search_form.empty { color:#666; }

/* Factures */
.detail_facture { margin:20px 0 0 175px; font-size:12px; }
.detail_facture table { width:700px; }
.detail_facture table th, .detail_facture table td { padding:5px; }

/* Listes */
.list-1 { margin:10px 0; padding:0; }
.list-1 li { list-style:none; background:url('/img/icons/16x16/bullet_green.png') 0 0 no-repeat; padding-left:20px; margin:0 0 2px 10px; }

/* Emails */
.multiple_checkbox { max-height:200px; overflow-y:scroll; }
#alerte_email { padding:10px; width:530px; margin-bottom:10px; }
#alerte_email h2 { background:url('/img/icons/16x16/bell.png') no-repeat left center; padding-left:20px; font-size:14px; font-weight:bold; color:#830000; }

/* Tags */
.tag_groupe { width:430px; padding:0 10px; margin-bottom:20px; }
.tag_groupe h2 { font-size:14px; color:#007aa1; margin:0px; padding-bottom:5px; }
.fm_tag input { border:1px solid #ccc; width:100%; margin-top:5px; padding:4px; }
.tag { margin:0; padding:0; overflow:hidden; }
#tabs_form .ui-widget-content .tag li,
.tag li { float:left; display:block; list-style:none; margin:0 10px 5px 0 !important; line-height:16px; border:1px solid #007aa1; padding:2px 6px !important; background:#e7f5fb; color:#007aa1; }
.tag li a { margin-left:5px; display:block; float:right; width:16px; height:16px; background:url('/img/icons/16x16/tag_delete.png') no-repeat 0 0; }
.tag li a:hover { background-color:#fff; }

/* Phoning */
.phoning_box { border:1px solid #ccc; padding:10px; width:400px; margin:20px 20px 0 0; float:left; }

/* Listing Menu */
#order_menu { width:350px; }
#order_menu ul { margin:0 0 10px 26px; padding:0; }
#order_menu > ul { margin-left:0; }
#order_menu li { list-style:none; width:100%; margin-bottom:2px; padding:2px; }
#order_menu .ui-state-highlight { height:26px; }

/* Periode */
.periode { margin-bottom:20px; border-radius:4px; border:1px solid #ccc; width:280px; text-align:center; padding:10px 10px; }
.periode legend { background:url(img/icons/16x16/calendar.png) no-repeat left center; padding-left:22px; font-size:14px; color:#007aa1; }
.periode input[type=text] { border:1px solid #eee; }
.periode input[type=submit] { font-size:11px; padding:2px 4px; }
.periode select { font-size:11px; width:100%; margin-top:10px; border:1px solid #eee; }

/* Upload / Crop */
#jcrop { width:900px; overflow:hidden; }
.jcrop-holder { text-align: left; }
.jcrop-vline, .jcrop-hline {	font-size: 0; position: absolute; background: white url('/img/crop.gif') top left repeat; }
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-handle {	font-size: 1px;	width: 7px !important;	height: 7px !important;	border: 1px #eee solid;	background-color: #333; }
.jcrop-tracker { width: 100%; height: 100%; }
.jcrop-source { width:602px; overflow:hidden; float:left; }
.jcrop-source img { width:600px; }
.jcrop-right { float:left; margin-left:15px; }
.jcrop-preview { width:275px; height:275px; overflow:hidden; border:1px solid #ccc; margin-bottom:20px; }