@CHARSET "UTF-8";

/*************
 * Tags HTML *
 *************/

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font: 0.9em/1.6 Verdana, Geneva, Arial, sans-serif;
	color: #333;}

h1.Auth {
    font-size: 1.4em;
}

form {
	padding: 0px;
	margin: 0px;
}

textarea, input, select, button {
    color: #033;
    font-family: "trebuchet ms",helvetica,sans-serif;
	font-size: 1.05em;
    background-color: #e0e8db;
    border: 1px solid #9c9;
    /*border-top-color: #4A7B11;
    border-left-color: #4A7B11;
    border-right-color: #005A28;
    border-bottom-color: #005A28;*/
}

.focus {
	border: 1px solid red;
}

span.msg {
    color: red;
}

select[disabled], input[disabled] {
    color: gray;
    font-weight: normal;
    background-color: #DCDCDC;
    border-top-color: gray;
    border-left-color: gray;
    border-right-color: gray;
    border-bottom-color: gray;
}

a {
	color: #090;
}

a:hover {
	background-color: #e0e8db;
}

hr {
	height: 0px;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-top: 1px solid rgb(102, 102, 102);
}

hr.dashed {
	border-top: 1px dotted rgb(102, 102, 102);
}

/**********
 * Entête *
 **********/

#search {
	float: right;
	margin: 5px;
}

#nom_app {
	height: 30px;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 140%;
	font-weight: bold;
	line-height: 32px;
	color: #7b8078;
	margin-left: 10px;
}

#title {
	height: 24px;
	background-image: url(images/fond_titre.gif);
	background-repeat: repeat-x;
	color: #666;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 140%;
	font-weight: bold;
	padding: 0 0 0 10px;
	margin: 0;
}

#menu {
	margin: 0;
	padding: 0;
	display: inline;
}

#menu li {
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
	display: inline;
}

#menu li a {
	padding: 2px;
	border-left: 1px solid #b8bfb4;
	border-right: 1px solid #b8bfb4;
	border-bottom: 1px solid #b8bfb4;
	background-color: #e0e8db;
	color: #090;
}

#menu li.actif a {
	padding: 2px;
	border-left: 1px solid #b8bfb4;
	border-right: 1px solid #b8bfb4;
	border-bottom: 1px solid #b8bfb4;
	background-color: #ececec;
	color: #666;
}

#menu li a:hover, #menu li.actif a:hover {
	padding: 2px;
	border-left: 1px solid #b8bfb4;
	border-right: 1px solid #b8bfb4;
	border-bottom: 1px solid #b8bfb4;
	background-color: #ececec;
	color: #666;
}

/**********************
 * Contenu de la page *
 **********************/

ul.msg {
	list-style: none;
	padding: 0;
	margin-left: 10px;
	margin-right: 210px;
	border-left: 1px solid red;
	border-bottom: 1px solid red;
}

ul.msg li, ul.msg li.erreur, ul.msg_ajax li, ul.msg_ajax li.erreur {
    height: 19px;
	padding-left: 10px;
	background-image: url(images/li_msg.gif);
	background-position: center left;
	background-repeat: no-repeat;
}

ul.msg li.erreur, ul.msg_ajax li.erreur {
	background-image: url(images/li_msg_erreur.gif);
}

ul.msg_ajax {
	list-style: none;
	padding: 0;
	margin: 0 0 10px 0;
	border-left: 1px solid red;
	border-bottom: 1px solid red;
}

#colonne {
/*	float: right;*/
	position: absolute;
	right: 5px;
	top: 82px;
	width: 200px;
	z-index: 0;
}

#content {
	margin: 10px;
	padding: 1px 0 0 0;
}

#span_time {
    font-family: Verdana;
    font-size: 0.9em;
    color: #444;
}

#navigation {
    margin-left: 20px;
    padding-top: 4px;
	 color: #005a28;
}

td.int {
    text-align: right;
    font-weight: bold;
    font-size: 1.0em;
    color: #444;
	vertical-align: top;
}

div.int {
    text-align: left;
    font-weight: bold;
    font-size: 1.0em;
    color: #444;
	vertical-align: top;
}

div.val {
    text-align: right;
}

div.boutons, div.boutons_form {
	text-align: right;
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px dotted rgb(102, 102, 102);
}

div.boutons_form {
	border-top: 0;
}

td.legende_filtre {
    font-weight: bold;
    font-size: 1.0em;
    color: #444;
	vertical-align: bottom;
	text-align: center;
}

td.champs_filtre {
	text-align: center;
	vertical-align: top;
}

td.legende_form {
    font-weight: bold;
    font-size: 1.0em;
    color: #444;
	vertical-align: top;
	text-align: right;
}

td.champs_form {
	text-align: left;
}

table.zone th {
    background-color: #005A28;
    font-size: 1.0em;
    color: #fff;
    text-align: left;
	width: 100%;
}

a.menu_lien {
	 text-decoration: none;
	 color: #005a28;
}

p.commentaire {
	color: #005a28;
	font-style: italic;
}


table.tableau {
	border: 1px solid #111;
	background-color: #FFF;
	width: 100%;
	/*margin-bottom: 10px;*/
	/*margin-left: -4px;*/
}

table.tableau_popup {
	border: 1px solid #111;
	background-color: #FFF;
	width: 100%;
	/*margin-bottom: 10px;*/
	/*margin-left: -4px;*/
}

th.tableau {
	text-align: center;
	font-weight: normal;
	/*font-style: italic;*/
	font-size: 1.0em;
	font-family: Verdana, Geneva, Arial, sans-serif;
	padding: 1px;
	color: white;
	background-color: #739973;
	border: solid 1px #FFF;
}

th.tableau_popup {
	text-align: left;
	font-weight: normal;
	/*font-style: italic;*/
	font-size: 1.0em;
	font-family: Verdana, Geneva, Arial, sans-serif;
	padding: 1px;
	color: white;
	background-color: #739973;
	border: solid 1px #FFF;
}

th.tableau a         { color: white }
th.tableau a:hover   { color: black; background-color: #B1C48B }
th.tableau a:active  { color: white }

tr.data      { background-color: #FFF }
tr.data2     { background-color: #C3D3B0 }

tr.datahover {
    background-color: #A2CFA1;
    /*color: white;*/
}
table.tableau td, td.tableau {
	padding: 3px;
	font-size: small;
	border: solid 1px #FFF;
	text-align: center;
}

table.tableau_popup td, td.tableau_popup {
	padding: 3px;
	font-size: small;
	border: solid 1px #FFF;
	text-align: left;
}

a.tableau {
	 text-decoration: none;
	 color: #005a28;
}

#pagi {
    width: 100%;
}

a {
	 text-decoration: none;
	 color: #005a28;
}

td.rat_struct {
	width: 200px;
	vertical-align: top;
	border: 1px dashed #666666;
	padding: 4px;
}

div.loader {
    display: none;
    position: absolute;
    top: 34px;
    right: 5px;
    z-index: 10;
}

.infobulle {
	position: absolute;
	display : none;
	border: 1px solid Black;
	padding: 5px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 0.9em;
	z-index: 100;
}

.Titre {
	background-color: #A2CFA1;
	padding: 2px;
	font-weight: bold;
}

.TabAlt {
	background-color: #C3D3B0;
}

/* Original PBBAcpBox styles */
.popup {
    padding: 10px 8px 0 8px;
    background: #E0E8DB;
    border: 1px solid #111;
}

.popup input[type="button"],
.popup input[type="submit"],
.popup input[type="image"] {
    margin: 10px;
}
.alert {
    text-align: center;
}

.confirm {
    text-align: center;
}

.prompt {
    text-align: left;
}

.overlay {
    background-color: #FFF;
}

.popup ul {
    display: block;
    margin: 0;
    padding: 0;
    text-align: left;
}

.popup ul li {
    display: inline;
    list-style-image: none;
    margin: 0 0 0 10px;
    padding: 0;
}

.popup ul li a {
    background-color: #E0E8DB;
    border-top: 1px solid #B8BFB4;
    border-left: 1px solid #B8BFB4;
    border-right: 1px solid #B8BFB4;
    color: #009900;
    padding: 2px;
    text-decoration: none;
    cursor: pointer;
}

.popup ul li.actif a {
    background-color: #ECECEC;
    color: #666;
}

.popup .content {
    height: 400px;
}

.popup .tableau_container {
    overflow: auto;
    height: 380px;
    border: 1px solid #99CC99;
}

.popup .tableau_container div table {
    width: 100%;
}

.popup .tableau_popup {
    border: none;
}

.popup .presaisie {
    display: none;
}

.popup .title {
    position: absolute;
    top: -10px;
    left: 8px;
    height: 19px;
    border: 1px solid #111111;
    background-color: #739973;
    padding-left: 3px;
    padding-right: 3px;
    font-weight: bold;
    color: white;
}

.popup .closePopupIcn {
    border: 0;
    position: absolute;
    right: -20px;
    top: -20px;
    background: transparent;
}

.popup_content_white {
    border: 1px solid black;
    background-color: white;
    margin-top: 10px;
}

#postFichierFrame {
    display: none;
    height: 0px;
    width: 1px;
}