@import url(https://fonts.googleapis.com/css?family=Cardo);
body.intro {
	min-height: 100vh;
	background-color: #000;
}
h1.article_title {
	font-family: 'Cardo', serif;
}
.video-flex {
	position:relative;
	max-width:100%;
}
.daily-vid {
	display:block;
	margin:auto;	
}
.overlay-gradient {
		background-image: linear-gradient(to bottom, transparent 20%, #000);
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		transition: all 0.3s ease-out 0s;
}

div#actualites-premium .article-premium .wrapper .video-flex .full {
	position: absolute;
	top: 30%;
	left:0%;
	background:rgba(244, 244, 244, 0.5);
	box-shadow: 0px 0px 30px rgba(30, 30, 30, 0.8);
	z-index: 9;
}
div#actualites-premium .article-premium .wrapper .video-flex .full blockquote {
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6);
}
.video-flex {
	position: relative;
	height: auto;
}
.video-flex .gfyitem > div, .video-flex .gfyitem .gfyPreLoadCanvas, .video-flex .gfyitem .gfyVid, .video-flex .gfyitem .gfyGif {
	position: absolute !important;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.gfyitem {
	height: 100vh !important;
}
.gfyCtrlBox, .gfyDotCanvas {
	display:none !important;
}
figure.auto-center {
	text-align:center;
}
.well figure {
	width: 100% !important;
	margin-left:auto !important;
}
.well figure img {
	width: 100% !important;
}
.well {
	overflow:hidden;
}
.well h2.article_chapter::before {
 border-top: none !important;
 margin-bottom:auto !important;
}
.rs-container img {
	max-width:50px;
}
section.wrapper {
	position: relative;
}
.chevron-container {
	bottom: 0;
	color: #fff;
	font-size: 52px;
	left: 50%;
	position: absolute;
	border-radius: 5px 5px 0 0;
	padding: 5px;
	transition-duration: .2s;
	transition-timing-function: ease-in;
	z-index: 10;
	text-align: center;
	animation: faded-to-bottom 1.5s linear;
}
.chevron-container a, .chevron-container a:active, .chevron-container a:hover {
	color:#FFF
}
.animated {
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	animation-fill-mode:both;
}
#intro-container {
	max-height:100vh;
	overflow:hidden;
}
.anim-cover h2 {
	width: 750px;
	margin: 0 auto;
	color: #FFF;
	margin-bottom: 20px;
	font-style:normal;
	font-weight:bold;
	font-size: 40px;
}
.anim-cover p.article_text {
	margin-bottom: 20px !important;
}
@keyframes faded-to-bottom{
     from { 
	 	bottom:30px;
		opacity: 0; 
	 }
     50%  { 
	 	bottom:0px;
		opacity: 1; 
	 }
     to   { 
		 bottom:-30px;
		opacity: 0; 
	 }
}
@media only screen and (min-width: 1000px) and (max-width: 1300px) {
		#parag01 .full {
			top: 12% !important;
		}
		#parag02 .full {
			top: 58% !important;
		}
		#parag04 .full {
			top: 67% !important;
		}
		#parag05 .full {
			top: 66% !important;
		}
		div#actualites-premium .article-premium .wrapper .article_content figure.auto-center img, div#qui-sommes-nous .article-premium .wrapper .article_content figure.auto-center img {
			max-width: 900px !important;	
		}
		div#actualites-premium .article-premium .wrapper .article_content figure.auto-center, div#qui-sommes-nous .article-premium .wrapper .article_content figure.auto-center {
			margin-left: -100px !important;	
		}
}
@media only screen and (max-width: 1000px) {
	.full {
		position: relative !important;
		top: auto !important;
		left:auto !important;	
		padding-left: 20px !important;
	}
}