@import url('https://fonts.cdnfonts.com/css/aller');

body{
	font-family: Arial, sans-serif;	
	background: #1C1C1B;
}

.col-lg-12 img, .col-lg-6 img, .col-lg-8 img{
	width: 100%;	
}

.mt30{
	margin-top:30px;
}
.mt20{
	margin-top:20px;
}
.mt10{
	margin-top:10px;
}
.mb20{
	margin-bottom:20px;
}
.mt50{
	margin-top:50px;
}
.mt70{
	margin-top:70px;
}
.mb50{
	margin-bottom:50px;
}
.mb30{
	margin-bottom:30px;
}
.mb100{
	margin-bottom:100px;
}
.mb120{
	margin-bottom:120px;
}
.mb150{
	margin-bottom:150px;
}

.text-success{
	font-size:22px;
}
p{
	font-family: "Aller", Arial, sans-serif;
	text-align: left;
	color: #FFF;
	font-size: 1.4em;
	line-height: 1.4em;	
	margin-bottom: 20px;
}

#fleche-rouge {
  animation: clignoter-fade 2s infinite;
}

@keyframes clignoter-fade {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

@media (min-width:1200px){
	.col-lg-12 img, .col-lg-6 img, .col-lg-8 img{
		width: 82%;	
	}
}
@media (min-width:991px) and (max-width:1024px){
	.col-lg-12 img, .col-lg-6 img, .col-lg-8 img{
		width: 90%;	
	}
}
@media (min-width:992px){
	img#intro {
		width:800px;
	}
	video#bgvid {
		max-width: 100%;
		max-height: 100%;
	}
}

/* AJUSTEMENTS TABLETTE */
@media (max-width:778px){
	img{
		max-width: 400px;
	}
	img#intro {
		width:90%;
	}
	
	/* Padding container mobile */
	.container {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	/* Texte plus petit sur mobile */
	p {
		font-size: 1.2em;
		line-height: 1.2em;
	}
	
	.text-success{
		font-size:18px;
	}
}