@charset "utf-8";
/* CSS Document */

/* ***************************************** */
/* 				GENERAL						 */
/* ***************************************** */

html, body{
	background-color:#e6e6e7;
	background-image:url(../images/background.jpg);
	background-position:top left;
	background-repeat:repeat;
	color:#494f52;
	font-family: 'Roboto', sans-serif;
	}


img {
	max-width: 100%;
	height: auto;
}


a {
	filter: alpha(opacity=100);
	opacity:1;
        -webkit-transition: opacity .15s ease-in-out;
        -moz-transition: opacity .15s ease-in-out;
        -ms-transition: opacity .15s ease-in-out;
        -o-transition: opacity .15s ease-in-out;
        transition: opacity .15s ease-in-out;
}

a:hover {
	filter: alpha(opacity=50);
    opacity: 0.5;
}
 
.container{
	width:1180px;
	margin:0 auto;
	}

.floatLeft{
	float:left;
	}

.floatRight{
	float:right;
	}

.alignCenter{
	margin:0 auto;
	text-align:center;
	}

.marginRight10{
	margin-right: 10px;
	margin: 0 10px 0 0 !important;
}

/* ***************************************** */
/* 					MEDIA SIZE					 */
/* ***************************************** */


.mediaXL {
	width: 720px;
	height: 450px;
}

.mediaSPortraitIPhone4 {
	width: 202px;
	height: 303px;
}

.mediaSPortraitIPhone5 {
	width: 202px;
	height: 346px;
}

.mediaSPortraitIPhone5-bis {
	width: 202px;
	height: 359px;
}

.mediaSLandscape {
	width: 342px;
	height: 257px;
}

.mediaSLandscape-bis {
	width: 342px;
	height: 237px;
}






/* ***************************************** */
/* 					HEADER					 */
/* ***************************************** */

header{
	background-color:#2d3438;
	height:65px;
	width:100%;
	padding-top:25px;
	display: inline-table;
	}
	

header a#logo{
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	width:251px;
	height:48px;
	margin:auto;
	display:block;
	}

header #social{
	float:right;
	margin-top:-13px;
	}
	
header a#linkedin, header a#twitter, header a#contact{
	float:right;
	cursor:pointer;
	margin-left:15px;
	background-repeat:no-repeat;
}

	

header #linkedin{background-image:url(../images/icon_linkedin.png);width:14px; height:13px;}
header #twitter{background-image:url(../images/icon_twitter.png);width:14px; height:12px;}
header #contact{background-image:url(../images/icon_enveloppe.png);width:17px; height:13px;}





/* ***************************************** */
/* 					PROJETS					 */
/* ***************************************** */


.projet{
	border-top:#c6c9cb 1px solid;
	margin-top:100px;
	}

.firstproject, .firstproject .colGauche, .firstproject .colDroite{
	border:0;
	border-top:0;
	margin-top:0px;
	}

.projet .colGauche{
	float:left;
	width:399px;
	margin-top:100px;
	margin-right:50px;
	}

.projet .colDroite{
	float:right;
	margin-top:100px;
	text-align:center;
	}

.projet .xamarin{ background-image:url(../images/tag_xamarin.gif); width:70px; height:20px; display:block; }
.projet .ios{ background-image:url(../images/tag_ios.gif); width:90px; height:20px; display:block; }
.projet .air{ background-image:url(../images/tag_air.gif); width:80px; height:20px; display:block; }
.projet .unity{ background-image:url(../images/tag_unity.gif); width:57px; height:20px; display:block; }
.projet .swift{ background-image:url(../images/tag_swift.gif); width:56px; height:20px; display:block; }

.projet h1, .projet h2, .projet p{
	color:#2d3438;
	font-size:35px;
	letter-spacing:-0.30;
	margin-top:20px;
	}

.projet h1{
	font-family: 'Roboto Condensed', sans-serif;
	/*margin-top:15px;*/
	}
.projet h2{
	opacity:0.6;
	font-size:25px;
	font-family: 'PT Sans', sans-serif;
	font-style: italic;
	}
.projet p{
	opacity:0.85;
	font-size:15px;
	font-family: 'Roboto', sans-serif;
	letter-spacing:0.2;
	line-height:25px;
	}

.projet ul li{
	list-style-type:none;
	background-image:url(../images/bullet.gif);
	background-repeat:no-repeat;
	background-position:0 12px;
	padding-left:10px;
	font-size:15px;
	font-family: 'Roboto', sans-serif;
	letter-spacing:0.2;
	line-height:25px;
	}

.projet ul{
	font-size:15px;
	font-family: 'Roboto', sans-serif;
	letter-spacing:0.2;
	line-height:25px;
	}



a.lien{
	color:#2d3438;
	opacity:0.85;
	background-image:url(../images/bullet-arrow.gif);
	background-repeat:no-repeat;
	background-position:0 6px;
	padding-left:10px;
	text-decoration:underline;
	font-size:15px;
	font-family: 'Roboto', sans-serif;
	letter-spacing:0.2;
	line-height:25px;
}

.projet a.lien-nobullet{
	color:#2d3438;
	opacity:0.85;
	text-decoration:underline;
	font-size:15px;
	font-family: 'Roboto', sans-serif;
	letter-spacing:0.2;
	line-height:25px;
}


	
	
.projet .stores{
	border-top:#c6c9cb 1px solid;
	margin-top:50px;
	}
	
	
.projet .stores .icons{
	margin-top:50px;
	/*margin:50px auto;
	width:284px;*/
	text-align: center;
}
	
.projet .appstore, .projet .googleplay{
	cursor:pointer;
	border:0;
	background-position:center;
	background-repeat:no-repeat;
	line-height: 40px;
	font-size: 35px;
	margin: 1px;
	}
	
.projet .appstore img, .projet .googleplay img{
	border:0;
	width:116px;
	height:40px;
	}




.projet .appstore{ background-image:url(../images/btn_appstore.png);}
.projet .googleplay{ background-image:url(../images/btn_googleplay.png);}

.projet .preview{
	border:#FFFFFF 5px solid;
	box-shadow:#979a9c 0px 0px 10px 0px;
	}

.projet .main{
	margin-bottom:35px;
	}

.projet .threepreview {
	width:730px;
	margin-bottom: 35px;
}


/* ***************************************** */
/* 					FOOTER					 */
/* ***************************************** */

footer{
	background-color:#2d3438;
	padding-top:35px;
	margin-top:100px;
	height:45px;
	width:100%;
	bottom:0;
	color:#d6d7d7;
	font-size:11px;
	font-family: 'Roboto', sans-serif;
	text-transform:uppercase;
	display: inline-table;
	}

footer #etrangeFabrique{
	background-image:url(../images/logo_letrange-fabrique.png);
	background-repeat:no-repeat;
	width:208px;
	height:30px;
	display:block;
	float:right;
	margin:-14px 0 0 10px;
	}

/* ***************************************** */
/* 					FORMULAIRE				 */
/* ***************************************** */

.formu {
	margin-top: 50px !important;
	margin-bottom: 50px;
	width: 400px;
}

.formu ol li {
	font-size:15px;
	font-family: 'Roboto', sans-serif;
	letter-spacing:0.2;
	line-height:25px;
	margin-bottom: 5px;
}

.formu input {
	width: 250px;
	font-size:15px;
	font-family: 'Roboto', sans-serif;
	letter-spacing:0.2;
	line-height:25px;
	margin-bottom: 5px;
	border: #c6c9cb solid 1px;
}

.formu textarea {
	width: 250px;
	font-size:15px;
	font-family: 'Roboto', sans-serif;
	letter-spacing:0.2;
	line-height:25px;
	margin-bottom: 5px;
	border: #c6c9cb solid 1px;
}

.formu .sendbutton{
	float: right;
	margin-top: 20px;
}


.formTitle {
 	width: 150px;
 	float: left;
 	margin-top: 3px;
}

.formu .error {
	border: #FF0000 solid 1px;
}

.formu .noerror {
	border: #c6c9cb solid 1px;
}


.thanks {
	text-align: center;
	margin-top: 100px;
}