.main {
	position: relative;
	text-align: center;
	font-size: 14px;
	width: 100%;
	height: 548px;
	margin: 0;
	padding: 0;
/*	background: #21221f;*/
	background: #000000;
	background-image:
		linear-gradient(
			rgba(0, 0, 0, 0.7),
			rgba(0, 0, 0, 0.7)
		), url("img/fondIndex.png");
	background-repeat: repeat;
	color: #fff1de;
}

.fondMain {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
}

.formeChat {
	float: left;
	width: 200px;
	height: 274px;

	/* nécessaire pour activer shape-outside */
	background: transparent;

	shape-outside: polygon(
	    	0px 0px,
	    	110px 0px,
		110px 70px,
		190px 70px,
		190px 274px,
		0px 274px
	);
	shape-margin: 0px;
    
	z-index: 2;
}

.texteMain {
	text-align: justify;
	position: relative;
	padding: 5px;
	z-index: 2;
}

.texteMain h1, h2, h3, h4, h5, h6 {
	text-align: center;
}

.texteMain h1 {
	font-family: 'AlienEncountersSolid', sans-serif;
	font-size: 15px;
}

.texteMain h2 {
	font-family: 'AlienEncountersSolid', sans-serif;
	font-size: 13px;
	font-weight: 200;
	line-height: 1.3;
	margin-top: 10px;
}

.texteMain h4 {
	margin-top: 15px;
	font-size: 15px;
	font-family: 'Rachana', serif;
	line-height: 1.2;
	letter-spacing: 0.04em;
}

.texteMain p {
	position: absolute;
	top: 274px;
	width: calc(100% - 120px);
	text-align: center;
	font-family: 'Rachana', serif;
	line-height: 1.1;
	font-size: 16px;
	letter-spacing: 0.01em;
}

.tiretNonTel {
	display: none;
}

.brtel {
	display: inline;
}

.fondMainDroite {
	position: absolute;
	top: 274px;
	right: 0;
	z-index: 1;
	overflow: hidden;
}

.formeMainDroite {
	float: left;
	width: 120px;
	height: 274px;

	z-index: 2;
}

@media (min-width: 768px) {
	.main {
		position: relative;
		text-align: center;
		font-size: 15px;
		width: 100%;
		height: 514px;
		margin: 0;
		padding: 0;
	}

	.fondMain {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		overflow: hidden;
	}

	.formeChat {
	    float: left;
	    width: 375px;
	    height: 514px;

	    /* nécessaire pour activer shape-outside */
	    background: transparent;

	    shape-outside: polygon(
	    	0px 0px,
	    	205px 0px,
		205px 130px,
		325px 130px,
		325px 514px,
		0px 514px
	    );
	    shape-margin: 0px;
	    
	    z-index: 2;
	}

	.texteMain {
		position: relative;
		width: calc(100% - 200px);
		height: 514px;
		padding: 10px;
		z-index: 2;
	}

	.texteMain h1, h2, h3, h4, h5, h6 {
		text-align: center;
	}

	.texteMain h1 {
		font-size: 28px;
		line-height: 1.5;
	}

	.texteHero h2 {
		margin-top: 5px;
		font-size: 22px;
	}

	.texteMain h4 {
		margin-top: 15px;
		font-size: 20px;
		line-height: 1;
		letter-spacing: 0.03em;
	}

	.texteMain p {
		position: revert;
		margin-top: 5px;
		top: auto;
		width: auto;
		text-align: center;
		font-size: 15px;
		letter-spacing: 0.01em;
	}

	.tiretNonTel {
		display: inline;
	}
	
	.brtel {
		display: none;
	}

	.fondMainDroite {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;
		overflow: hidden;
	}
}

@media (min-width: 1200px) {

	.main {
		position: relative;
		text-align: center;
		font-size: 16px;
		width: 100%;
		height: 800px;
		margin: 0;
		padding: 0;
	}

	.fondMain {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		overflow: hidden;
	}

	.formeChat {
		float: left;
		width: 584px;
		height: 800px;

		/* nécessaire pour activer shape-outside */
		background: transparent;

		shape-outside: polygon(
			0px 0px,
			320px 0px,
			320px 175px,
			500px 200px,
			500px 800px,
			0px 800px
		);
		shape-margin: 0px;

		z-index: 2;
	}

	.texteMain {
		text-align: justify;
		position: relative;
		width: calc(100% - 320px);
		padding: 10px;
		z-index: 2;
	}

	.texteMain h1, h2, h3, h4, h5, h6 {
		text-align: center;
	}

	.texteMain h1 {
		font-size: 32px;
	}

	.texteMain h2 {
		font-size: 26px;
	}

	.texteMain h4 {
		margin-top: 15px;
		font-size: 22px;
	}

	.texteMain p {
		position: revert;
		margin-top: 50px;
		top: auto;
		width: center;
		text-align: auto;
		font-size: 18px;
	}
	
	.tiretNonTel {
		display: inline;
	}

	.brtel {
		display: none;
	}

	.fondMainDroite {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;
		overflow: hidden;
	}
}