html,body{
	font-family: Helvetica;
	font-size: 12px;
	
	text-align: center;
	background: #592b2b;
}

a{
	text-decoration: underline;
	color: #333;
	font-weight: bold;
}

a.menu{
	text-decoration: underline;
	color: #333;
	font-weight: bold;
	background: #eee;
}

a:hover{
	text-decoration: none;
	color: #8ca837;
}

h2{
	color: #592b2b;
	font-size: 20px;
	margin-bottom: 20px;
	margin-left: -10px;
	margin-right: -10px;
	margin-top: -10px;
	padding: 5px;
	background: #ddd;
	text-align: right;
	
	background: transparent url(../img/bk_title.gif) repeat-x;
}

h3{
	font-size: 16px;
	margin-left: 10px;
	color: #8ca837;
}

input{
	margin: 2px;
	padding: 0px;
	
	border: 1px dotted #666;
	background: #fff;
}

select{
	margin-left: 5px;
	
	border: 1px dotted #666;
	background: #fff;
}

textarea{
	border: 1px dotted #666;
	background: #fff;
}

ul, li{
	list-style-type: disc;
}

iframe{
	border: 1px solid #ccc;
}

.error{
	font-weight: bold;
	color: #CC0000;
}

.infos{
	font-weight: bold;
	color: #8ca837;
}

.help{
	font-weight: bold;
	color: #8ca837;
}

#page{
	width: 990px;
	margin: auto;
	
	text-align: left;
}

#page img{
	margin-bottom: -2px;
}

#menu{
	background: #333;
	height: 32px;
	
	background: transparent url(../img/bk_menu.gif) repeat-x;
}

#menu a{
	display: block;
	float: left;
	
	text-align: center;
	padding: 10px 20px 10px 20px;
	
	color: #8ca837;	
	font-weight: bold;
	text-decoration: none;
}

#menu a.actif{
	background: #333;
	color: #eee;
}

#menu a:hover{
	background: #333;
	color: #eee;
}

#submenu{
	background: transparent url(../img/bk_submenu.gif) repeat-x;
	height: 21px;
	padding-top: 5px;
	padding-left: 8px;
}

#submenu a{
	padding: 5px 10px 5px 10px;
	display: block;
	float: left;
	
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	
	color: #8ca837;
}

#submenu a.actif{
	background: transparent url(../img/bk_submenu_a.gif) repeat-x;
	color: #333;
}

#submenu a:hover{
	color: #eee;
}

#content{
	background: #eee;
	padding: 10px;
	
	padding-bottom: 40px;
}

#content table.tab{
	width: 940px;
	margin: 20px auto 0 auto;
}

#content table.tab th{
	padding: 3px;
}

#content table.tab td{
	padding: 1px 5px 1px 5px;
}

#content table.tab li{
	margin-bottom: 5px;
}

#content table.tab td{
	background-color: #ddd;
	border-top: 1px solid #eee;
}

#content table.tab td.selected{
	background-color: #c7d1a8;
}

#content table.tab td.over{
	background-color: #d9e1c0;
}

#content table.form td{
	padding: 5px;
}

#content table.form{
	width: 980px;
}

#content table.form td{
	text-align: left;
}

#content table.form tr:hover{
	background: #ddd;
}

#footer{
	height: 20px;
	margin-bottom: 20px;
	background: transparent url(../img/bk_footer.gif) repeat-x;
	
	text-align: center;
	
	margin-bottom: 20px;
}

#search{
	margin: 0 auto 0 auto;
}

.field{
	padding: 5px 5px 5px 5px;
	border: 1px dotted #ccc;
	margin: 0;
}

fieldset{
	margin:0;
	padding:0;
}

.spage{
	margin-left: 20px;
}

.spage:hover{
}

.page_link{
	display: block;
	float: left;
	padding: 2px;
}

.page_link:hover{
	background-color: #c7d1a8;
}

.bloc_field{
	float: left;
	padding: 2px;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-right: 10px;
	
	background: #ccc;
	
	text-align: center;
}

.bloc{
	background-repeat: no-repeat;
	padding: 7px;
	margin-bottom: 10px;
	background-color: #e3e3e3;
}

.bloc:hover{
	background-image: url(../img/boutons/bkbloc.gif);
	background-color: #c8bdbd;
}

.bloc_field:hover{
	background-color: #c7d1a8;
}

#gestion_ext_db{
	border: 1px solid #ccc;
	padding: 10px;
	background: #eaeaea;
}

#gestion_ext_tables{
	border: 1px solid #ccc;
	padding: 10px;
	background: #eaeaea;
}

#gestion_ext_src{
	border: 1px solid #ccc;
	padding: 10px;
	background: #eaeaea;
}

form.with_border{
	padding: 10px;
}

hr{
	border: 0;
	border-top: 1px solid #ccc;
}

/**************************************************************************************************/

.btns{
}

.btnOK{
	background-color: transparent;
	background-image: url(../img/boutons/ok.gif);
	width: 49px;
	height: 20px;
	border: 0;
}

.btnOK:hover{
	background-image: url(../img/boutons/ok_over.gif);
}

.btnAjouter{
	background-color: transparent;
	background-image: url(../img/boutons/ajouter.gif);
	background-position: -1px -1px;
	border: 1px solid #999;
	width: 54px;
	height: 22px;
}
.btnAjouter:hover{
	background-image: url(../img/boutons/ajouter_over.gif);
}

.btnEnlever{
	background-color: transparent;
	background-image: url(../img/boutons/enlever.gif);
	background-position: -1px -1px;
	border: 1px solid #999;
	width: 54px;
	height: 22px;
}
.btnEnlever:hover{
	background-image: url(../img/boutons/enlever_over.gif);
}

.btnEnregistrer{
	background-color: transparent;
	background-image: url(../img/boutons/save.gif);
	background-position: -1px -1px;
	border: 1px solid #999;
	
	width: 74px;
	height: 20px;
}
.btnEnregistrer:hover{
	background-image: url(../img/boutons/save_over.gif);
}

.btnModifier{
	background-color: transparent;
	background-image: url(../img/boutons/update.gif);
	background-position: -1px -1px;
	border: 1px solid #999;
	width: 60px;
	height: 20px;
}
.btnModifier:hover{
	background-image: url(../img/boutons/update_over.gif);
}

.btnSupprimer{
	background-color: transparent;
	background-image: url(../img/boutons/delete.gif);
	background-position: -1px -1px;
	border: 1px solid #999;
	width: 72px;
	height: 22px;
}
.btnSupprimer:hover{
	background-image: url(../img/boutons/delete_over.gif);
}

.btnCocher{
	background-color: transparent;
	background-image: url(../img/boutons/cocher.gif);
	background-position: -1px -1px;
	border: 1px solid #999;
	width: 76px;
	height: 22px;
}
.btnCocher:hover{
	background-image: url(../img/boutons/cocher_over.gif);
}

.btnDecocher{
	background-color: transparent;
	background-image: url(../img/boutons/decocher.gif);
	background-position: -1px -1px;
	border: 1px solid #999;
	width: 90px;
	height: 22px;
}
.btnDecocher:hover{
	background-image: url(../img/boutons/decocher_over.gif);
}

.btnBackUsers{
	background-color: transparent;
	background-image: url(../img/boutons/back_users.gif);
	width: 210px;
	height: 20px;
	
	margin-top: 10px;
	display: block;
	float: left;
}
.btnBackUsers:hover{
	background-image: url(../img/boutons/back_users_over.gif);
}

.btnAddNewUser{
	background-color: transparent;
	background-image: url(../img/boutons/add_new_user.gif);
	width: 205px;
	height: 20px;
	
	display: block;
	float: left;
}
.btnAddNewUser:hover{
	background-image: url(../img/boutons/add_new_user_over.gif);
}

.btnBackLists{
	background-color: transparent;
	background-image: url(../img/boutons/back_lists.gif);
	width: 185px;
	height: 20px;
	
	display: block;
	float: left;
}
.btnBackLists:hover{
	background-image: url(../img/boutons/back_lists_over.gif);
}

.btnBackMails{
	background-color: transparent;
	background-image: url(../img/boutons/back_mails.gif);
	width: 153px;
	height: 20px;
	
	display: block;
	float: left;
}
.btnBackMails:hover{
	background-image: url(../img/boutons/back_mails_over.gif);
}

.btnValider{
	background-color: transparent;
	background-image: url(../img/boutons/valider.gif);
	background-position: -1px -1px;
	border: 1px solid #999;
	width: 52px;
	height: 22px;
}
.btnValider:hover{
	background-image: url(../img/boutons/valider_over.gif);
}

.btnValider2{
	background-color: transparent;
	background-image: url(../img/boutons/valider.gif);
	width: 50px;
	height: 20px;
	
	margin-left: 10px;
	
	display: block;
	float: left;
}
.btnValider2:hover{
	background-image: url(../img/boutons/valider_over.gif);
}

.btnSendTest{
	background-color: transparent;
	background-image: url(../img/boutons/send_test.gif);
	width: 170px;
	height: 20px;
	
	display: block;
	float: left;
}
.btnSendTest:hover{
	background-image: url(../img/boutons/send_test_over.gif);
}

.btnSend{
	background-color: transparent;
	background-image: url(../img/boutons/send.gif);
	width: 81px;
	height: 20px;
	
	display: block;
	float: left;
}
.btnSend:hover{
	background-image: url(../img/boutons/send_over.gif);
}

.btnVoir{
	background-color: transparent;
	background-image: url(../img/boutons/voir.gif);
	background-position: -1px -1px;
	border: 1px solid #999;
	width: 36px;
	height: 22px;
}
.btnVoir:hover{
	background-image: url(../img/boutons/voir_over.gif);
}

.btnOui{
	background-color: transparent;
	background-image: url(../img/boutons/oui.gif);
	width: 49px;
	height: 20px;
	display: block;
	float: left;
	
	margin-top: 5px;
	margin-left: 5px;
}
.btnOui:hover{
	background-image: url(../img/boutons/oui_over.gif);
}

.btnNon{
	background-color: transparent;
	background-image: url(../img/boutons/non.gif);
	width: 50px;
	height: 20px;
	display: block;
	float: left;
	
	margin-top: 5px;
}
.btnNon:hover{
	background-image: url(../img/boutons/non_over.gif);
}

.btnImporter{
	background-color: transparent;
	background-image: url(../img/boutons/importer.gif);
	background-position: -1px -1px;
	border: 1px solid #999;
	width: 62px;
	height: 22px;
}
.btnImporter:hover{
	background-image: url(../img/boutons/importer_over.gif);
}

.btnBackLists{
	background-color: transparent;
	background-image: url(../img/boutons/back_lists.gif);
	width: 185px;
	height: 20px;
}
.btnBackLists:hover{
	background-image: url(../img/boutons/back_lists_over.gif);
}

.btnDeplacer{
	background-color: transparent;
	background-image: url(../img/boutons/deplacer.gif);
	background-position: -1px -1px;
	border: 1px solid #999;
	width: 62px;
	height: 22px;
}
.btnDeplacer:hover{
	background-image: url(../img/boutons/deplacer_over.gif);
}

.btnSupprList{
	background-color: transparent;
	background-image: url(../img/boutons/delete_from_list.gif);
	background-position: -1px -1px;
	border: 1px solid #999;
	width: 124px;
	height: 22px;
}
.btnSupprList:hover{
	background-image: url(../img/boutons/delete_from_list_over.gif);
}

.btnBackAttach{
	background-color: transparent;
	background-image: url(../img/boutons/back_attach.gif);
	width: 163px;
	height: 20px;
	
	display: block;
	float: left;
}
.btnBackAttach:hover{
	background-image: url(../img/boutons/back_attach_over.gif);
}

.btnRefresh{
	background-color: transparent;
	background-image: url(../img/boutons/refresh.gif);
	width: 65px;
	height: 20px;
	
	margin-left: 10px;
	
	display: block;
	float: left;
}
.btnRefresh:hover{
	background-image: url(../img/boutons/refresh_over.gif);
}

.btnAddAttach{
	background-color: transparent;
	background-image: url(../img/boutons/add_attach.gif);
	width: 108px;
	height: 20px;
	
	display: block;
	float: left;
}
.btnAddAttach:hover{
	background-image: url(../img/boutons/add_attach_over.gif);
}

.btnCancel{
	background-color: transparent;
	background-image: url(../img/boutons/cancel.gif);
	width: 56px;
	height: 20px;
	
	margin-left: 10px;
	
	display: block;
	float: left;
}
.btnCancel:hover{
	background-image: url(../img/boutons/cancel_over.gif);
}

#progress{
	background-color: #c7d1a8;
	color: #333;
	padding: 5px 0 5px 5px;
	margin-left: -2px;
	border: dotted 1px #333;
}

.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #d9e1c0;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 18px;
	font-weight: bold;
	font-family: 'Andale Mono', sans-serif;
}

.element{
	padding: 10px;
	margin: 5px;
}