* {
	font-size:1em;
}

html body {
	margin:0em;
	padding:0em;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow: auto;
}

a>img {
	border:0px;
}

a{
	text-decoration: none;
	font-size: 12px;
}


a:hover{
	text-decoration: none;
	font-size: 12px;
}

a:hover{
	text-decoration: none;
	font-size: 12px;
	font-weight:bold;
}

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


dd, dl, ul, li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.errorMsg {
	background: url(../img/ico_err_msg.gif) no-repeat;
	display: hidden;
	background-color: #FFA988;
	border: solid 1px #CE3900 ;
	text-align: left;
	padding-left:20px;
	padding-right:20px;
	color: #777F8C;
}

.actionMsg {
	background: url(../img/ico_info_msg.gif) no-repeat;
	display: hidden;
	background-color: #FFFFD2;
	border: solid 1px #FFFF00;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top:3px;
	padding-bottom:3px;
	color: #777F8C;
}

.bigErrorMsg {
	display: hidden;
	background-color: #FFA988;
	border: solid 1px #CE3900 ;
	text-align: left;
	color: #777F8C;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
}



.bigErrorMsg p {
	background: url(../img/ico_err_msg.gif) no-repeat;
	text-align:center;
	margin:auto;
	width:400px;
}

.title{
	background-color:#7E0080;
	color: #fff;
	font-weight:bold;
	text-align:center;
	width:50%;
}

.titleAlignLeft{
	background-color:#7E0080; 
	color: #fff;
	font-weight:bold;
	text-align:center;
	width:50%;
}


.tooltip{
	text-align:left;
	position:absolute;
	visibility : hidden;
	border: 1px solid #000;
	padding: 10px;
	background-color: #E7F3C2;/*#E1C2E0 #E7F3C2*/
	z-index:10000; /* max to avoid some pb */
	max-width:250px;
	color: #777F8C;
	width:expression(document.body.clientWidth > 250? "250px": "auto" );
}

div#contenu a {
	color:#fff;
	text-decoration: underline;
}
div#contenu a:hover, div#contenu a:visited {
	color:#fff;
	text-decoration: underline;
}

div#command {
	padding-right:30px;
	padding-top:10px;
}

a.btnAdd{
	background: url(../img/btn_add_small.gif) no-repeat;
	padding:0px 5px 0px 20px;
	font-weight:bold;
	color:#00007F !important;
	text-decoration: none !important;
}

a.btnDel{
	background: url(../img/btn_del_small.gif) no-repeat;
	padding:0px 5px 0px 20px;
	font-weight:bold;
	color:#00007F !important;
	text-decoration: none !important;
}

a.btnEdit{
	background: url(../img/btn_edit_small.gif) no-repeat;
	padding:0px 5px 0px 20px;
	font-weight:bold;
	color:#00007F !important;
	text-decoration: none !important;
}

a.btnPrint{
	background: url(../img/btn_print_small.gif) no-repeat;
	padding:0px 5px 0px 20px;
	font-weight:bold;
	color:#00007F !important;
	text-decoration:none !important;
}

a.btnSendByEmail{
	background: url(../img/mail_send.gif) no-repeat;
	padding:0px 5px 0px 20px;
	font-weight:bold;
	text-decoration:none !important;
}

div#panelFirst{
	margin-top:10px;
}


div#headerPanelLeft {
	float:left;
	width:74%;
}
div#panelLogin {
	background-color: #00007F;
	color:#fff;
	padding: 5px;
	float:right;
	width:18%;
	margin-right:2px;
	margin-top:5px;
	
}

div#panelLogin a, div#panelLogin a:visited{
	color:#fff;
	font-weight:normal;
	text-decoration:underline;
}

div#panelLogin a:hover{
	color:#fff;
	font-weight:bold;
}

div#panelLogin form{
	color: #fff;
	font-weight:bold;
}

div#panelNavigation{
	padding-left:3px;
	width:100%;
	/*padding-bottom:25px;*/
}


ul.ulNavigation li a {
	padding:0px; 
	margin:0px;
}

ul.ulNavigation  li {
	display:inline ;
	float:left;
}

div#panelNavigation a {
	font-size:14px;
	font-weight:bold;
	color:#00007F;
}

.divTabAccueilInactive{
	background: url(../img/back_tab_inactive.gif) repeat-x;
	height:auto;
	padding: 0px 5px 5px;
	text-align:center;
	margin-right:3px;
	width:125px;
}
.divTabAccueilActive{
	background: url(../img/back_tab_active.gif) repeat-x;
	height:auto;
	padding: 0px 5px 5px;
	margin-right:3px;
	text-align:center;
	width:125px;
	/*background-color:#CEE781;*/
	/**border-left: 1px solid #800080;
	border-right: 1px solid #800080;*/
	/*padding: 0px 15px 15px;*/
}

div#spaceNavigationTop{
	text-align:right;
	width:100%;
	padding-right:5px;
	margin-top:2px;
	margin-bottom:15px;
	background-color:#7E0080;
	height:14px;
	color:#fff;
}

div#spaceNavigationTop a, div#spaceNavigationTop a:visited{
	color:#fff;
}

div#spaceNavigationTop a:hover {
	color:#fff;
	font-weight:bold;
}

div#spaceNavigation{
	clear:both;
	width:100%;
	background-color:#7E0080;
	height:14px;
	position:relative;
}

div#panelPresentation, div#panelFunctionning, div#panelFirst{
	padding-left: 5px;
	padding-top:10px;
	padding-bottom:10px;
}

div#panelPresentation a, div#panelFunctionning a, div#panelFirst a{
	color:#00007F !important;
}

div#panelPresentation a:hover, div#panelFunctionning a:hover, div#panelFirst a:hover{
	color:#00007F !important;
}

div#panelPresentation a:visited, div#panelFunctionning a:visited, div#panelFirst a:visited{
	color:#00007F !important;
}
/**
div#panelFlag {
	float:right;
	padding-left: 30px;
	margin-right: 10px;
}



div#leftmenuPanel{
	background: #777F8C;
	padding-left: 5px;
	margin-right:5px;
}

div#leftmenuPanel hr{
	width:80%;
}
div#panelPresentation, div#panelFunctionning, div#panelFirst{
	padding-left: 5px;
	padding-top:10px;
	padding-bottom:10px;
}

div#panelFirst{
	font-size:12px;
	font-weight: bold;
}

div#panelFirst a{
	font-size:12px;
	font-weight: bold;
	color: #777F8C;	
}



div#panelContent {
	margin:10px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#fff;
}

*/

/*** category listing ***/

div#panelCategoryListArray{
	/*padding-right:20px;*/
	background-color:#7E0080;
	width:95%;
}

div#panelCategoryListArray table{
	text-align: center;
	margin-left:1px;
	border-collapse: collapse; 
	margin-bottom:1px;
	width:99%;
}

div#panelCategoryListArray tr.row1{
	background-color: #E7F3C2;
	height:25px;
	text-align: left;
	/*line-height:30px;*/
	vertical-align:top;
}

div#panelCategoryListArray tr>td>img {
 height:25px;
}
div#panelCategoryListArray thead{
	background-color:#7E0080;
	color:#fff;
	text-align: left;
}

div#panelCategoryListArray tr.row2{
	background-color:#E1C2E0;
	text-align: left;
	/*line-height:30px;*/
	vertical-align:top;
}



/*** Category creation ****/
div#panelCreateCategory{
	margin-top:10px;
	background-color:#7E0080;
	width:43%;
}

div#panelCreateCategory table{
	text-align: center;
	margin-left:1px;
	border-collapse: collapse; 
	margin-bottom:1px;
	width:99%;
}

div#panelCreateCategory thead{
	background-color:#7E0080;
	color:#fff;
	text-align: left;
}
div#panelCreateCategory tr.standard {
	background-color:#fff;
	color: #A8C85B; 
	border:0px;
	padding:0px;
	margin:0px;
}

div#selectPictureBlock{
	height:60px;
	width:200px;
	border: #A8C85B solid  1px;
}

div#selectPicture{
	 overflow-x:scroll;
	 width:200px;
	 height:60px; 
	 background-color:#FFF;
}

div#selectPicture ul{
	 margin: 0px;
    padding: 0px;
    white-space: nowrap;
}

div#selectPicture li{
	 list-style-type: none;
    display: inline;
	 padding-top:10px;
	 padding-bottom:20px;
}

div#selectPicture span:hover{
	background-color:#777F8C;
}

div#categoryImage {
	border:1px solid #000;
	height:30px;
	width:35px;
	margin-right:5px;
	margin-top:5px;
	overflow:hidden;
}


/** Products **/
div#panelProductListArray{
	/*padding-right:20px;*/
	background-color:#7E0080;
	width:95%;
}

div#panelProductListArray table{
	text-align: center;
	margin-left:1px;
	border-collapse: collapse; 
	margin-bottom:1px;
	width:99%
}

div#panelProductListArray tr.row1{
	background-color: #E7F3C2;
	text-align: left;
	/*line-height:30px;*/
	vertical-align:top;
}


div#panelProductListArray thead{
	background-color:#7E0080;
	color:#A8C85B;
	text-align: left;
}

div#panelProductListArray tr.row2{
	background-color:#E1C2E0;
	text-align: left;
	vertical-align:top;
	/*line-height:30px;*/
}

div#panelProductListArray tr>td>img{
	height:25px;
}

div#panelCreateProduct{
	/*padding-right:20px;*/
	background-color:#7E0080;
	width:47%;
	margin-top:10px;
}

div#panelCreateProduct table{
	text-align: center;
	margin-left:1px;
	border-collapse: collapse; 
	margin-bottom:1px;
	width:99%;
}

div#panelCreateProduct thead{
	background-color:#777F8C !important;
	color:#A8C85B;
	text-align: left;
}
div#panelCreateProduct tr.standard {
	background-color:#fff;
	color: #A8C85B; 
	border:0px;
	padding:0px;
	margin:0px;
}


/*** Shopping list */

div#panelShoppingListArray{
	/*padding-right:20px;*/
	background-color:#7E0080;
	width:95%;
	margin-top:10px;
}

div#panelShoppingListArray table{
	text-align: center;
	margin-left:1px;
	border-collapse: collapse; 
	margin-bottom:1px;
	width: 99%;
}

tr.row1{
	background-color: #E7F3C2;
	text-align: left;
		/*line-height:20px;*/
}

.detailsListRow1{
	background-color:#777F8C;
}


div#panelShoppingListArray thead{
	background-color:#7E0080;
	color:#FFF;
	text-align: left;
}

tr.row2{
	background-color:#E1C2E0;
	text-align: left;
	/*line-height:20px;*/
}

tr.row2  a, tr.row2 a:hover, tr.row2  a:visited{
	color:#00007F !important;
}

tr.row1  a, tr.row1  a:hover, tr.row1  a:visited{
	color:#00007F !important;
}

.detailsListRow2{
	background-color:#777F8C;
}


div#detailsProduit {
	background-color:#00007F;
}

div#detailsProduit table{
	width:100%;
}

div#detailsProduit thead{
	color:#fff;
	background-color:#00007F;
	font-weight:bold;
}
div#detailsProduit td{
	color:#777F8C !important;
	background-color:#FFF !important;
	text-align:left !important;
}

div#panelCreateShoppingList{
	/*padding-right:20px;*/
	background-color:#7E0080;
	width:90%;
	margin-top:10px;
}

div#panelCreateShoppingList table{
	text-align: center;
	/*margin-left:1px;*/
	border-collapse: collapse; 
	margin-bottom:1px;
	width:99%;
}

div#panelCreateShoppingList thead{
	background-color:#7E0080 !important;
	color:#FFF;
	text-align: left;
}
div#panelCreateShoppingList tr.standard {
	background-color:#fff;
	color: #A8C85B; 
	border:0px;
	padding:0px;
	margin:0px;
}

#selectAvailableProduct{
	width:93%;
	display:inline;
	margin-left:8px;
	margin-bottom:8px;
	float:left;
	background-color:#E7F3C2;
	border: 2px  dashed #A8C85B;

}

#selectAvailableProductInside{
	overflow:auto;
	height:200px;
	text-align:left;
	
}

tr.specialTd{
	background-color: #7E0080;
	font-weight:bold;
	color: #FFF;
}
div#panelSubscription{
	margin-left:20%;
	margin-right:20%;
	margin-top:10px;
	margin-bottom:10px;
	padding-left: 20px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#fff;
}
div#panelSubscription input{
	width:195px;
}


div#center_home{
	background-color: #C8D994;
	margin-right:5px;
	margin-top:5px;
	/*width:100%;*/
	/*margin-right:220px;*/
	/*margin-right:5px;
	margin-left:5px;
	margin-top:5px;*/
}

div#panelSendByShoppingList {
	background-color: #E7F3C2;
	color:#00007F;
}
div#panelFooter{
	text-align: center;
	width:100%;
	bottom:10px;
	/*margin-right:10%;
	margin-left:10%;*/
}

div#contenu{
	position:relative;
	/*height:70%;*/
	/*width:100%;*/
	margin-left:0px;
}

div#panelFooter a {
	color:#00007F;
	text-decoration: underline;
}


div#panelFooter a:visited {
	color:#00007F;
	text-decoration: underline;
}

input.deleteProduct{
	background: transparent url(../img/delete.gif) no-repeat;
	border:none 0px;
	padding:0px;
	margin:0px;
	width:16px;
}

.titleInvite{
	background-color:#7E0080;
	color: #fff;
	font-weight:bold;
	text-align:center;
	width:100%;
}