/* 
Mamm Interactive Front 
----------------------------------------------------------------------------------------------------------- */

/* Balises générales */

html,body 		{
					margin:0;
					cursor:default;
					padding: 0; 
					font-family: Verdana; 
					font-size: 11px; 
					text-align: left; 
					color: #000; 
					background:#fff;
					height:100%
				}

h1				{ margin:0; padding:0 }
				
h2				{ 
					margin: 25px 0 0 52px; 
					padding: 0; 
				}
				
h3				{ 
					margin: 5px 0 0px 1px; 
					padding: 5px 0 5px 5px; 
					font: normal 14px; 
					color: #000; 
					border-bottom:1px solid #ccc
				}
.parent		{ cursor:pointer }
				
p    				{ font: normal 11px/18px verdana; text-align:left; padding-left:7px }
a img    			{ border: none; text-decoration: none; cursor:pointer; }
a        			{ color:#000; text-decoration:underline; cursor:pointer; }
a:hover  		{ text-decoration:none }

#mainLayer 		{ min-height:100%; margin-bottom:-170px; position:relative; }

/* Header */
#header			{ width:100%; height:139px; text-align:left; background:url(../images/backgrounds/backHeader.jpg) right top no-repeat }
#userMenu		{ float:right; top:0; clear:both }
#userMenu div a	{ 
					float:left; 
					color:#fff; 
					width:110px; 
					height:18px; 
					background:url(../images/bt/onglet_a.jpg) no-repeat;
					text-decoration:none;
					padding: 1px 0 0 20px;
					margin-left: -19px
				}
#userMenu div a.oglend	{ 
					float:left; 
					color:#fff; 
					width:105px; 
					height:18px; 
					background:url(../images/bt/onglet_a.jpg) top right no-repeat;
					text-decoration:none;
					padding: 1px 0 0 10px
				}
#userMenu div a:hover	{ background:url(../images/bt/onglet_hover.jpg) no-repeat; }
#userMenu div a.oglend:hover	{ background:url(../images/bt/onglet_hover.jpg) right no-repeat; }
#userMenu div.current{ 
					float:left; 
					color:#fff; 
					width:130px; 
					height:18px; 
					background:url(../images/bt/onglet_hover.jpg) no-repeat;
					text-decoration:none;
					padding: 1px 0 0 20px;
					margin-left: -19px
				}

#bdRelease		{ 
					width:600px; 
					height:200px; 
					margin-top:0;
					margin:-50px 0 -35px 68px; 
					padding:0 0 0 0;
				}
#releaseLegend	{ width:600px; height:20px; margin:25px 0 0 68px; border-top:1px dashed #ccc; }
#releaseLegend p	{ padding:0; margin:0 }
#releaseLegend a	{ color:#000; text-decoration:none; border-bottom:1px dashed #000 }
#releaseLegend a:hover	{ text-decoration:underline; border:none }
				

#newsApps		{ position:absolute; left:680px; width:180px; height:400px; padding-left:10px;}
#userBar		{ position:absolute; left:725px; top:169px }
#sidebarShadow {	
	width:46px;
	height:143px;
	background:url(../images/backgrounds/content.jpg);
	position:absolute;
	margin-top:30px
}
#sidebar {	
	width:230px;
	position:absolute;
	background:url(../images/backgrounds/sidebar.jpg) top right no-repeat #fff;
	left:46px;
	padding:10px 20px 10px 10px;
	min-height:150px;
}

#content		{ }
#log_res {
	overflow: auto;
	color:#ddd;
}
 
#log_res.ajax-loading {
	padding: 20px 0;
	background: url(../images/lightbox/spinner.gif) no-repeat center;
}

/*classes*/
.leftSide p		{ 
					margin:0; 
					padding:0; 
					text-align:justify; 
				} 
div.leftSide		{ 
					margin:9px 0 0 68px; 
					padding:5px 0 5px 0; 
					width:600px; 
					text-align:left; 
					border-top:1px dashed #ccc; 
				}
div.portfolio	{ 
					margin:1px 0 0 68px; 
					width:620px; 
					text-align:left; 
				}
div.thumbs		{ float:left; width:135px; height:135px; margin:3px 16px 16px 0; border:1px solid #333; padding:0; overflow:hidden  }
div.leftInboxSide{ 
					margin:9px 0 0 68px; 
					padding:5px 0 5px 0; 
					width:655px; 
					text-align:left; 
					border-top:1px dashed #ccc; 
				}				
.contactTable		{ margin-top:22px }
.contactTable td		{ text-align:left; padding:0 0 5px 5px  }
td.mail				{ padding-bottom:15px }
.contactTable a 		{ border-bottom:1px dashed #000; color:#000; text-decoration:none }
.contactTable a:hover { border:none; text-decoration:underline }
.formatForm p 		{ padding:2px 0 2px 7px; margin:0 }
.formatForm fieldset 	{ padding:5px 0 5px 5px; margin:10px 0 0 0; border:1px solid #ccc; border-right:1px solid #fff }
.formatForm legend 	{ font-weight:bold }
.formatUserForm p 		{ padding:2px 0 2px 7px; margin:0 }
.formatUserForm fieldset 	{ 
							padding:5px 0 5px 5px; 
							width:588px; 
							margin:10px 0 0 2px; 
							border:1px solid #ccc; 
							border-left:1px solid #fff; 
							border-right:1px solid #fff; 
							border-bottom:1px solid #fff; 
						}
.formatUserForm legend 	{ font-weight:bold; cursor:pointer }
.formatUserForm select	{ cursor:default }

.formatSupportForm fieldset	{ border:1px solid #ccc; margin:20px 0 10px 0 }
.formatSupportForm legend { font-weight:bold }
.formatSupportForm legend a { color:#333; text-decoration:underline; }
.formatSupportForm legend a:hover { color:#000; text-decoration:underline; }
.formatSupportForm select { cursor:default }
.formatSupportForm textarea { cursor:text; width:565px; padding:1px 2px 1px 2px; height:250px; border:2px solid #ddd; }

label.lbleft			{ float:left; width:180px; }
.text				{ width:191px; border:2px solid #ddd; cursor:text; }
input.submitter 		{ border:2px solid #aaa; background:#aaa; color:#fff; font-weight:bold; }
input.submitter:hover	{ border:2px solid #99ccff; background:#99ccff; color:#fff }
.alert				{ padding:10px; color: #555;  border: 1px solid #d1cece; background:#FFC0C0; margin:5px 0 8px 0 }
.confirm			{ padding:10px; color: #555;  border:2px solid #00EE00; background:#eee; margin:5px 0 8px 0 }
.flash				{ padding:10px; color: #555;  border: 1px solid #d1cece; background:#BAFFB0; margin:5px 0 8px 0 }
.child ul			{ padding:0 0 8px 0; margin:10px 0 0 31px }
.child ul li			{ list-style:square; padding:5px 0 0 5px }
.child ul li a			{ color:#333; text-decoration:none }
.child ul li a:hover	{ color:#000; }

div.MainleftSide		{ 
						padding-left:3px; 
						text-align:left; 
						border-top:1px dashed #ccc;
					}
.userTables			{ width:953px; background: white url('../images/backgrounds/img01.jpg') repeat-x top left; }
.userTables tr td		{ padding:13px; }
.userTables th		{ padding:13px; color:#fff }
.bordered			{ border-right:1px solid #eee; border-bottom:1px solid #eee }
.center				{ text-align:center }
.left				{ border-left:1px solid #eee; }
.userTables tr td a	{ text-decoration:none; color:#333; }
.userTables tr td a:hover	{ color:#000 }
.houla				{ color:#ff0000 }
.red				{ color:#ff0000; font-weight:bold; padding:15px !important; background:#FFC0C0 }
fieldset.Mud			{
						margin:10px 0 0 68px; 
						padding:5px 0 5px 0; 
						width:953px;
						border-top:1px dashed #ccc; 
						border-left:1px solid #fff; 
						border-right:1px solid #fff; 
						border-bottom:1px solid #fff; 
					}
legend.Mud			{ cursor:pointer; font-weight:bold; color:#000 }

.inboxTable			{ width:655px; background: white url('../images/backgrounds/img01.jpg') repeat-x top left; }
.inboxTable tr td		{ padding:13px }
.inboxTable th		{ padding:13px; color:#fff }
.bordered			{ border-right:1px solid #eee; border-bottom:1px solid #eee }
.center				{ text-align:center }
.left				{ border-left:1px solid #eee; }
.inboxTable tr td a	{ text-decoration:none; color:#333; }
.inboxTable tr td a:hover	{ color:#000 }
p.support a			{ text-decoration:none; color:#333; }
p.support a:hover	{ color:#000 }
.links a				{ text-decoration:none; color:#333; }
.links a:hover		{ color:#000; }
.userTables tr td.mlinks a	{ text-decoration:underline; color:#333; }
.userTables tr td.mlinks a:hover	{ color:#000; text-decoration:none }

/* Footer */
#footer 				{ position:relative; width:100%; clear:both; height:170px; margin-top:270px; background:url(../images/backgrounds/backHeader2.jpg) center bottom no-repeat }
#footer p 			{ color:#000; text-align: center; padding:0 }
#footer p a 			{ color:#000; text-decoration: none; }
#footer p a:hover   	{ text-decoration: underline }


/* Formulaires */

/* -----------------------------------------------------------------------------------------------------------
Mamm Interactive Front */