.\-reveal {
	opacity: 0;
}
.animated.\-reveal {
	opacity: 1;
}

.animated.delay-100ms  { -webkit-animation-delay:  100ms; animation-delay:  100ms; }
.animated.delay-200ms  { -webkit-animation-delay:  200ms; animation-delay:  200ms; }
.animated.delay-300ms  { -webkit-animation-delay:  300ms; animation-delay:  300ms; }
.animated.delay-400ms  { -webkit-animation-delay:  400ms; animation-delay:  400ms; }
.animated.delay-500ms  { -webkit-animation-delay:  500ms; animation-delay:  500ms; }
.animated.delay-600ms  { -webkit-animation-delay:  600ms; animation-delay:  600ms; }
.animated.delay-700ms  { -webkit-animation-delay:  700ms; animation-delay:  700ms; }
.animated.delay-800ms  { -webkit-animation-delay:  800ms; animation-delay:  800ms; }
.animated.delay-900ms  { -webkit-animation-delay:  900ms; animation-delay:  900ms; }
.animated.delay-1100ms { -webkit-animation-delay: 1100ms; animation-delay: 1100ms; }
.animated.delay-1200ms { -webkit-animation-delay: 1200ms; animation-delay: 1200ms; }
.animated.delay-1300ms { -webkit-animation-delay: 1300ms; animation-delay: 1300ms; }
.animated.delay-1400ms { -webkit-animation-delay: 1400ms; animation-delay: 1400ms; }
.animated.delay-1500ms { -webkit-animation-delay: 1500ms; animation-delay: 1500ms; }
.animated.delay-1600ms { -webkit-animation-delay: 1600ms; animation-delay: 1600ms; }
.animated.delay-1700ms { -webkit-animation-delay: 1700ms; animation-delay: 1700ms; }
.animated.delay-1800ms { -webkit-animation-delay: 1800ms; animation-delay: 1800ms; }
.animated.delay-1900ms { -webkit-animation-delay: 1900ms; animation-delay: 1900ms; }


.c-grid .col.\-fill.\-vrule {
	height: auto;
	align-self: stretch;
	position: relative;
}
.c-grid .col.\-fill.\-vrule:before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	bottom: 0;
	border-left: 1px solid #fff;
}


/* -------------------------
	HEAD
------------------------- */

#tpl-head {
	overflow: hidden;
}


#tpl-head img {
	margin: 0 auto -68px;
}

@media only screen and (max-width: 500px) {
	#tpl-head h1 {
		font-size: 30px;
	}
}

/* -------------------------
	TROUVER
------------------------- */

#tpl-trouver .opaque {
	background-color: rgba(255, 255, 255, 0.6);
}

#tpl-trouver .button {
	font-size: 20px;
}

/* -------------------------
	PERMETTEZ
------------------------- */

#tpl-permettez .c-box {
	overflow: hidden;
	position: relative;
}
#tpl-permettez .icon {
	position: relative;
	float: right;
}
#tpl-permettez .text {
	position: relative;
	float: left;
	max-width: 360px;
	padding: 34px;
	background-color: rgba(255, 255, 255, 0.8);
}

@media only screen and (max-width: 900px) {
	#tpl-permettez .icon {
		max-width: 160px;
		margin: 0 auto 20px;
		float: none;
	}
	#tpl-permettez .text {
		float: none;
		padding: 0;
		margin: 0 auto;
		text-align: center;
		background-color: transparent;
	}
	#tpl-permettez .c-box .back {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(220, 220, 220, 0.8);
	}

	#tpl-permettez .-bg-image {
		background-position: 85% center;
	}
}


#tpl-permettez .button {
	background-color: #001556;
}