/*-----------------------------------------------------------------------------------

	Theme Name: FluidApp
	Author: Two2Twelve Themes
	Author URI: http://themes.two2twelve.com
	Version: 1.0
	
	Stylesheet: Base

	0.	CSS Reset 
	1.	Global (body, page sructure, common classes)
	2.	Header & Navigation
	3.	App Info
	4.  Home
	5.  Team
	6.  Features
	7.  Screenshots
	8.  Updates
	9.  Press
	10. Contact
	11. Footer
	12. Typography
	13. Buttons
	14. Lists
	15. Forms	 

-----------------------------------------------------------------------------------*/

@font-face {
    font-family: Planer;
    src: url('font/planer.ttf');
    font-weight:100;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('/stylesheets/font/fontawesome-webfont.eot');
  src: url('/stylesheets/font/fontawesome-webfont.eot') format('eot'), url('/stylesheets/font/fontawesome-webfont.woff') format('woff'), url('/stylesheets/font/fontawesome-webfont.ttf') format('truetype'), url('/stylesheets/font/fontawesome-webfont.otf') format('opentype'), url('/stylesheets/font/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

* { margin: 0; padding: 0; }
/*--------------------------------------------
1. Global
---------------------------------------------*/

html{
  height: 100%;
  
  background: url("../images/background.jpg") no-repeat center center fixed; 
  background-size: cover;
}
body {
  min-height: 100%;
  background-color: rgba(31,31,31,0.7);				
}

section.container{
	height: calc(100% - 59px);
}
					
body {
	font-size: 14px;
	font-family: "Helvetica Neue", helvetica, sans-serif;
/*  	max-width:1024px;  */
}
.accroche {
	margin-left: 40px;
}
.deroulement h3{
	margin-bottom: 0px;
	font-weight: lighter;
}
.deroulement li{
	list-style: none;
}
.deroulement li{
	padding-bottom: 30px;
}
.deroulement b{
	color: white;
}
strong{
	font-weight: inherit;
}
.container {
 	max-width: 1000px;
	margin: 0 auto;
} 
section #pages {
	float: right;
	/*width: 525px;*/
	width: 600px;
	padding: 0px 0px 0px 50px;
	position: relative;
	    border-left: solid #313131 1px;
	    min-height: 400px;
}
	
		section #pages div.page { 
		/*position: absolute;*/
		top: 0px;
		padding-top: 55px;
	}
	section #pages div#home { 
		/*position: absolute;*/
		top: 0px;
		padding-top: 40px;
	}
		section #pages .content_box {
			padding-top: 15px;
		}
		section #pages p,
		section #pages ul {
			color: #6b6b6b;
		}
		section #pages img {
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}
/*--------------------------------------------
2. Header & Navigation
---------------------------------------------*/
header {
	background: #f6f6f6;
	height: 58px;
	border-bottom: 1px solid #eaeaea;
}
	/* Social Links */
	header aside ul {
		padding-top: 18px;
	}
	/* Main Navigation */
	header .select-menu { display: none; }
	header nav { position: relative; }
	header nav ul {
		list-style: none;
		float: right;
		padding: 22px 0px 0px 0px;
	}
	header nav .social {
		padding: 15px 0px 0px 0px;
	}
		header nav ul li {
			float: left;
			margin-left: 30px;
			position: relative;
		}
		header nav .social li {
			margin-left: 5px;
		}		
			header nav ul li a{
				color: #b5b5b5;
				font-size: 14px;
				}
			header nav ul li a:hover { color: #777; }
			header nav ul li.current a{ color: #555; font-weight: bold; }
			header nav span.arrow {
				width: 24px;
				height: 13px;
				background: url('../images/light-nav_arrow.png') no-repeat;
				display: none;
				position: absolute;
				top: 58px;
			}
	header nav select {
		float: right;
		margin: 17px 10px 0px 0px;
	  -webkit-appearance: button;
	  -webkit-border-radius: 2px;
	  -webkit-padding-end: 20px;
	  -webkit-padding-start: 2px;
	  -webkit-user-select: none;
	  background-image: url(../images/select-arrow.png), 
	  -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
	  background-position: center right;
	  background-repeat: no-repeat;
	  border: 1px solid #ccc;
	  color: #555;
		font-size: 13px;
	  padding: 3px 3px 3px 5px;
		width: 115px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
.appStoreAvaiable{
	display:block;text-align:center;
}
/*--------------------------------------------
3. App Info
---------------------------------------------*/
section { }
	/* App Info */
	section #app_info {
		float: left; 
	    width: 299px;
	    padding: 60px 50px 30px 0px;
	    text-align: right;
	}
		section #app_info .logo {
			display: block;
			margin-bottom: 5px;
		}
		.logo span{display: inline-block; white-space: nowrap;}
		.logo h2{font-size:38px;color:white;display:inline-block;margin-left:10px; font-weight:100; 
			
			font-family:Planer;
			
		}
		.logo svg {
			float:left;
			position: relative;
			top: -13px;
		}
		section #app_info h1.tagline {
			font-family: 'Quicksand', sans-serif;
			font-size: 19px;
			letter-spacing: -0.05em;
			font-weight: normal;
			display: block;
			margin-bottom: 30px;
			color:#319EBC;
		}
		section #app_info p {
			color: #898989;
			margin-bottom: 30px;
		}
		section #app_info .buttons {
			float: right;
			overflow: hidden;
		}
			section #app_info .buttons .large_button {
				float: left;
				margin-left: 15px;
				margin-bottom: 15px;
			}
		section #app_info .price {
			clear: both;
			background: url('../images/light-arrow.png') no-repeat top center;
			padding-top: 50px;
			text-align: right;
			width: 230px;
		}
		section #app_info .price.right_align { background-position: 250px 0px; }
		section #app_info .price.left_align { background-position: 70px 0px; }
			section #app_info .price.left_align p {
				text-align: left;
			}
			section #app_info .price p {
				font-family: 'Nothing You Could Do', cursive;
				font-size: 20px;
				color: #1f1f1f;
			}
/*--------------------------------------------
4. Home
---------------------------------------------*/
div#slider {
	overflow: hidden;
	width: 520px;
	height: 740px;
}
	div.slide {
		display:none;
		text-align:center;
		position:absolute;
	}
	div.slide.current{
		display:block;
	}
		
		
		div.slide .creation-content h2 { text-align:center}		
		div.slide .creation-content { text-align:left; margin-top:-20px;}
		
/* Slider Navigation */

	.echo-control-right, .echo-control-left{
		display:inline-block;
		width:30px;
		height:30px;
		position: absolute;
		top: 290px;
		z-index:99999;
		background: url('../images/cs-arrow.png') no-repeat;
	}
	.echo-control-right{
		right:-25px;
	}
	.echo-control-left{
		left:30px;
	}
	.sprite-arrow_l_h{ background-position: 0 0; width: 30px; height: 30px; } 
	.sprite-arrow_l_n{ background-position: 0 -31px; width: 30px; height: 30px; } 
	.sprite-arrow_r_h{ background-position: 0 -62px; width: 30px; height: 30px; } 
	.sprite-arrow_r_n{ background-position: 0 -93px; width: 30px; height: 30px; } 

	.echo-control-right{float:right; background-position: 0 -93px;}
	.echo-control-left{ float:left; background-position: 0 -31px; }
	
	.echo-control-right:hover{background-position: 0 -62px;}
	.echo-control-left:hover{ background-position: 0 0;}
	
/*--------------------------------------------
4. Tarifs
---------------------------------------------*/

#tjm{
	text-align:center; 
	font-weight:normal;
}

/*--------------------------------------------
5. Services
---------------------------------------------*/
div#team { }
div.my_services .one_third {
	text-align: center;
}
div.my_services span {
	color: #dfdfdf;
}
div.my_services .mgTop{
	margin-top:10px;
}
div.home  a , div.my_services  a {
	color: #319ebc;
	margin-bottom: 7px;
	-webkit-transition:color 0.2s ease-in;  
	-moz-transition:color 0.2s ease-in;  
	-o-transition:color 0.2s ease-in;  
	transition:color 0.2s ease-in;
}
div.my_services a:hover,div.home  a:hover  { color: white; }

div.my_skills h3{
	margin-left:28px;
	width:220px;
	display:inline-block;
}
div.my_skills .level{
	display:inline-block;
	margin-left:40px;
}
div.my_skills span{
	text-indent: -999999px;
	background: #CCC;
	height: 10px;
	width: 23px;
	margin-right: 5px;
	display: inline-block;
}
div.my_skills .inactive{
	background: #777;
}
/*--------------------------------------------
6. Features
---------------------------------------------*/
div.feature_list div {
	overflow: hidden;
	margin-bottom: 40px;
}



/*--------------------------------------------
6 bis. Formation
---------------------------------------------*/
.right_description{
	float: right;
}


/*--------------------------------------------
7. Screenshots
---------------------------------------------*/
div.screenshot_grid {
	margin-top: 15px;
}
	div.screenshot_grid .one_third { margin-bottom: 20px; }
	div.screenshot_grid div a,
	a.fancybox {
		display: block;
		position: relative;
		width: 145px;
		height: 100px;
		margin-bottom: 8px;
		overflow: hidden;
		border: solid 5px #fff;
		border: solid 5px rgba(255, 255, 255, .70);
    box-shadow: rgba(0,0,0, 0.3) 0px 0px 5px;
    -moz-box-shadow: rgba(0,0,0, 0.3) 0px 0px 5px;
    -webkit-box-shadow: rgba(0,0,0, 0.3) 0px 0px 5px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	div.screenshot_grid div img,
	a.fancybox img {
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		width: 145px;
	}
	div.screenshot_grid .hover{
		background: transparent url('../images/zoom.png') no-repeat center center;
		background: rgba(0,0,0,0.6) url('../images/zoom.png') no-repeat center center;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		display: none;
		cursor: pointer;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

/*
10. Contact
---------------------------------------------*/
select{
	width: 100%;
	height: 30px;
/*	-webkit-appearance: none;	
	border: solid #CCC 1px;
	font-weight: normal;
	font-size: 12px !important;
	text-transform: inherit !important;*/
	background: rgba(97, 97, 97, 0.4) !important;
	border-color: #4c4c4c;
	font-weight: normal;
	font-size: 13px !important;
	color: #BCBCBC;
	 
}

div#contact_form {
	overflow: hidden;
	padding-top: 25px;
}	
	div#contact_form div.row {
		margin-bottom: 25px;
		overflow: hidden;
		clear: both;
	}
	div#contact_form p.left,
	div#contact_form p.right {
		width: 240px;
	}
	div#contact_form p.left  { float: left; }
	div#contact_form p.right { float: right;}
	
	div#contact_form textarea {
		margin-top: 20px;
		width: 240px;
		height: 100px;
	}
	div#contact_form #email, div#contact_form #name, div#contact_form #phone, div#contact_form #budget, div#contact_form #deadline{
		margin-top: 15px;
	}
	div#contact_form input[type="submit"] {
		float: right;
		margin-top: 15px;
	}
div#contact_form .placeholder{
	color: #BCBCBC;
}
div#contact_form .error {
	border-color: #E01C46;
}
div#contact_form .validation_email,
div#contact_form .validation_societe,
div#contact_form .validation,
div#contact_form .success {
	display: none;
	font-size: 12px;
	margin-bottom: 20px;
}
	div#contact_form .validation p, 
	div#contact_form .validation_societe p,
	div#contact_form .validation_email p  { color: #e01c46; }
	div#contact_form .success p	    { color: #65cf82; }
.logo_contact{
	vertical-align:middle;
}
div#contact_form .right{line-height: 24px;}
div#contact_form .right a{color:#dfdfdf}

#more{
	height: 0px;
	display: block;
	overflow: hidden;
}

/*--------------------------------------------
11. Footer
---------------------------------------------*/
footer {
	clear: both;
	text-align: center;
	cursor: default;
	padding-top: 40px;
}
	footer p {
		color: #c1c1c1;
		font-size: 12px;
		padding: 4px 8px 4px 8px;
		background: #f7f7f7;
		background: rgba(0,0,0,0.04);
		display: inline;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-transition:color 0.2s ease-in, background 0.2s ease-in;  
    -moz-transition:color 0.2s ease-in, background 0.2s ease-in;  
    -o-transition:color 0.2s ease-in, background 0.2s ease-in;  
    transition:color 0.2s ease-in, background 0.2s ease-in;
	}
	
/*--------------------------------------------
12. Typography
---------------------------------------------*/
h1,h2,h3,h4,h5,h6 { margin-bottom: 15px; }
h2 {
	font-family: 'Quicksand', sans-serif;
	color: #aaa;
	font-size: 28px;
	font-weight: normal;
}
h3 {
	font-size: 16px;
	color: #353535;
}
	h3.icon {
		background: url('../images/features_icons.png') no-repeat top left;
		height: 32px;
		padding: 10px 0px 0px 60px;
		font-size: 17px;
	}
	h3.icon.cart 			{ background-position: 0px -42px; }
	h3.icon.briefcase { background-position: 0px -84px; }
	h3.icon.help 			{ background-position: 0px -126px; }
	h3.icon.pencil 		{ background-position: 0px -168px; }
	h3.icon.graph 		{ background-position: 0px -210px; }
h4 {
	font-size: 14px;
	color: #353535;
}
h5 {
	font-size: 13px;
}
h6 {
	font-size: 12px;
}

p {
	font-size: 14px;
	line-height: 20px;
}
a {
	text-decoration: none;
	outline: none;
	color: #319ebc;
}
.tipsy { line-height: 17px; }
/* Blockquotes */
blockquote, blockquote p { 
	font-size: 15px; 
	line-height: 24px; 
	color: #777; 
	font-style: italic; 
}
blockquote { 
	margin: 0 0 10px; 
	padding: 3px 20px 3px 19px; 
	border-left: 1px solid #ddd; 
}
	blockquote cite { 
		display: block;
		font-size: 12px;
	    color: #AAA;
    	font-style: normal;
    
	}
		blockquote cite:before { 
			content: "\2014 \0020"; 
		}
		
/* Columns */
div.column_last { margin-right: 0 !important; }
div.full { margin-bottom: 25px; }
div.one_half, div.one_third, div.two_third, 
div.three_fourth, div.one_fourth, div.two_thirds {
	float: left;
	margin-right: 4%;
	margin-bottom: 25px;
}
div.one_half    { width: 48%; }
div.one_third   { width: 30.66%; }
div.two_thirds  { width: 65%; }
div.one_fourth  { width: 22%; }
/*--------------------------------------------
13. Buttons
---------------------------------------------*/
.large_button {
	padding: 10px 15px 10px 15px;
	font-size: 18px;
	line-height: 35px;
	font-weight: bold;
	color: #fff;
	display: inline-block;
	width: 160px;
	text-align: left;
	text-shadow: 1px 1px  rgba(0,0,0,0.85);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 5px;
	margin-right: 2px;
}
	.large_button span.icon {
		width: 30px;
		height: 35px;
		display: block;
		background: url('../images/button_icons.png') no-repeat top left;
		float: left;
		margin-right: 12px;
	}
	.large_button em {
		font-size: 10px;
		font-weight: bold;
		display: block;
		color: #fff;
		text-shadow: 0px 1px rgba(255,255,255,0.65);
		font-style: normal;
	}
	.large_button:active {
		-webkit-box-shadow: inset 0px 0px 7px #333;
		-moz-box-shadow: inset 0px 0px 7px #333;
		box-shadow: inset 0px 0px 7px #333;
	}
	.large_button#apple {
		background: #319EBC; /* Old browsers */
		background: -moz-linear-gradient(top,  #319EBC 0%, #006b9d 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#319EBC), color-stop(100%,#006b9d)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #319EBC 0%,#006b9d 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #319EBC 0%,#006b9d 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #319EBC 0%,#006b9d 100%); /* IE10+ */
		background: linear-gradient(top,  #319EBC 0%,#006b9d 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#319EBC', endColorstr='#006b9d',GradientType=0 ); /* IE6-9 */
	}
		.large_button#apple em { color: #065478; }
		.large_button#apple:hover {
			background: #4cc6ff; /* Old browsers */
			background: -moz-linear-gradient(top,  #4cc6ff 0%, #0078b0 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4cc6ff), color-stop(100%,#0078b0)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #4cc6ff 0%,#0078b0 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #4cc6ff 0%,#0078b0 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #4cc6ff 0%,#0078b0 100%); /* IE10+ */
			background: linear-gradient(top,  #4cc6ff 0%,#0078b0 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4cc6ff', endColorstr='#0078b0',GradientType=0 ); /* IE6-9 */
		}
.colored_div {
	padding: 10px 15px 10px 15px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	display: inline-block;
	width: 140px;
	text-align: left;
	text-shadow: 1px 1px  rgba(0,0,0,0.85);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 5px;
	margin-right: 10px;
	vertical-align: top;
	height: 220px;
	position: relative;
	
}

.colored_div#black {
	background: #525252;
	background: -moz-linear-gradient(top, #525252 0%, #18171e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#525252), color-stop(100%,#18171e));
	background: -webkit-linear-gradient(top, #525252 0%,#18171e 100%);
	background: -o-linear-gradient(top, #525252 0%,#18171e 100%);
	background: -ms-linear-gradient(top, #525252 0%,#18171e 100%);
	background: linear-gradient(top, #525252 0%,#18171e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#18171e',GradientType=0 );
	box-shadow: 0px 0px 5px #FFF;

}
div.colored_div p{
	line-height: 14px;
	font-size: 12px;
	color: #a6a6a6 !important;
}
div.colored_div h3{
	text-align: center;
}

div.colored_div ul{
	padding-left: 10px;
}

div.colored_div .app_price{
	color: #98d463;
	font-size: 16px;
	text-align: center;
	width: 100%;
	display: inline-block;
	position: absolute;
	bottom: 15px;
	margin-left: -15px;
}

#formation_price{
	font-size: 12px;
	color: #319EBC !important;
}

.button {
  border: 1px solid #DEDEDE;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #555555;
  display: inline-block;
  font: bold 10px/12px 'Helvetica Neue',Helvetica,sans-serif;
  padding: 6px 11px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.button:active {
	-webkit-box-shadow: inset 0px 0px 3px #333;
	-moz-box-shadow: inset 0px 0px 3px #333;
	box-shadow: inset 0px 0px 3px #333;
}
.button:hover {
	cursor: pointer;
	-webkit-box-shadow: 0px 0px 3px #bbb;
	-moz-box-shadow: 0px 0px 3px #bbb;
	box-shadow: 0px 0px 3px #bbb;
}

.button.blue {
	background: #a3bced; /* Old browsers */
	background: -moz-linear-gradient(top,  #a3bced 0%, #ba8ecc 100%, #667cdd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3bced), color-stop(100%,#ba8ecc), color-stop(100%,#667cdd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a3bced 0%,#ba8ecc 100%,#667cdd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a3bced 0%,#ba8ecc 100%,#667cdd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a3bced 0%,#ba8ecc 100%,#667cdd 100%); /* IE10+ */
	background: linear-gradient(top,  #a3bced 0%,#ba8ecc 100%,#667cdd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3bced', endColorstr='#667cdd',GradientType=0 ); /* IE6-9 */
	border-color: #8dc5da #76b7cf #63abc7;
	text-shadow: 0 1px 0 #b6e6f9;
}
.button.blue a { color: #42788e }

/*--------------------------------------------
15. Lists
---------------------------------------------*/
ul.social {
	list-style: none;
	float: left;
}
	ul.social li {
		float: left;
		margin-right: 5px;
	}
		ul.social li a {
			width: 32px;
			height: 32px;
			display: block;
			text-indent: -99999px;
			background: url('../images/light-social.png') no-repeat top left;
		}
		ul.social li.facebook a 				{ background-position: 0px 0px; }
			ul.social li.facebook a:hover { background-position: -32px 0px; }
		ul.social li.linkedin a 					{ background-position: 0px -32px; }
			ul.social li.linkedin a:hover 	{ background-position: -32px -32px; }
		ul.social li.twitter a 				{ background-position: 0px -64px; }
			ul.social li.twitter a:hover { background-position: -32px -64px; }
		ul.social li.google a 					{ background-position: 0px -96px; }
			ul.social li.google a:hover 	{ background-position: -32px -96px; }
		ul.social li.email a 					{ background-position: 0px -128px; }
			ul.social li.email a:hover 	{ background-position: -32px -128px; }
		ul.social li.rss a 							{ background-position: 0px -160px; }
			ul.social li.rss a:hover 			{ background-position: -32px -160px; }
		/*
		ul.social li.facebook a 				{ background-position: 0px 0px; }
			ul.social li.facebook a:hover { background-position: -24px 0px; }
		ul.social li.twitter a 					{ background-position: 0px -24px; }
			ul.social li.twitter a:hover 	{ background-position: -24px -24px; }
		ul.social li.dribbble a 				{ background-position: 0px -48px; }
			ul.social li.dribbble a:hover { background-position: -24px -48px; }
		ul.social li.google a 					{ background-position: 0px -72px; }
			ul.social li.google a:hover 	{ background-position: -24px -72px; }
		ul.social li.flickr a 					{ background-position: 0px -96px; }
			ul.social li.flickr a:hover 	{ background-position: -24px -96px; }
		ul.social li.rss a 							{ background-position: 0px -120px; }
			ul.social li.rss a:hover 			{ background-position: -24px -120px; }
		ul.social li.email a 						{ background-position: 0px -144px; }
			ul.social li.email a:hover 		{ background-position: -24px -144px; }*/
div.toggle_list {
	margin-bottom: 25px;
}
	div.toggle_list ul {
		list-style: none;
	}
		div.toggle_list ul li {
			margin-bottom: 10px;
		}
			div.toggle_list ul li div.title {
				background: #f0f0f0;
				border: 1px solid #e6e7e7;
				padding: 10px;
				cursor: pointer;
				position: relative;
			}
				div.toggle_list ul li div.title h3 { margin: 0px 20px 0px 0px; color: #4b4b4b; font-size: 13px; }
				div.toggle_list ul li .title h3 span { font-family: "Quicksand"; color: #319EBC; padding: 0px 8px 10px 0px; float:left; }
				div.toggle_list ul li div.title a.toggle_link {
					position: absolute;
					top: 5px;
					right: 13px;
					color: #868686;
					font-weight: bold;
					font-size: 19px;
				}
			div.toggle_list ul li div.content {
				background: #fbfbfb;
				border: 1px solid #e5e5e5;
				border-top: none;				
				padding: 10px;
				display: none;
			}
				div.toggle_list ul li div.content p { margin-bottom: 15px; font-size: 12px; }
				div.toggle_list ul li div.content p:last-child { margin-bottom: 0; }
/*--------------------------------------------
16. Forms
---------------------------------------------*/
input,textarea {
	font-family: "Helvetica Neue", helvetica, sans-serif;
	font-size: 13px;
	outline: none;
	-webkit-appearance: none;
	-webkit-focus-ring-color: none
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
input[type="text"],
input[type="email"] {
	border: none;
	border-bottom: 1px solid #bcbcbc;
	padding: 8px 0px 8px 0px;
	width: 100%;
	color: #555;
	background: transparent;
}
	input[type="text"]:focus,
	input[type="email"]:focus { padding-bottom: 8px; }
textarea {
	padding: 8px;
	border: 1px solid #cfd0d0;
	color: #555;
	resize: vertical;
	background: transparent;
}
form p { position: relative; }
label { 
	position: absolute; 
	top: 7px !important; 
	left: 0; 
	color: #333333;
	font-weight: bold;
}
label.textarea {
	top: 28px !important;
	left: 12px !important;
}
:-moz-placeholder {
	color: #333333 !important;
	font-weight: bold;
}
:-webkit-input-placeholder {
	color: #333333 !important;
}
img { border: none; }
.clear { clear: both; }




/*   DARK     */

/*-----------------------------------------------------------------------------------

	Theme Name: FluidApp
	Author: Two2Twelve Themes
	Author URI: http://themes.two2twelve.com
	Version: 1.0
	
	Stylesheet: Dark
	
-----------------------------------------------------------------------------------*/
/* Global */

/* Header & Navigation */
header {
	background: rgba(255,255,255,0.05);
	border-color: #343434;
}
	header nav ul li a					{ color: #CCC; }
	header nav ul li a:hover 		{ color: #FFF; }
	header nav ul li.current a	{ color: #fff; }
	header nav span.arrow {	background: url('../images/dark-nav_arrow.png') no-repeat; top: 59px; }
	
.button.black {
background: #616161;
background: -moz-linear-gradient(top, #616161 0%, #222222 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#616161), color-stop(100%,#222222));
background: -webkit-linear-gradient(top, #616161 0%,#222222 100%);
background: -o-linear-gradient(top, #616161 0%,#222222 100%);
background: -ms-linear-gradient(top, #616161 0%,#222222 100%);
background: linear-gradient(top, #616161 0%,#222222 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#616161', endColorstr='#222222',GradientType=0 );
border-color: #4c4c4c #313131 #1f1f1f;
color: #fff;
text-shadow: 0 1px 0 #2e2e2e;
}
.button.orange {
background: #f9bc70;
background: -moz-linear-gradient(top, #f9bc70 0%, #d8b541 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9bc70), color-stop(100%,#d8b541));
background: -webkit-linear-gradient(top, #f9bc70 0%,#d8b541 100%);
background: -o-linear-gradient(top, #f9bc70 0%,#d8b541 100%);
background: -ms-linear-gradient(top, #f9bc70 0%,#d8b541 100%);
background: linear-gradient(top, #f9bc70 0%,#d8b541 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9bc70', endColorstr='#d8b541',GradientType=0 );
border-color: #f5b74e #e5a73e #d6982f;
color: #996633;
text-shadow: 0 1px 0 #fedd9b;
}

#adJo { position: fixed; bottom: 10px; left: 10px; }
#preuveReferencement li{ list-style: none; text-align: left; color: #319ebc; padding-left: 80px}
/* App Info */
section #app_info span.tagline { color: #fff; font-weight: normal;}
section #app_info p 					 { color: #dfdfdf; }
section #app_info .price 			 { background: url('../images/dark-arrow.png') no-repeat top right; }
	section #app_info .price p 	 { color: #fff; }

/* Home  */
div.echo-nav a					{ background: #444; }
	div.echo-nav a.active { background: #aaa; }
/* Team */
div.team_members .person a:hover { color: #fff; }
/* Screenshots  */
div.screenshot_grid div a,
a.fancybox {
	border: solid 5px #fff;
	border: solid 5px rgba(255, 255, 255, 0.03);
}
/* Updates */
article.release 						{ border-bottom-color: #444; } 
	article.release span.date { color: #666; }
	article.release ul li	    { color: #a6a6a6; }
/* Footer */
footer.container{
	padding-top: 20px;
}
footer p 				 { background: rgba(255,255,255,0.05); color: #777; }
footer a { color: #777;}
footer a:hover { color:#319ebc}
/* Press */
div.press_mentions ul li .logo { border-color: #333; }
div.press_mentions ul li address 				 { color: #666; }
div.press_mentions ul li address a:hover { color: #fff;	}
/* Typography */
h1,h2,h3,h4,h5 		 { color: #fff; }
section #pages p,
section #pages ul { color: #dfdfdf; }
/* Lists */
ul.social li a { background: url('../images/social.png') no-repeat top left; }
div.toggle_list ul li div.title {
	background: #2d2d2d;
	border-color: #383838;
}
	div.toggle_list ul li div.title h3 { color: #fff; }
	div.toggle_list ul li div.content {
		background: #181818;
		border-color: #323232;
	}
/* Forms */
input[type="text"],
input[type="email"],
textarea { border-color: #444; color: #fff; }
textarea { background: #292929; border-color: #333; }
label { color: #fff; }

.home img{ float:right;}
.home .blue{color: #319EBC;font-size: 16px;display: block;line-height: 10px;}
/*FONT AWESOME*/

/* sprites.less reset */
[class^="icon-"], [class*=" icon-"] {
  display: inline;
  width: auto;
  height: auto;
  line-height: inherit;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
}
li[class^="icon-"], li[class*=" icon-"] {
  display: block;
}
/*  Font Awesome styles
    ------------------------------------------------------- */
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  margin-right: 4px;
}
a [class^="icon-"], a [class*=" icon-"] {
  display: inline-block;
  text-decoration: inherit;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: middle;
  font-size: 1.3333333333333333em;
  margin-right: 0px;  
}
.btn [class^="icon-"], .btn [class*=" icon-"] {
  /* keeps button heights with and without icons the same */
  width: 1.25em;
  line-height: .9em;
}
li [class^="icon-"], li [class*=" icon-"] {
  display: inline-block;
  text-align: center;
}
li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] {
  /* 1.5 increased font size for icon-large * 1.25 width */
  width: 1.875em;
}
li[class^="icon-"], li[class*=" icon-"] {
  margin-left: 0;
  list-style-type: none;
}
li[class^="icon-"]:before, li[class*=" icon-"]:before {
  text-indent: -2em;
  text-align: center;
}
li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before {
  text-indent: -1.3333333333333333em;
}

		div.slide .iphone-front-left{
			position: absolute;
			left:-40px;
			margin:auto;		
		} 
		div.slide .iphone-front-right{
			position: absolute;
			right:-40px;
			margin:auto;		
		} 
		div.slide .ipad-background{
			margin:auto;		
			margin-top: 90px;
		} 

		div.slide .iphone-alone, div.slide .ipad-alone{
			margin:auto;		
		} 
		div.slide .ipad-landscape-alone{
			margin:auto;
		} 

		div.slide .iphone-black-5s,
		div.slide .iphone-white-5s{
			width: 268px;
			height: 561px;
		}
		
		div.slide .iphone-black,
		div.slide .iphone-white {
			width: 386px;
			height: 597px;
		}
		div.slide .iphone-black { background: url('../images/devices/iphone-black-front.png') no-repeat; }
		div.slide .iphone-white { background: url('../images/devices/iphone-white-front.png') no-repeat; }
		div.slide .iphone-black-5s { background: url('../images/devices/iphone-black-5s.png') no-repeat; }
		div.slide .iphone-white-5s { background: url('../images/devices/iphone-white-5s.png') no-repeat; }
		
		div.slide .iphone-black-5s .screenshot,
		div.slide .iphone-white-5s .screenshot { width: 230px; height: 404px; margin-top: 81px; margin-left:4px;	}
		
			div.slide .iphone-black .screenshot,
			div.slide .iphone-white .screenshot { width: 230px; height: 345px; margin-top: 95px; margin-left: 5px;	}
			
		/* iPad */
		div.slide .ipad-black,
		div.slide .ipad-white {
			width: 621px;
			height: 639px;
		}
			div.slide .ipad-black img,
			div.slide .ipad-white img{width: 352px; height: 480px; margin-top: 16px; margin-left: 0px; }
		div.slide .ipad-black {	background: url('../images/devices/ipad-black.png') no-repeat; }
		div.slide .ipad-white {	background: url('../images/devices/ipad-white.png') no-repeat; }
		
		div.slide .ipad-landscape-black,
		div.slide .ipad-landscape-white {
			width: 550px;
			height: 388px;
		}
			div.slide .ipad-landscape-black img,
			div.slide .ipad-landscape-white img{width: 480px; height: 355px; margin-top: 16px; margin-left: 0px; }
		div.slide .ipad-landscape-black {	background: url('../images/devices/ipad-landscape-black.png') no-repeat; }
		div.slide .ipad-landscape-white {	background: url('../images/devices/ipad-landscape-white.png') no-repeat; }
		
/* Slider Navigation */



.icon-glass:before{content:"\f000"}.icon-music:before{content:"\f001"}.icon-search:before{content:"\f002"}.icon-envelope:before{content:"\f003"}.icon-heart:before{content:"\f004"}.icon-star:before{content:"\f005"}.icon-star-empty:before{content:"\f006"}.icon-user:before{content:"\f007"}.icon-film:before{content:"\f008"}.icon-th-large:before{content:"\f009"}.icon-th:before{content:"\f00a"}.icon-th-list:before{content:"\f00b"}.icon-ok:before{content:"\f00c"}.icon-remove:before{content:"\f00d"}.icon-zoom-in:before{content:"\f00e"}.icon-zoom-out:before{content:"\f010"}.icon-off:before{content:"\f011"}.icon-signal:before{content:"\f012"}.icon-cog:before{content:"\f013"}.icon-trash:before{content:"\f014"}.icon-home:before{content:"\f015"}.icon-file:before{content:"\f016"}.icon-time:before{content:"\f017"}.icon-road:before{content:"\f018"}.icon-download-alt:before{content:"\f019"}.icon-download:before{content:"\f01a"}.icon-upload:before{content:"\f01b"}.icon-inbox:before{content:"\f01c"}.icon-play-circle:before{content:"\f01d"}.icon-repeat:before{content:"\f01e"}.icon-refresh:before{content:"\f021"}.icon-list-alt:before{content:"\f022"}.icon-lock:before{content:"\f023"}.icon-flag:before{content:"\f024"}.icon-headphones:before{content:"\f025"}.icon-volume-off:before{content:"\f026"}.icon-volume-down:before{content:"\f027"}.icon-volume-up:before{content:"\f028"}.icon-qrcode:before{content:"\f029"}.icon-barcode:before{content:"\f02a"}.icon-tag:before{content:"\f02b"}.icon-tags:before{content:"\f02c"}.icon-book:before{content:"\f02d"}.icon-bookmark:before{content:"\f02e"}.icon-print:before{content:"\f02f"}.icon-camera:before{content:"\f030"}.icon-font:before{content:"\f031"}.icon-bold:before{content:"\f032"}.icon-italic:before{content:"\f033"}.icon-text-height:before{content:"\f034"}.icon-text-width:before{content:"\f035"}.icon-align-left:before{content:"\f036"}.icon-align-center:before{content:"\f037"}.icon-align-right:before{content:"\f038"}.icon-align-justify:before{content:"\f039"}.icon-list:before{content:"\f03a"}.icon-indent-left:before{content:"\f03b"}.icon-indent-right:before{content:"\f03c"}.icon-facetime-video:before{content:"\f03d"}.icon-picture:before{content:"\f03e"}.icon-pencil:before{content:"\f040"}.icon-map-marker:before{content:"\f041"}.icon-adjust:before{content:"\f042"}.icon-tint:before{content:"\f043"}.icon-edit:before{content:"\f044"}.icon-share:before{content:"\f045"}.icon-check:before{content:"\f046"}.icon-move:before{content:"\f047"}.icon-step-backward:before{content:"\f048"}.icon-fast-backward:before{content:"\f049"}.icon-backward:before{content:"\f04a"}.icon-play:before{content:"\f04b"}.icon-pause:before{content:"\f04c"}.icon-stop:before{content:"\f04d"}.icon-forward:before{content:"\f04e"}.icon-fast-forward:before{content:"\f050"}.icon-step-forward:before{content:"\f051"}.icon-eject:before{content:"\f052"}.icon-chevron-left:before{content:"\f053"}.icon-chevron-right:before{content:"\f054"}.icon-plus-sign:before{content:"\f055"}.icon-minus-sign:before{content:"\f056"}.icon-remove-sign:before{content:"\f057"}.icon-ok-sign:before{content:"\f058"}.icon-question-sign:before{content:"\f059"}.icon-info-sign:before{content:"\f05a"}.icon-screenshot:before{content:"\f05b"}.icon-remove-circle:before{content:"\f05c"}.icon-ok-circle:before{content:"\f05d"}.icon-ban-circle:before{content:"\f05e"}.icon-arrow-left:before{content:"\f060"}.icon-arrow-right:before{content:"\f061"}.icon-arrow-up:before{content:"\f062"}.icon-arrow-down:before{content:"\f063"}.icon-share-alt:before{content:"\f064"}.icon-resize-full:before{content:"\f065"}.icon-resize-small:before{content:"\f066"}.icon-plus:before{content:"\f067"}.icon-minus:before{content:"\f068"}.icon-asterisk:before{content:"\f069"}.icon-exclamation-sign:before{content:"\f06a"}.icon-gift:before{content:"\f06b"}.icon-leaf:before{content:"\f06c"}.icon-fire:before{content:"\f06d"}.icon-eye-open:before{content:"\f06e"}.icon-eye-close:before{content:"\f070"}.icon-warning-sign:before{content:"\f071"}.icon-plane:before{content:"\f072"}.icon-calendar:before{content:"\f073"}.icon-random:before{content:"\f074"}.icon-comment:before{content:"\f075"}.icon-magnet:before{content:"\f076"}.icon-chevron-up:before{content:"\f077"}.icon-chevron-down:before{content:"\f078"}.icon-retweet:before{content:"\f079"}.icon-shopping-cart:before{content:"\f07a"}.icon-folder-close:before{content:"\f07b"}.icon-folder-open:before{content:"\f07c"}.icon-resize-vertical:before{content:"\f07d"}.icon-resize-horizontal:before{content:"\f07e"}.icon-bar-chart:before{content:"\f080"}.icon-twitter-sign:before{content:"\f081"}.icon-facebook-sign:before{content:"\f082"}.icon-camera-retro:before{content:"\f083"}.icon-key:before{content:"\f084"}.icon-cogs:before{content:"\f085"}.icon-comments:before{content:"\f086"}.icon-thumbs-up:before{content:"\f087"}.icon-thumbs-down:before{content:"\f088"}.icon-star-half:before{content:"\f089"}.icon-heart-empty:before{content:"\f08a"}.icon-signout:before{content:"\f08b"}.icon-linkedin-sign:before{content:"\f08c"}.icon-pushpin:before{content:"\f08d"}.icon-external-link:before{content:"\f08e"}.icon-signin:before{content:"\f090"}.icon-trophy:before{content:"\f091"}.icon-github-sign:before{content:"\f092"}.icon-upload-alt:before{content:"\f093"}.icon-lemon:before{content:"\f094"}.icon-phone:before{content:"\f095"}.icon-check-empty:before{content:"\f096"}.icon-bookmark-empty:before{content:"\f097"}.icon-phone-sign:before{content:"\f098"}.icon-twitter:before{content:"\f099"}.icon-facebook:before{content:"\f09a"}.icon-github:before{content:"\f09b"}.icon-unlock:before{content:"\f09c"}.icon-credit-card:before{content:"\f09d"}.icon-rss:before{content:"\f09e"}.icon-hdd:before{content:"\f0a0"}.icon-bullhorn:before{content:"\f0a1"}.icon-bell:before{content:"\f0a2"}.icon-certificate:before{content:"\f0a3"}.icon-hand-right:before{content:"\f0a4"}.icon-hand-left:before{content:"\f0a5"}.icon-hand-up:before{content:"\f0a6"}.icon-hand-down:before{content:"\f0a7"}.icon-circle-arrow-left:before{content:"\f0a8"}.icon-circle-arrow-right:before{content:"\f0a9"}.icon-circle-arrow-up:before{content:"\f0aa"}.icon-circle-arrow-down:before{content:"\f0ab"}.icon-globe:before{content:"\f0ac"}.icon-wrench:before{content:"\f0ad"}.icon-tasks:before{content:"\f0ae"}.icon-filter:before{content:"\f0b0"}.icon-briefcase:before{content:"\f0b1"}.icon-fullscreen:before{content:"\f0b2"}.icon-group:before{content:"\f0c0"}.icon-link:before{content:"\f0c1"}.icon-cloud:before{content:"\f0c2"}.icon-beaker:before{content:"\f0c3"}.icon-cut:before{content:"\f0c4"}.icon-copy:before{content:"\f0c5"}.icon-paper-clip:before{content:"\f0c6"}.icon-save:before{content:"\f0c7"}.icon-sign-blank:before{content:"\f0c8"}.icon-reorder:before{content:"\f0c9"}.icon-list-ul:before{content:"\f0ca"}.icon-list-ol:before{content:"\f0cb"}.icon-strikethrough:before{content:"\f0cc"}.icon-underline:before{content:"\f0cd"}.icon-table:before{content:"\f0ce"}.icon-magic:before{content:"\f0d0"}.icon-truck:before{content:"\f0d1"}.icon-pinterest:before{content:"\f0d2"}.icon-pinterest-sign:before{content:"\f0d3"}.icon-google-plus-sign:before{content:"\f0d4"}.icon-google-plus:before{content:"\f0d5"}.icon-money:before{content:"\f0d6"}.icon-caret-down:before{content:"\f0d7"}.icon-caret-up:before{content:"\f0d8"}.icon-caret-left:before{content:"\f0d9"}.icon-caret-right:before{content:"\f0da"}.icon-columns:before{content:"\f0db"}.icon-sort:before{content:"\f0dc"}.icon-sort-down:before{content:"\f0dd"}.icon-sort-up:before{content:"\f0de"}.icon-envelope-alt:before{content:"\f0e0"}.icon-linkedin:before{content:"\f0e1"}.icon-undo:before{content:"\f0e2"}.icon-legal:before{content:"\f0e3"}.icon-dashboard:before{content:"\f0e4"}.icon-comment-alt:before{content:"\f0e5"}.icon-comments-alt:before{content:"\f0e6"}.icon-bolt:before{content:"\f0e7"}.icon-sitemap:before{content:"\f0e8"}.icon-umbrella:before{content:"\f0e9"}.icon-paste:before{content:"\f0ea"}.icon-user-md:before{content:"\f200"}

	

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {


}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}