html
{
	margin : 0;
	padding : 0;
	min-height : 100%;
	min-width : 100%;
	min-width: 70em;
}

body
{
	overflow: auto;
	padding : 0;
	min-height : 100%;
	min-width : 100%;
   margin: auto;
   margin-bottom: 0px;
   margin-top: 0px;
     /* border: 1px solid rgb(255,0,0); */

}

/*--------------------------------------- Corps1 -------------------------------------------------- */

#corps1
{
	max-width: 100%;
	margin: auto;
	margin-top: -72px;
	height: 40em;
	float: left;
	/* border: 1px solid green; */
}

#content
{
	min-width: 65em;
	margin: auto;
	height: 75%;
	background-image: url("../images/woodTexture.jpg");
	background-size: 100%;
	overflow: hidden;
	/* border: 1px solid rgb(0, 0, 255); */
}

#firstLineContainer
{
	min-width: 100%;
	height: 38%;
	padding: 0px;
	display: inline-block;
	/* border: 1px solid rgb(255, 255,0);	*/

}

#secondLineContainer
{
	width: 100%;
	height: 60%;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	/* border: 1px solid rgb(0, 255,255);	*/
}

#introductionContainer
{
	float: left;
	width: 42%;
	height: 100%;
	/* border: 1px solid rgb(0, 0,255);	*/
}

#introductionTexts
{
	float: right;
	width: 80%;
	height: 80%;
	/* border: 1px solid rgb(255, 0,0);	*/
}

#iphone
{
	float: left;
	width: 28%;
	height: 100%;
	/* border: 1px solid rgb(0, 0,255);	*/
}

#ipad
{
	float: right;
	width: 28%;
	height: 100%;
	/* border: 1px solid rgb(0, 0,255);	*/
}

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

#footerIndex
{
	min-width: 65em;
	margin: auto;
	height: 25%;
	overflow: hidden;
	/* border: 1px solid rgb(0, 0, 255); */
}

.devisButton
{
	width: 6em;
	margin-top:3em;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------- Images -------------------------------------------------- */

.plant
{
	width: 16em;
	height: 16em;
	float: left;
	/* border: 1px solid rgb(255, 0, 0);	*/
}

.coffee
{
	width: 10em;
	height: 10em;
	float: right;
	margin-right: 8em;
	margin-top: 2em;
	align: auto;
	/* border: 1px solid rgb(255, 0, 0);	*/
}

#imagePlant
{
	width: 100%;
	margin-top: -4em;
	margin-left: -5em;
}

#imageCoffee
{
	width: 100%;
	margin-top: 0em;
	margin-left: 0em;
}

#imageIphone
{
	height: 110%;
	display: block;
	margin-top: -5em;
	margin-left: auto;
	margin-right: auto;
}

#imageIpad
{
	height: 27em;
	display: block;
	margin-top: 0em;
	margin-left: 8em;
}

/*--------------------------------------- Textes -------------------------------------------------- */

.introductionTitle
{
    font-family: "Proxima Nova Bold", 'Helvetica Neue Bold', Arial, Helvetica, sans-serif;
	font-size: 30px;
	width: 100%;
	text-align: left;
	color: white;
	font-style: bold;
}

.introductionDescription
{
    font-family: "Proxima Nova Light", 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 18px;
	width: 100%;
	text-align: justify;
	color: white;
}

.copyright
{
	font-family: "Proxima Nova Light", 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 100%;
	text-align: center;
	color: gray;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------- Helpers -------------------------------------------------- */

div {
      /* border: 1px solid transparent; */
}