html {
	height: 100%;
}
body {
	color: #333333 ; /* #333333 */
	Font-family: "arial régular", arial, helvetica;
	margin: 0;
}

img {
	border: 0;
}	

p {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
}

A:link , A:visited { text-decoration: none; color: #800000; font-weight: Normal; text-decoration: underline;}
A:active { color: #E10000; font-weight: Normal; }
A:hover {color: #E10000; }

textarea {
    resize: none; /* pour firefox, sinon on peut modifier la taille */
	font-family: arial;
}


ul {
	list-style-position: inside; /* evite bug puce en début de ligne sous Ie9 */
}


.clear {
	clear: both; /* pour mettre ligne basse en bas de tous les blocs */
	height: 0px; /* sinon hauteur 1px */
}

.dn {
	color : #FFFFFF;
	font-weight: normal;
	display: none;
	font: Tahoma, arial, helvetica, serif;
	text-decoration: none;
	border: 0;
}

#img_avdc_OLD {
	width: 210px;
	height: 35px;
	float: left;
	margin-top: .2em;
	margin-bottom: .2em;
	margin-left: 320px;
	background: transparent url(images/avdcE-otr.gif) top left no-repeat ;
}


#btn_avdc {
	width: 280px;
	height: 40px;
	padding-left: 70px;
	text-align: left;
	text-decoration: underline;
	color: brown;
	margin-top: .2em;
	margin-bottom: .2em;
	margin-left: 250px;
	background: #ECECEC url(images/avdcEtr-o2.gif) top left no-repeat ;
	/* arrondir les angles, selon les dernières versions de navigateur : */
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
}

#btn_avdc:hover {
	/* background: url(images/avdcEtr.gif) top left no-repeat ; */
	color: red;
	cursor: pointer; /*  hand */
}

/* le menu */
.menuavenir {
	width: 60em;
	padding-bottom: 0; /* .5em;  */
	/* background: yellow;  */
}

.menuav {

	float: left;
	width: 10em;
	text-align: center;
	/* padding-top: .8em; */
	/* padding-bottom: .4em; */
	padding-left: 1em;
	padding-right: 1em;
}

.crude {
	float: left;
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
}

#crude_crea {
	margin-left: 1.2em;
}

.crude:hover {
	cursor: pointer;
}

.ses {
	/* margin-top: 1em; */
	padding-left: .5em;
	padding-right: .5em;
	padding-bottom: .2em;
	font-size: 80%;
	/* width: 10em; */
}

.ses:hover {
	cursor: pointer; /*  hand */
}

.ze {
	
}

#ses_clients, .c_client {
	background-color: #C0FFFF;
}

#ses_produits, .c_produit {
	background-color: #FDFEBC;
}

#ses_courses, .c_course {
	background-color: #D5F1D5;
}

#ses_livraisons, .c_livraison {
	background-color: #7EC092; /* #74D274 */
}

#ses_factures, .c_facture {
	background-color: #8BA58B;
}

.crea_conf {
	float : left;
	text-align: center;
	background-color: #40FF40;
	border: 2px solid grey;
}

.rech_conf {
	float : left;
	text-align: center;
	background-color: #FF80FF;
	border: 2px solid grey;
}

.suppr_conf {
	float : left;
	text-align: center;
	background-color: red;
	padding: 2px;
	border: 2px solid grey;
}

.chge_conf {
	float : left;
	text-align: center;
	background-color: #F0F0F0;
	padding: 2px;
	border: 2px solid grey;
}

.bxTitre {
	float: left;
	/* text-align: left; */
	padding-left: 1em;
	padding-right: 1em;
	color : grey;
	font-weight: normal;
	font-size: 85%;
	font-style: italic;
	background-color: #E6E4E4;
}

.bxTxt {
	/*text-align: center; */
	font-size: 85%;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: .2em; /*1.5em  */
	padding-bottom: 1em;
	/* margin-top : 0px; */
}

.rech_table {
	border : 3px solid #FF80FF;
	font-size: 85%;
	background-color: white;
}


#login {
	padding-left:1em;
	padding-right:1em;
	background: yellow;
	float: left;
	font-size: 85%;
	border: 1px solid grey;
}

#login:hover {
	cursor: pointer; /*  hand */
}

#logout {
	padding-left:1em;
	padding-right:1em;
	color : green;
	float: left;
	font-size: 85%;
	/*background: #D8E8FB; */
	border: 0px solid grey;
}

#login:hover {
	cursor: pointer; /*  hand */
}

.txt {
	/*margin-top: 0em; */
	min-height:400px;
	background: #F1F1F1; /* gris super clair */
}

#cadretxt {
	min-width: 60em;
	margin-left:1em;
	margin-right:1em;
	margin-bottom: .5em;
	
	padding-left:1em;
	padding-right:1em;
	padding-bottom: 1em;
	padding-top: 0em;
	
 	/* background: #ECECEC url(images/avdcEtr-o3.gif) top left no-repeat ; */
	/* arrondir les angles, selon les dernières versions de navigateur : */
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
}

.btnx {
	float: right;
	color : grey;
	font-size: 50%;
}

.plist {
	text-align: left;
	margin-left: 5em;
}

#btncalendrier {
	width: 20px;
	height : 18px;
	background: url(images/IconeCalendar.gif) top left no-repeat;
}

#copyright {
	padding-top: .5em;
	text-align: center;
	color: grey;
	/* background: #E9F2FC; */
	font-size: 0.8em;
}

#copyright A {
	color: grey;
}
.lgnb, .lgnbg, .lgnbc, .lgnbd, .lgnbg_p, .lgnbc_p, .lgnbd_p {
	border-bottom: 1px solid rgb(128,128,128);
	padding-left: .5em;
}

.lgnbg_p, .lgnbc_p, .lgnbd_p {
	font-size: 80%;
}

.lgnbg, .lgnbg_p {
	text-align: left;
}

.lgnbd, .lgnbd_p {
	text-align: right;
	vertical-align: middle;
}

.lgnbmodif {
	border-bottom: 1px solid red;
	padding-left: .5em;
	text-align: left;
}

.lgnblegend {
	border-bottom: 1px solid rgb(128,128,128);
	font-style: italic;
	font-size: 85%;
	color: Grey;
}

.lbl {
	text-align: right;
	color: grey;
	padding-right: .5em;
	font-family: arial;
	font-size: 80%;
	font-style: italic;
}

.italgr {
	color: grey;
	font-style: italic;
}

.erreport { /* affichage des messages d'erreurs */
	color : red;
	border: 1px dashed red;
	background: #F4F2F2;
	text-align: center;
	margin-top : .2em;
	margin-left: 2em;
	margin-right: 2em;
	line-height: 2em;
	/* width: 60%; */
	/* margin: auto; */
}

.avreport { /* affichage des messages d'avis */
	color : green;
	border: 2px dashed yellow;
	background: #F4F2F2;
	text-align: center;
	margin-top : .2em;
	margin-left: 2em;
	margin-right: 2em;
	line-height: 2em;
	/* width: 60%; */
	/*  margin: auto;  */
}

.bmodif {
	border-color: red;
}

#crea_conf_client, #rech_conf_client, #suppr_conf_client	{
	margin-left: 0em;
}

#crea_conf_membre, #rech_conf_membre, #suppr_conf_membre	{
	margin-left: 13em;
}

#crea_conf_course, #rech_conf_course, #suppr_conf_course, #liste_courses {
	margin-left: 25em;
}



#liste_devisduclient, #liste_devisduproduit {
	margin-left: 13em;
}

#liste_coursesdumembre, #liste_coursesdumembre {
	margin-left: 24em;
}

#liste_clients, #liste_membres, #liste_courses {
	text-align: middle;
	/* max-height: 9em; */
	/* overflow: auto; */
	/*  border: 1px solid #C000C0 ; */
}

#liste_clients_lignes, #liste_membres_lignes,  #liste_courses_lignes {
 	/* width: 27em; */
	max-height: 10em;
	overflow: auto;
}


.img_input_list,
.input_client, .input_membre, .input_course {
	text-decoration: underline;
	font-size: 80%;
	text-align: center;
	width: 5em;	
	color: grey;
	/* background: url(images/fond_num2.png) top left repeat; */
}


.input_client {
	background-color: #C0FFFF;
}

.input_membre {
	background-color: #FFD8B9;
}

.input_course{
	background-color: #D5F1D5;
}


.img_input_list:hover,
.input_client:hover, .input_membre:hover, .input_course:hover {
	background: #C5C6F5;
}

.num_input:hover {
	cursor: hand;
}

#tournevis {
	width: 2.5em;
	height: 2.5em;
	margin-right: 1em;
	margin-top: 0.0em;
	float: right;
}

#tournevisko {
	width: 2.5em;
	height: 2.5em;
	margin-right: 1em;
	margin-top: 0.0em;
	float: right;	
}

#tourneviskoTjrs {
	width: 2.5em;
	height: 2.5em;
	margin-left: .2em;
}

#verou {
	width: 2.5em;
	height: 2.5em;
	margin-right: 1em;
	margin-top: 0em;
	float: right;
	padding: .2em;	
}

#verouko, #veroukoflou {
	width: 2.5em;
	height: 2.5em;
	margin-right: 3.5em;
	margin-top: 0em;
	float: right;
	padding: .2em;
}

.b_crb {
	width: 36px;
	height: 22px;
	background: url(images/b_crb.png) top left no-repeat;
	display: block;
	border: none;
	background-color: transparent;
	margin: 0 auto;
	cursor: pointer;
	padding: 0;
}

.b_ok {
	font-size: 85%;
}

.b_zom {
	width: 25px;
	height: 23px;
	background: url(images/b_zom.png) top left no-repeat;
	border: none;
	cursor: pointer;
}

.b_zomko {
	width: 25px;
	height: 23px;
	background: url(images/b_zomko.png) top left no-repeat;
	border: none;
	cursor: pointer;
	/* visibility: hidden; */
	display: none;
}

.f_zomko {
	visibility: hidden;
}

.tx_qt{
	text-align: right;
	border: none;
}

#qtelegendId{
	display: none;
	color: red;
	font-size: 85%;
}

.paramtitre {
	float: left;
	font-weight: bold;
	color: #B5A59B;
	padding-left: 2em; 
}