*{ margin:0; padding:0;}
body{ background:#fff url(hab/bg.gif) center top repeat-x; color:#000; font-family:Arial,Helvetica,Verdana,sans-serif; font-size:12px;}
a{ text-decoration:none;}
img{ border:none;}
li,ol,ul{ list-style-type:none;}

#main { margin:190px auto 0 auto; width:580px; padding-bottom:80px; background:#FFF url(hab/gradient.gif) 240px top no-repeat; position:relative;}
#main  img.logo{ position:absolute; left:0px; top:60px;}
#main .content { margin-left:280px; padding-top:34px; width:295px;}
#main .content h1{ color:#3ba93b; font-weight:bold; font-size:24px; margin-bottom:5px; letter-spacing:-1px;}
#main .content p{ color:#666; font-weight:normal; font-size:13px; line-height:17px; margin-bottom:5px; }
#main .content .btns{ margin-top:20px; }
#main .content .btns a img{ margin-right:25px; }
#main .content form { margin-top:10px; border-top:1px solid #DDD; padding-top:10px;}
#main .content form input.text { margin-bottom:8px; width:280px; font-size:14px; color:#000; padding:3px;  border:2px solid #777; background:#FFF url(hab/input-bg.gif) left top repeat-x; display:block;}
#main .content form .label { margin-bottom:2px; width:280px; font-size:12px; color:#555; display:block;}
#main .content form .label a { color:#000; font-weight:bold;}
#main .content form .label a:hover { color:#3ba93b; font-weight:bold;}
#main .content form .button {  display:block;}
#main .content form  hr { padding:0px; border:0px solid #DDD; background:#DDD; height:1px; margin:12px 0 8px 0;}

/*#melipone { margin:190px auto 0 auto; width:620px; padding-bottom:80px; background:#FFF url(hab/gradient.gif) 280px top no-repeat; position:relative;}*/
#melipone { margin:0px auto 0 auto; width:620px; background:#FFF url(hab/gradient.gif) 280px top no-repeat; position:relative;}
#melipone  img.logo{ position:absolute; left:0px; top:60px;}
#melipone .content { margin-left:320px; padding-top:34px; width:295px;}
#melipone .content h1{ color:#e52468; font-weight:bold; font-size:24px; margin-bottom:5px; letter-spacing:-1px;}
#melipone .content p{ color:#666; font-weight:normal; font-size:13px; line-height:17px; margin-bottom:5px; }
#melipone .content img { position:relative; display:block; top:0;}
#melipone .content a { color:#e52468; font-weight:bold; }
#melipone .content a:hover { color:#000; font-weight:bold; }

#footer { font-size:11px; margin:40px auto 0 auto; width:580px; border-top:1px solid #EEE; color:#777; padding-top:3px; position:relative;}
#footer a { color:#666; }
#footer a:hover { color:#3ba93b; }
#footer .nav { position:absolute; right:0px; top:3px; color:#CCC;}
#footer .nav a { padding:0 5px; }


/* Added by Romain */
/*#melipone h1{ color:#8F8686; font-weight:bold; font-size:10px; margin-bottom:5px; letter-spacing:-1px;}*/
#head { margin:100px auto 0 auto; width:620px; }
h1 {
color:#3B3B3B;
font-size:32px;
font-weight:bold;
letter-spacing:-1px;}
h1 span {
	display:block;
	font-size:14px;
	font-weight:normal;
	letter-spacing:0;
	margin-top:0;
}
#melipone .references {margin-top: 40px;}
#melipone h2{ color:#e52468; font-weight:bold; font-size:20px; margin-bottom:5px; letter-spacing:-1px;}
#melipone .references h4{ color:#666666; font-size:16px; margin-bottom:5px; letter-spacing:-1px;padding:2px;}
#melipone .references h3 { color:#3B3B3B; font-size:14px; letter-spacing:-1px; padding:2px 2px 5px;}
#melipone .reference_imgs div {display:block; margin: 10px; float:left; font-size: 12px; color: #666666; }
#melipone .reference_imgs div ul {padding-left:5px;}
#melipone .reference_imgs img { border-style:solid;border-color:#e52468; opacity: 0.6;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	width:128px;
	height:96px;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	}
/*#melipone .reference_imgs .cardbiz { background: url(customers/160/home-cardbiz.png) no-repeat top left;}
#melipone .reference_imgs .clubdeal { background: url(customers/160/home-clubdeal.png) no-repeat top left;}
#melipone .reference_imgs .qameha { background: url(customers/160/home-qameha.png) no-repeat top left;}
#melipone .reference_imgs .venteparfaite { background: url(customers/160/home-venteparfaite.png) no-repeat top left;}
#melipone .reference_imgs .beezbox { background: url(customers/160/home-beezbox.png) no-repeat top left;}*/
#melipone .reference_imgs img:hover { 
	/*border-style:solid;border-color:#3ba93b;*/ 
	opacity: 1;
	transform: translate(0px, -5px);
	-moz-transform: translate(0px, -5px);
	-webkit-transform: translate(0px, -5px);
/*	transform: translate(-10px, 0px);
	-moz-transform: translate(-10px, 0px);
	-webkit-transform: translate(-10px, 0px);*/
	}