#fengshui .title {
	height: 200px;
	display: flex;
}

#secteurs .title {
	height: 150px;
	display: flex;
}

#fengshui .subtitle, #secteurs .subtitle {
	height: 100px;
	display: flex;
	text-align: center;
}

#secteurs .subtitle h2 {
	margin: auto;
}

#fengshui .title h1, #secteurs .title h1  {
	margin: auto;
	margin-top: 100px;
}

#fengshui h2, #secteurs h2 {
	font-size: 2.6rem;
}

#fengshui .subtitle div, #secteurs .subtitle div {
	margin: auto;
	text-align: center;
}

#fengshui .conteneur, #secteurs .conteneur {
	display: flex;
}

#secteurs .conteneur.bas {
	margin-bottom: 50px;
}

#fengshui .conteneur__texte, #secteurs .conteneur__texte {
	flex: 1;
	margin-left: 5rem;
}

#fengshui .conteneur__texte p, #secteurs .conteneur__texte p {
	max-width: 100%;
    text-align: justify;
	margin-bottom: 20px;
}

#fengshui .conteneur .conteneur__image img, #secteurs .conteneur .conteneur__image img {
	display: flex;
	margin: auto;
	margin-bottom: 1.5rem;
}

#fengshui .conteneur article, #secteurs .conteneur article {
    display: flex;
	align-items: center;
}


#fengshui .conteneur .tableau-a-droite, #fengshui .conteneur .tableau-a-gauche, #secteurs .conteneur .tableau-a-droite, #secteurs .conteneur .tableau-a-gauche {
	display: flex;
}

#fengshui .conteneur .tableau-a-droite .conteneur__tableau, #secteurs .conteneur .tableau-a-droite .conteneur__tableau {
	order: 1;
	margin-left: 5rem;
}

#fengshui .conteneur .tableau-a-gauche .conteneur__tableau, #secteurs .conteneur .tableau-a-gauche .conteneur__tableau {
	order: 0;
	margin-right: 5rem;
}


#fengshui .conteneur__image .texte_boussole {
	margin: 0 auto;
	margin-bottom: 1.5rem;
}




/* ---------------------------------------
		TABLEAU
---------------------------------------- */

#fengshui table {
	border: 1pt solid #e0e0e0;
    margin: 0 auto;
    color: #632063;
    max-width: 550px;
	border-collapse: collapse;
	margin-bottom: 30px;
	/*width:100%; */
}

#fengshui table th {
	color: white;
	background: #666;
	font-weight: bold;
}

#fengshui table th, #fengshui table td {
	text-align: center;
	padding: 5px;
	border-right: 1px solid #e0e0e0;
}

#fengshui table tbody tr:nth-child(odd) td {
	background: #efefef;
}

#fengshui table tbody tr:nth-child(even) td {
	background: #cdcdcd;
}

/*
@media screen and (max-width:800px) {
	#fengshui table {
		display: flex;
	}

	#fengshui table thead {
		width: 20%;
		min-width: 90px;
	}

	#fengshui table tbody {
		flex: 1;
	}

	#fengshui table tr {
		display: flex;
		flex-direction: column;
	}

	#fengshui table th, #fengshui table td {
		text-align: left;
		border-right: 0;
		border-bottom: 1px solid #e0e0e0;
	}
*/
	/*#fengshui table tr:last-child td:last-child {
		border-bottom: 0;
	}*/
/*
	#fengshui table tbody tr:not(:first-child) td::before {
		position: absolute;
		content: 'Direction';
		color: white;
		font-weight: bold;
		width: calc(20% - 13px);
		min-width: 90px;
		padding: 5px;
		border-bottom: 1px solid #e0e0e0;
		margin-left: calc(-20% - 2px);
		margin-top: -5px;
	}
*/
	/*#fengshui table tbody tr:last-child td:last-child::before {
		border-bottom: 0;
	} */
/*
	#fengshui table tbody tr:not(:first-child) td:nth-of-type(2)::before {
		content: 'Correspond au secteur';
	}

	#fengshui table tbody tr:not(:first-child) td:nth-of-type(3)::before {
		content: 'Son élément';
	}
}

@media screen and (max-width:461px) {
	#fengshui table tbody tr:not(:first-child) td::before {
		margin-left: -95px;
	}
}
*/
@media screen and (max-width: 640px) {

	#fengshui .conteneur .conteneur__tableau img, #secteurs .conteneur .conteneur__tableau img {
		display: none;
	}

	#fengshui .conteneur .conteneur__texte.pied p, #secteurs .conteneur .conteneur__texte.pied p {
		margin-right: 4.5rem;
		/*padding: 0 1em;*/
	}

	#fengshui h1, #fengshui h2, #secteurs h1, #secteurs h2 {
		text-align: center;
		padding: 0 1em;
	}

	#fengshui .conteneur .tableau-a-droite p, #fengshui .conteneur .tableau-a-gauche p, #secteurs .conteneur .tableau-a-droite p, #secteurs .conteneur .tableau-a-gauche p {
		justify-content: center;
	}

	#fengshui .conteneur .tableau-a-droite .conteneur__tableau, #secteurs .conteneur .tableau-a-droite .conteneur__tableau {
		justify-content: center;
	}

	#fengshui .tableau-a-droite, #secteurs .tableau-a-droite {
		padding: 0 -1em;
	}

	#fengshui .tableau-a-gauche, #secteurs .tableau-a-gauche {
		padding: 0 3em;
	}

	#fengshui .conteneur .tableau-a-gauche .conteneur__tableau, #secteurs .conteneur .tableau-a-gauche .conteneur__tableau {
		margin-right: -5rem;
	}		

	#fengshui table,
	#fengshui tbody,
	/*#fengshui table th,*/
	#fengshui table tr,
	#fengshui table td {
		display: block;
		/*width: auto!important;*/
		/* parceque tu as mis des style inline grrr */
	}
	#fengshui table tr {
		border-bottom: 1px solid black;
	}
	#fengshui table thead {
		display: none;
	}
	#fengshui table tbody tr:first-child  td{
		content: 'Direction';
	}
}

@media screen and (max-width: 390px) {
	#fengshui h1, #secteurs h1 {
		font-size: 3.2rem;
		text-align: center;
		padding: 0 1em;
	}

	#fengshui h2, #secteurs h2 {
		font-size: 2.2rem;
		text-align: center;
		padding: 0 1em;
	}

	#fengshui h3, #secteurs h3 {
		font-size: 1.8rem;
		text-align: center;
		padding: 0 1em;
	}
}