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); */

}

@font-face {
    font-family: "Quicksand";
    src: url('images/Quicksand_Book.otf');
}

@font-face {
    font-family: "Quicksand";
    font-weight: bold;
    src: url('images/Quicksand_Bold.otf');
}

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

#corps1
{
	max-width: 100%;
	margin: auto;
	margin-top: 3em;
	height: 34em;
	background-image: url("images/backgroundImage.png");
	background-repeat: repeat-x;
	/* border: 1px solid transparent; */
}

#content
{
	float: center;
	width: 63em;
	margin: auto;
	height: 32em;
	/*border: 1px solid rgb(0, 0, 0);	*/

}

#mainDescriptionContainer
{
	min-width: 100%;
	padding: 0px;
	height: 6em;
	/*border: 1px solid rgb(255, 255,0);	*/

}

#mainDescription
{
	width: 83%;
	display: block;
	margin-top: 0.6em;
	margin-left: auto;
	margin-right: auto;
	height: 5em;
	/*border: 1px solid rgb(0, 255,255);	*/

}

#mainTitleContainer1
{
	min-width: 100%;
	padding: 0px;
	margin-top: 2em;
	height: 5em;
	/*border: 1px solid rgb(255, 0, 0);	*/
}

#mainTitleContainer2
{
	min-width: 100%;
	padding: 0px;
	margin-top: 3em;
	height: 5em;
	/*border: 1px solid rgb(255, 0, 0);	*/
}

#imagesBubblesContainer
{
	min-width: 100%;
	padding: 0px;
	height: 8em;
	margin-top: 1em;
	display: inline-block;
	/*border: 1px solid rgb(0,255,0);	*/
}

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

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

#descriptionsBubblesContainer
{
	min-width: 100%;
	padding: 0px;
	height: 10em;
	display: inline-block;
	/*border: 1px solid rgb(0,0,0);	*/
}


/*--------------------------------------- Corps2 -------------------------------------------------- */

#corps2
{
	max-width: 100%;
	margin: auto;
	margin-top: 1em;
	height: 34em;
	background-image: url("images/backgroundImage.png");
	background-repeat: repeat-x;
	border: 1px solid transparent;
}

/*--------------------------------------- Corps3 -------------------------------------------------- */

#corps3
{
	max-width: 100%;
	margin: auto;
	margin-top: 1em;
	height: 23em;
	background-image: url("images/backgroundImage.png");
	background-repeat: repeat-x;
	border: 1px solid transparent;
}

#content3
{
	width: 63em;
	margin: auto;
	height: 18em;
	/*border: 1px solid rgb(0, 0, 0);	*/

}

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

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

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

#tarifsTextContainer1
{
	float: left;
	width: 84%;
	padding: 0px;
	padding-top: 1em;
	height: 100%;
	text-align: justify;
	/*border: 1px solid rgb(0,0,255);*/
}

#tarifsTextContainer2
{
	float: left;
	width: 100%;
	padding: 0px;
	padding-top: 0.8em;
	height: 100%;
	text-align: justify;
	/*border: 1px solid rgb(0,0,255);*/
}


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

#bubbleImage
{
	width: 7em;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#cochonImage
{
	width: 6em;
	display: block;
	margin-right: auto;
}

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

.mainDescriptionText
{
    font-family: "Proxima Nova", 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 13pt;
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.mainTitleText1
{
	font-family: "Proxima Nova Bold", 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 50px;
	color: rgb(80, 80, 80);
}

.mainTitleText2
{
	font-family: "Proxima Nova Bold", 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 50px;
	display: block;
	text-align: right;
	color: rgb(80, 80, 80);
}

.bubbleTitle
{
    font-family: "Proxima Nova", 'Helvetica Neue', Arial, Helvetica, sans-serif;
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: black;
	/*border: 1px solid rgb(255,0,0);*/
}

.bubbleDescription
{
    font-family: "Proxima Nova", 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 14px;
	width: 70%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	/*border: 1px solid rgb(255,0,0);*/
}

.tarifsDescription
{
	font-family: "Proxima Nova", 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 13pt;
    text-align: justify;
    width: 100%;
}

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

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