/* CSS Document */
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
body {
	/*background-color: #183B4D;*/
	background-color: #FFFFFF;
	margin-left: 20px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 20px;
}
/* La div avec le menu */
#menu {
	position:absolute;
	z-index:500;
	width:600px;
	padding:86px 0px 0px 6px;
}
/* La div avec les informations utilisateurs et la deconnexion */
#connexion {
	position:absolute;
	z-index:499;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	width:777px;
	padding:89px 0px 0px 0px;
	text-align:right;
}
.btn_menu {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
background:#3C6C22;
border:1px solid #84ACA3;
padding-top:1px;
padding-bottom:1px;
margin-right:1px;
}
.btn_menu_over {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background:#507E36;
color:#ffffff;
border:1px solid #83B7AB;
padding-top:1px;
padding-bottom:1px;
margin-right:1px;
cursor:pointer;
}
.btn_menu_actif {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background:#659A48;
color:#ffffff;
border-right:1px solid #A8C896;
border-bottom:1px solid #A8C896;
border-left:1px solid #4C892A;
border-top:1px solid #4C892A;
padding-top:1px;
padding-bottom:1px;
margin-right:1px;
}

.contenu {
	background-color:#006599;
	vertical-align:top;
	color:#FFFFFF;
	text-align: center;

}
#fond_menu {
	position:relative;
	z-index:400;
}
.img_margin {
	margin:0px 3px 0px 3px;
}

.onglet_on {
	background-color:#6491BA;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-right:none;
	border-bottom:none;
	color:#FFFFFF;
	cursor:default;
	padding:8px;
}
.onglet_off {
	background-color:#507CA3;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-right:none;
	border-bottom:none;
	color:#FFFFFF;
	cursor:pointer;
	padding:8px;
}
.pied_page {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:right;
	padding-right:5px;
	color:#FFFFFF;
}
.saisie {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:transparent;
	width:350px;
}

.sstitre {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	color:#FFFFFF;
}

.titre {
	font-family:Arial, Helvetica, sans-serif;
	font-size:5px;
	color:#006599;
	padding:0px 0px 2px 7px;
	height:5px;
}
/* Les boutons des formulaires */
.btn {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background:#6491BA;
color:#ffffff;
border:1px solid #BED8E5;
padding-top:1px;
padding-bottom:1px;
cursor:pointer;
}
/* Les champs de saisie dans les formulaires */
.std {
width:200px;
font-size:11px;
}
input {
padding-left:3px;
}
/* L'indication d'un champ obligatoire */
.obligatoire {
margin:0px;
margin-left:15px;
color:red;
}
/* L'ecran de connexion */
#ecranlogin {
	margin:0px;
	margin-top:50px;
	margin-bottom:-50px;
	margin-left:auto;
	margin-right:auto;
	width:450px;
	background-color:#dbdfeb;
	border:#acbcd6 1px solid; 
	padding:15px;
}
#ecranlogin .logo{
	padding-right:10px;
}
#ecranlogin .boutons{
	text-align:center;
	padding-top:5px;
}
#ecranlogin .form_colA {
	font-size:11px;
	vertical-align:top;
	padding-top:4px;
	text-align:right;
	padding-right:8px;
}
#ecranlogin .form_colB {
	vertical-align:text-top;
	text-align:left;
	padding-bottom:5px;
}
.erreur_saisie {
	font-size:11px;
	color:red;
	text-align:center;
	padding-bottom:10px;
}

/* La page d'erreur interne */
#page_erreur {
	width:400px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	font-size:14px;
	font-weight:bold;
	color:red;
	text-align:center;
}

/* La forme generale des ecrans "fiche" */
.ecran {
	margin:0px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	width:450px;
	background-color:#dbdfeb;
	border:#acbcd6 1px solid; 
	padding:10px;
}
.ecran .entete {
	text-align:left;
	font-size:13px;
	font-weight:bold;
	background-color:#d1d1d1;
}
.ecran .entete_section {
	padding-top:7px;
	text-align:left;
	font-size:13px;
	font-weight:bold;
}
.ecran .form_colA {
	font-size:12px;
	padding-top:4px;
	padding-left:30px;
	text-align:left;
	padding-right:8px;
	border-bottom:1px solid #ffffff;
	vertical-align:bottom;
}
.ecran .fiche {
	font-size:12px;
	text-align:left;
	background-color:#ffffff;
	width:200px;
}
.ecran .sep {
	font-size:1px;
}
.ecran .boutons {
	text-align:right;
}
.left {
	width:50%;
	text-align:left;
	padding-left:4px;
}
.right{
	width:50%;
	text-align:right;
	padding-right:9px;
}

/* L'ecran d'accueil */
#ecranaccueil {
	width:600px;
}
#ecranaccueil .form_colA {
	width:35%;
}
#ecranaccueil .form_colB {
	width:65%;
	font-size:12px;
	padding-top:4px;
	text-align:left;
	padding-right:8px;
	padding-left:4px;
	background-color:#ffffff;
}
#ecranaccueil .listusers {
	font-size:13px;
	width:100%;
	height:250px;
}
#ecranaccueil .listusers .sep {
	font-size:13px;
	text-decoration:underline;
}
/* La liste des agriculteurs */
.filtre_entete {
	width:25%;
}
#agriculteurs-pays {
	width:15%;
}
#agriculteurs-province {
	width:15%;
}
#agriculteurs-commune {
	width:16%;
}
#agriculteurs-exploitation {
	width:22%;
}
#agriculteurs-contact {
	width:22%;
}
#agriculteurs-tel {
	width:10%;
}
#activites- {
	width:1%;
}
#ajoutagrform {
	margin:0px;
	padding:0px;
}
/* La fiche agriculteur */
#ficheagriculteur {
	width:650px;
}
#ficheagriculteur .fiche {
	width:400px;
}
/* La fiche de confirmation de suppression des parametres */
#ficheparamsup .entete {
	color:red;
}
/* La fiche de confirmation de suppression des agriculteurs */
#fichesupagriculteur .entete {
	color:red;
}
/* L'ecran de gestion des parametres */
#parametres-famille {
	width:25%;
}
#parametres-parametre {
	width:25%;
}
#parametres-valeur {
	width:25%;
}
#parametres-unite {
	width:25%;
}
#parametres- {
	width:1%;
}
.paramajout {
	width:100%;
}

/* Les listes de donnees */

table.tabledata {
	border:1px solid #BDDBF5;
	width:98%;
	padding:0px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:0px;
	border-collapse:collapse;
}
table.tabledata th {
	border-bottom:1px solid #ffffff;
	color:#FFFFFF;
	background-color:#000000;
	padding-left:4px;
	padding-bottom:4px;
	padding-top:4px;
	text-align:left;
}
table.tabledata th.tdata- {
	width:40px;
}
table.tabledata td {
	padding-left:4px;
}
table.tabledata td.vide {
    color:white;
}
table.tabledata tr.pair {
	background-color:#e4e4e4;
	cursor:default;
}
table.tabledata tr.impair {
	background-color:#f8f8f8;
	cursor:default;
}
table.tabledata tr.detailseltabledata {
	background-color:#FCECB6;
	cursor:default;
}
table.tabledata a {
	color:#FFFFFF;
	text-decoration: none;
}
table.tabledata a:hover{
	color:#FFFFFF;
	text-decoration: underline;
}

/* L'affichage par page */
table.pager {
	width:98%;
	padding:0px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	color:#FFFFFF;
	background-color:#000000;
	border-collapse:collapse;
    text-align:right;

	border:none;
	border-left:1px solid #BDDBF5;
	border-right:1px solid #BDDBF5;
	border-bottom:1px solid #BDDBF5;
}
table.pager td {
	font-weight: normal;
	color:white;
	padding:2px;
	padding-bottom:5px;
}
table.pager td.first {
	width:10px;
}
table.pager td.last {
	width:10px;
}
table.pager td.nav {
	padding:0px;
	width:80%;
	border-collapse:collapse;
	text-align:center;
}
table.nav {
	padding:0px;
	width:100%;
	border-collapse:collapse;
}
table.nav td {
	padding:0px;
	text-align:center;
	border-collapse:collapse;
}
table.pager td.pgcour {
	text-decoration: none;
}
table.pager a {
	font-weight: normal;
	color:white;
	text-align:center;
	text-decoration: underline;
}
table.pager a:hover {
	font-weight: normal;
	color:white;
	text-decoration: none;
}

/* La liste des activites */
#activites-dateact {
	width:5%;
}
#activites-type {
	width:5%;
}
#activites-distributeur {
	width:20%;
}
#activites-agriculteur {
	width:20%;
}
#activites-famille {
	width:20%;
}
#activites-produit {
	width:20%;
}
#activites-quantite {
	width:10%;
}
#activites- {
	width:1%;
}
#actmajoutform {
	margin:0px;
	padding:0px;
}
.col-dateact,.col-libType {
	font-size:12px;
}
.col-distributeur,.col-agriculteur,.col-famille,.col-produit,.col-quantite {
	font-size:12px;
}
table.actmajout{
	width:98%;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
}
.actmajout .right{
	text-align:right;
	padding:0px;
}
.filtre {
	margin:0px;
	margin-top:2px;
	margin-bottom:2px;
	margin-left:auto;
	margin-right:auto;
	width:98%;
	background-color:#dbdfeb;
	border:#acbcd6 1px solid; 
	padding:2px;
}

.filtre td {
	font-size:11px;
}

.saisie_filtre {
	font-size:11px;
}
#filtreact2 {
	margin-bottom:0px;
}
#filtreact2 td {
	width:120px;
}
.filtre_agr {
	width:70px;
}

/* L'ecran de consultation d'une activite vente */
#fichevisuactvte {
	width:98%;
}
table.devis {
	width:100%;
	margin-bottom:10px;
	border: 1px solid black;
}
table.devis th {
	border: 1px solid black;
}
#devis-famille {
	width:25%;
}
#devis-produit {
	width:25%;
}
#devis-quantite {
	width:10%;
}
#devis-unite {
	width:10%;
}
#devis-prix {
	width:15%;
}
#devis-datelivraison {
	width:15%;
}
#devis- {
	width:1%;
}
.devisajout {
	width:100%;
}
.devisajout .left {
	padding:0px;
}

.devisajout .right {
	padding:0px;
}

/* La gestion des attentes sur requete serveur */

.tumevoispas
{
 visibility: hidden;
}

.tumevois
{
	text-align:center;
	visibility: visible;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#659A48;
	color:#ffffff;
	border:1px solid #507E36;
	padding-top:1px;
	padding-bottom:1px;
	margin-right:15px;
}

/* boutons 3d */
.rssbutton{
background-color: #ff6600;
border: 1px #ff6600 outset;
padding: 4 4px;
margin:0px;
color: white;
text-decoration: none;
font: bold 10px Verdana;
}

.rssbutton:visited, .rssbutton:hover, .rssbutton:active{
color: white;
}

.cssbutton{
background-color: ##6491BA;
border: 2px #d1ec4c outset;
margin-left:14px;
padding: 1px 4px;
color: black;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.cssbutton:visited{
color: black;
}

.cssbutton:hover{
border-style: inset;
background-color: ##6491BA;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.cssbutton:active{
color: black;
}

img.btnHelpAgr {
	margin:0px;
	padding:0px;
	height:15px;
}

/* Les définitions communes aux écrans activités */

.commentaire
{
	height:150px;	
	padding-left:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.erreur_filtre {
	background-color:#FF7566;
	color:white;
}

.erreur_saisie_activite {
	color:#FF7566;
}

/* L'ecran de consultation d'une activite commentaire */
#fichemodactcom
{
	width:80%	
}

#fichemodactcom .fiche
{
	width:350px;	
}

/* L'ecran de consultation d'une activite commentaire */
#fichevisuactcom
{
	width:80%	
}

#fichevisuactcom .fiche
{
	width:350px;	
}

/* L'ecran de consultation d'une activite km */
#fichemodactrkm
{
	width:80%	
}

#fichemodactrkm .fiche
{
	width:350px;	
}

/* L'ecran de consultation d'une activite km */
#fichevisuactrkm
{
	width:80%	
}

#fichevisuactrkm .fiche
{
	width:350px;	
}

/* L'ecran de consultation d'une activite autre */
#fichemodactaa
{
	width:80%	
}

#fichemodactaa .fiche
{
	width:350px;	
}

/* L'ecran de consultation d'une activite autre */
#fichevisuactaa
{
	width:80%	
}

#fichevisuactaa .fiche
{
	width:350px;	
}

/* L'ecran de consultation d'une activite VTA */
#fichemodactvta
{
	width:80%	
}

#fichemodactvta .fiche
{
	width:350px;	
}

#fichemodactvta .help_agriculteur {
	width:329px;
}

/* L'ecran de consultation d'une activite VTA */
#fichevisuactvta
{
	width:80%	
}

#fichevisuactvta .fiche
{
	width:350px;	
}

/* L'ecran de consultation d'une activite VTE */
#fichemodactvte
{
	width:80%	
}

#fichemodactvte .fiche
{
	width:350px;	
}

#fichemodactvte .help_agriculteur {
	width:329px;
}

#fichemodactvte .commentaire
{
	width:400px;	
	height:100px;	
	padding-left:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

/* L'ecran de consultation d'une activite VTE */
#fichevisuactvte
{
	width:95%	
}

#fichevisuactvte .fiche
{
	width:350px;	
}

#fichevisuactvte .commentaire
{
	width:450px;	
	height:100px;	
	padding-left:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

/* L'ecran de consultation d'une ligne de devis */
#fichevisudev
{
	width:80%	
}

#fichevisudev .fiche
{
	width:350px;	
}

/* L'ecran de consultation d'une ligne de devis */
#fichemoddev
{
	width:80%	
}

#fichemoddev .fiche
{
	width:350px;	
}

/* L'écran de sélection des agriculteurs */
#ecranselectionagr {
	width:100%;
}

#ecranselectionagr td {
	font-size:11px;
}

/* dc */
#menuRapport {
	margin:0px;
	margin-top:50px;
	/*margin-bottom:-50px;*/
	margin-left:auto;
	margin-right:auto;
	width:80%;
	background-color:#dbdfeb;
	border:#acbcd6 1px solid; 
	padding:15px;
}