.blue-section{
		background-color: #1dbfd7;
		/* width: 100%; */
	}

.logo-etiquette-accueil, .logo-etiquette{
		box-shadow: 1px 1px 15px rgba(0,0,0,0.5);
	}

	.logo-etiquette-accueil{
		height: 180px;
		width: 180px;
		margin: 0 auto;
		border-radius: 0 0 12% 12%;
		background: center #f0f0f0;
		vertical-align : top;
		}	

/* FLEX RESP */
.flex {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}

.flex-row {
	-ms-flex-direction: row;
	    flex-direction: row;
}

.flex-col {
	-ms-flex-direction: column;
	    flex-direction: column;
}

.flex-wrap {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.flex-justify-space-between {
	-ms-flex-pack: justify;
	    justify-content: space-between;
}

.flex-justify-space-around {
	-ms-flex-pack: distribute;
	    justify-content: space-around;
}

.section-side-sm {
	width: 25%;
}

.section-side-xl {
	width: 75%;
}

.section-side-med {
	width: 50%;
}

@media (min-width: 800px) {
	.section-side-tier {
		-ms-flex-preferred-size: 25%;
		    flex-basis: 25%;
	}
/* # FLEX RESP */

/* FOOTER LOGOS */
footer{
	width: 100%;
	padding: 20px 0 0 0;
	background-color: white;
}

@media (min-width: 800px) and (max-width: 1024px) {
	footer{
		position: absolute;
		bottom: 0;
	}
}

	@media (max-width: 800px) {
		footer{
		position: absolute;
		bottom: 0;
	}
}

	.logo-footer{
		margin-right: 20px;
	}

	.legal{
		margin-top: 41px;
		text-decoration: none;
		font-weight: 700;
		float: right;
	} 


.features {
	position: relative;
	z-index: 10;
}

@media (max-width: 800px) {
	.features .section {
		-ms-flex-direction: column !important;
		    flex-direction: column !important;
	}
}

/* # FOOTER LOGO */
h1, h2, .text-spe{
	font-family: 'PT Sans', sans-serif;
	
}

h1, h2{
	margin-bottom: 20px;
	display: block;
	color: white;
}
.text-white{
		color: white;
	}
.text-center{
		text-align: center;
	}
.text-brown{
		color: #665756;
	}
.text-blue{
		color: #1dbfd7;
	}

/* 	TITRE VAGUE  */
	h1{
		font-size: 22pt;
		padding-bottom: 70px;
	}

		@media all and (max-width: 1024px){
				h1{
					font-size: 30pt;
					/* background: url("../img/vague.png") no-repeat 50% 60%; */
				}
			}

		/* 	TITRE VAGUE  */
			.vague-bleu{
				background: url("../img/vague.png") no-repeat 50% 50%;
			}

			.vague-blanc{
				background: url("../img/vague-bc.png") no-repeat 50% 50%;
			}

	h2, .text-spe{
		font-size: 14pt;
		letter-spacing: 0.5pt;