/*------ CSS reset ---------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1.5;
}
/* Tables still need 'cellspacing="0"' in the markup. */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
table, td, th {
	vertical-align: middle;
}
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* Remove annoying border on linked images. */
a img {
	border: none;
}

/* ------------ END RESET --------------- */


/********************************************************/
/* Architecture d'une page                              */
/********************************************************/

.body {
	background-color:#0D0D0D;
	color:#FFFFFF;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:12px;
}

#header{
	max-width:1230px;
	min-width:669px;
	background-color:#000000;
}

#header div.menu{
	height:110px;
	background-color:#000000;
	min-width:669px;
	width: 869px;
	margin: 0 auto;
}

#header div.menu ul {
	list-style:none;
}

#header div.menu ul li {
	float:left;
	display:block;
	width:17%;
	padding-top:70px;
}

#header div.menu ul li a {
	text-transform:uppercase;
	text-decoration:none;
	list-style:none;
}

#header div.menu ul li .selected{
	color:#9BF01A;
}

.page{
	width:990px;
	margin:0 auto;
}

.presentationPage{
	margin-top:10px;
	margin-bottom:20px;
}

.presentationPage .thinTitle{
	font-size: 15px;
}

.presentationPage .greenText{
	color:#9BF01A;
}

.presentationPage p{
	margin-left:10px;
	margin-top:5px;
	margin-bottom:15px;
}

.presentationPage .liste{
	margin-left:40px;
}

.presentationPage p a, .presentationPage p a:hover, .presentationPage p a:visited{
	color:white;
}
.presentationPage p a:hover{
	color:#9BF01A;
	text-decoration:none;
}

.presentationPage .wall p a, .presentationPage .wall p a:hover, .presentationPage .wall p a:visited{
	color:black;
}
.presentationPage .wall p a:hover{
	text-decoration:none;
}

.presentationPage .liste a, .presentationPage .liste a:hover, .presentationPage .liste a:visited{
	color:black;
	text-decoration:underline;
}
.presentationPage .liste a:hover{
	text-decoration:none;
}

.whiteLink, .whiteLink:hover, .whiteLink:visited{
	color:white;
}
.whiteLink:hover{
	color:#9BF01A;
	text-decoration:none;
}

.blackLink, .blackLink:hover, .blackLink:visited{
	color:black;
}
.whiteLink:hover{
	text-decoration: none;
}

/********************************************************/
/* page d'accueil                                       */
/********************************************************/
.mainApplication {
	background-image:url(images/bg_mainApp.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	height:550px;
}

.mainApplication .leftPanel{
	float:left; 
	width:515px;
	position:relative;
	height:504px;
}

.mainApplication .rightPanel{
	float:left; 
	margin-left: 5px;
	margin-top: 145px;
	width: 430px;
}

.mainApplication .rightPanel p{
	margin-top:4px;
}

.mainApplication .rightPanel a:link, .mainApplication .rightPanel a:visited, .mainApplication .rightPanel a:hover{
	color:#9BF01A;
}
.mainApplication .rightPanel a:hover{
	text-decoration:none;
}

.mainApplication .leftPanel .verticalIphone{
	position:absolute; 
	top:60px;
	right:0px;
}

.mainApplication .leftPanel .horizontalIphone{
	position:absolute;
	bottom:0px;
	left:40px;
}

.mainApplication .doubleVerticalPhones, .mainApplication .doubleVerticalIPhoneAndroid{
	position:absolute;
	top:60px;
	right:0px;
}


.newApps{
	width: 100%;
}

.newApps .newAppItem{
	float:left;
	height:190px;
	width:313px;
	position:relative;
	color:#000000;
}

.newApps .newAppItem .introduction, .newApps .newAppItem .introductionFirst, .newApps .newAppItem .introductionThird{
	width: 141px;
	height: 100px;
	margin-top : 15px;
	margin-left: 20px;
	_margin-left:10px;
	float:left;
}

.newApps .newAppItem .introduction .title, .newApps .newAppItem .introductionFirst .title, .newApps .newAppItem .introductionThird .title{
	margin-bottom:15px;
}

.newApps .newAppItem .introductionFirst{
	width:125px;
	margin-right:16px;
}

.newApps .newAppItem .introductionThird{
	width:130px;
}

.newApps .newAppItem .appIcon{
	width:59px;
	height:59px; 
	position:absolute;
}

.newApps .app1{
	margin-left:10px;
	background: url("images/iphones/panel_left.png") no-repeat;
	_background-image: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/haploid/images/iphones/panel_left.png'), sizingMethod='scale');
}

.newApps .app1 .appIcon{
	top:5px; 
	left :250px;
}

.newApps .app1 .phoneContent{
	margin-top:73px;
	width:113px;
	float:left;
}

.newApps .app2{
	margin-left:15px;
	background: url("images/iphones/panel_middle.png") no-repeat;
	_background-image: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/haploid/images/iphones/panel_middle.png'), sizingMethod='scale');
}

.newApps .app2 .phoneContent{
	margin-left:38px;
	width:113px;
	float:left;
}

.newApps .app2 .appIcon{
	top:120px; 
	left :150px;
}

.newApps .app3{
	margin-left:15px;
	background: url("images/iphones/panel_right.png") no-repeat;
	_background-image: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/haploid/images/iphones/panel_right.png'), sizingMethod='scale');
}

.newApps .app3 .phoneContent{
	margin-left:43px;
	margin-top: 35px;
	width:113px;
	float:left;
}

.wholeApps{
	margin-top:15px;
}

/*---  Menu des catégories  ---*/
.wholeApps .categories{
	margin-left:10px;
	float:left;
}

.wholeApps .categories .menu{
	padding-top:5px;
  padding-bottom:30px;
	width: 313px;
	float: left;
	background-color: #131313;
	overflow:hidden;
	border:1px solid #1F2223;
	color:#AAAAAA;
	display:inline;
	font-size:12px;
	margin-bottom:30px;
}

.wholeApps .categories .menu ul li {
	display: block;
}

.wholeApps .categories .menu ul li h2 a { 
	color :#CCCCCC;
	display:inline;
	line-height:26px;
	text-decoration:none;
}
	
.wholeApps .categories .menu ul li h2 a:hover { 
	color :#9BF01A;
	text-decoration: underline;
}

.wholeApps .categories .menu ul li h2 {
	color:#CCCCCC;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	padding:5px 10px;
	background:#101010 url("images/sidebar_title_bg.gif") repeat-x scroll left bottom;
}

.wholeApps .categories .menu ul li ul {
	color:#EEEEEE;
	line-height:20px;
	list-style-type:none;
}

.wholeApps .categories .menu ul ul li {
	padding:2px 10px 2px 26px;
	background:transparent url("images/sidebar_list_bg.gif") repeat-x scroll left bottom;
}

.wholeApps .categories .menu ul ul li a { 
	color :#CCCCCC;
	display:inline;
	line-height:26px;
	text-decoration:none;
}
	
.wholeApps .categories .menu ul ul li a:hover { 
	color :#9BF01A;
}


.wholeApps .categories .menu ul ul li:hover {
	background-color:#0D0D0D;
}

/*--- Mur des applications ---*/
.wholeApps .wall{
	float:left;
	width:641px;
	margin-left:14px;
}

.wholeApps .wall .application, .wholeApps .wall .content{
	background: #FFFFFF url("images/roundedCornersTop.gif") no-repeat 0 0;
	width:641px;
	margin-bottom: 15px;
}

.wholeApps .wall .content .description{
	color:#000000;
	padding: 15px;
}

.wholeApps .wall a, .wholeApps .wall a:visited, .wholeApps .wall a:hover{
	color:#000000;
}
.wholeApps .wall a:hover{
	text-decoration:none;
}


.wholeApps .wall .application .phones{
	float:left;
	width :285px;
	height: 325px;
	position:relative;
}

.wholeApps .wall .application .phones .firstIphoneHorizontal{
	position:absolute;
	height:120px;
	left:15px;
	padding:26px 80px 0 45px;
	top:127px;
	width:100px;
	z-index:10;
	background-image:url("images/iphones/small_iphone02_horizontal.png");
	background-repeat:no-repeat;
	_background-image: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/haploid/images/iphones/small_iphone02_horizontal.png'), sizingMethod='scale');
}

.wholeApps .wall .application .phones .secondIphoneVertical2, .wholeApps .wall .application .phones .iphoneVertical{
	position:absolute;
	height:120px;
	left:160px;
	padding:34px 15px 80px 12px;
	top:43px;
	width:100px;
	background-image:url("images/iphones/small_iphone05_vertical.png");
	background-repeat:no-repeat;
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/haploid/images/iphones/small_iphone05_vertical.png'), sizingMethod='scale');
}

.wholeApps .wall .application .phones .secondIphoneVertical{
	position:absolute;
	height:120px;
	left:158px;
	padding:46px 15px 80px 22px;
	top:30px;
	width:100px;
	background-image:url("images/iphones/small_iphone01_vertical.png");
	background-repeat:no-repeat;
	_background-image: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/haploid/images/iphones/small_iphone01_vertical.png'), sizingMethod='scale');
}

.wholeApps .wall .application .phones .iphoneVertical{
	left:100px;
}

.wholeApps .wall .application .phones .secondIphoneHorizontal, .wholeApps .wall .application .phones .iphoneHorizontal{
	position:absolute;
	height:120px;
	left:107px;
	padding:10px 70px 30px 34px;
	top:127px;
	width:100px;
	background-image:url("images/iphones/small_iphone03_horizontal.png");
	background-repeat:no-repeat;
	_background-image: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/haploid/images/iphones/small_iphone03_horizontal.png'), sizingMethod='scale');
}

.wholeApps .wall .application .phones .iphoneHorizontal{
	left: 55px;
}

.wholeApps .wall .application .phones .firstIphoneVertical{
	position:absolute;
	height:120px;
	left:63px;
	padding:34px 50px 100px 12px;
	top:43px;
	width:100px;
	background-image:url("images/iphones/small_iphone04_vertical.png");
	background-repeat:no-repeat;
	_background-image: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/haploid/images/iphones/small_iphone04_vertical.png'), sizingMethod='scale');
}

.wholeApps .wall .application .phones .firstIphoneVertical2{
	position:absolute;
	height:120px;
	left:63px;
	padding:34px 50px 100px 12px;
	top:43px;
	width:100px;
	z-index:10;
	background-image:url("images/iphones/small_iphone_android.png");
	background-repeat:no-repeat;
	_background-image: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/haploid/images/iphones/small_iphone_android.png'), sizingMethod='scale');
}

.wholeApps .wall .application .phones .firstAndroidVertical{
	position:absolute;
	height:120px;
	width:101px;
	left:60px;
	padding:25px 6px 80px;
	top:43px;
	background-image:url("images/iphones/small_android.png");
	background-repeat:no-repeat;
	_background-image: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/haploid/images/iphones/small_android.png'), sizingMethod='scale');
}

.wholeApps .wall .application .phones .secondAndroidVertical, .wholeApps .wall .application .phones .androidVertical,
.wholeApps .wall .application .phones .secondAndroidVertical2{
	position:absolute;
	height:120px;
	left:160px;
	padding:25px 6px 80px;
	top:43px;
	width:101px;
	background-image:url("images/iphones/small_android.png");
	background-repeat:no-repeat;
	_background-image: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/haploid/images/iphones/small_android.png'), sizingMethod='scale');
}

.wholeApps .wall .application .phones .secondAndroidVertical2{
	padding:25px 11px 80px;
}

.wholeApps .wall .application .phones .androidVertical{
	left: 100px;
	padding-left:6px;
}

.wholeApps .wall .application .description{
	color:#000000;
	float:right;
	margin-right:10px;
	padding:40px 20px 10px 10px;
	width:283px;
}

.wholeApps .wall .application .description h2{
	margin-bottom: 15px;
}
.wholeApps .wall .application .description p{
	margin-bottom: 20px;
}

.wholeApps .wall .application .description p a, .wholeApps .wall .application .description p a:visited, .wholeApps .wall .application .description p a:hover{
	color:#000000;
}
.wholeApps .wall .application .description p a:hover{
	text-decoration:none;
}

.wholeApps .wall .application .phones .storeLink{
	position:relative;
	z-index:10;
	width:100%;
	margin-top:280px;
	text-align: center;
}

.wholeApps .wall .application .footer, .wholeApps .wall .content .footer{
	background: #FFF url("images/roundedCornersBottom.gif") bottom left;
	width:641px;
	clear:both;
	height: 10px;
}

.wholeApps .wall .pager a, .wholeApps .wall .pager a:hover, .wholeApps .wall .pager a:visited{
	text-decoration: none;
}
.wholeApps .wall .pager a:hover{
	text-decoration:underline;
	color:#9BF01A;
}

.wholeApps .wall .firstPager span{
	float:left;
	width:580px;
	color:black;
}

.wholeApps .wall .firstPager a{
	float:left;
	width:61px;
	color:white;
	text-decoration: none;
	text-align:right;
}

.wholeApps .wall .middlePager span{
	float:left;
	width:519px;
	color:black;
}

.wholeApps .wall .middlePager a{
	float:left;
	width:61px;
	color:white;
	text-decoration: none;
	text-align:right;
}

/*------Footer------*/

#footer {
	max-width:1230px;
	min-width:669px;
	margin:0 auto;
	color: #ffffff;
	padding: 1em;
	background-color: #000000;
	min-height: 150px;
}

#footer .content{
	margin: 0 auto;
	width:870px;
}

#footer ul {
	float: left;
	width: 20%;
	list-style:none;
	display:block;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#footer ul li {
	padding-right :20px
}

#footer ul li a{
	color: #fff;
	text-decoration:none;
}
#footer ul li a:hover{
	color:#9BF01A;
}
	

#footer .haploidLogo{
	float:left;
	background-repeat: no-repeat;
	background-image:url("images/logo-haploid_small.png");
	margin-top: 1.5em;
	margin-left: 30px;
	width: 130px;
	height: 70px;
	_background-image: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/haploid/images/logo-haploid_small.png'), sizingMethod='scale');
}

/********************************************************/
/* style des différents IPhones                         */
/********************************************************/
.verticalIphone {
	width:197px;
	padding:80px 0 0 38px;
	height:350px;
	background-image:url("images/iphones/mainApp_iphone01.png");
	background-repeat:no-repeat;
	_background-image: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/haploid/images/iphones/mainApp_iphone01.png'), sizingMethod='scale');
}

.horizontalIphone {
	background-image:url("images/iphones/mainApp_iphone02.png");
	background-repeat:no-repeat;
	width:320px;
	height:225px;
	padding:45px 0 0 80px;
	_background-image: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/haploid/images/iphones/mainApp_iphone02.png'), sizingMethod='scale');
}

.doubleVerticalPhones{
  width:410px;
  /*padding:80px 0 0 38px;*/
  height:434px;
  background-image:url("images/iphones/mainApp_doublePhones.png");
  background-repeat:no-repeat;
  _background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/haploid/images/iphones/mainApp_doublePhones.png'), sizingMethod='scale');
}

.doubleVerticalIPhoneAndroid{
	width:410px;
  /*padding:80px 0 0 38px;*/
  height:434px;
  background-image:url("images/mainApp_doubleIPhoneAndroid.png");
  background-repeat:no-repeat;
  _background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/haploid/images/mainApp_doubleIPhoneAndroid.png'), sizingMethod='scale');
}

.doubleVerticalPhones .leftContent{
        margin: 73px 0 0 36px;
        width: 160px;
        float:left;
}

.doubleVerticalPhones .rightContent{
        margin: 73px 0 0 17px;
        float:left;
}

.doubleVerticalIPhoneAndroid .leftContent{
        margin: 73px 0 0 36px;
        width: 160px;
        float:left;
}

.doubleVerticalIPhoneAndroid .rightContent{
        margin: 73px 0 0 17px;
        float:left;
}


/********************************************************/
/* Style des inputs                                     */
/********************************************************/

.appStoreAvailability{
	width:162px;
	height:56px;
	cursor:pointer;
	background-image:url("images/App_Store_Badge_FR_0609_grey.png");
	background-repeat:no-repeat;
	_background-image: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/haploid/images/App_Store_Badge_FR_0609_grey.png'), sizingMethod='scale');
}

.androidStoreAvailability{
	width:162px;
	height:58px;
	cursor:pointer;
	background-image:url("images/logo_androidStore.png");
	background-repeat:no-repeat;
	_background-image: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/haploid/images/logo_androidStore.png'), sizingMethod='scale');
}

/********************************************************/
/* Style pour le floatingPanel                          */
/********************************************************/
.floatingPanel{
	background-color: white;
	position: absolute;
	font-family: 'Arial';
  font-size: 8pt;
}

.floatingPanel div.closingButton{
	float:right;
	cursor:pointer;
	background: url('images/close.png') repeat-x top left;
	height: 12px;
	width: 12px;
	margin-right:2px;
	margin-top: 2px;
}

.floatingPanel div.content{
	margin: 0px 10px 10px 10px;
}