/***********************************
******* Option : Video banner ******
***********************************/

/* Typographie */
/* La balise span est contrôlée dans le fichier CSS preset associé au style */

#home-video .video-content h1 {
  color: #fff;
  font-family: "Ubuntu", Calibri;
  font-size: 120px;
  font-weight: 700;
  margin-bottom: 30px;
}

#home-video .video-content h2 {
  color: #fff;
  font-family: "Ubuntu", Calibri;
  font-size: 40px;
  text-transform: uppercase;
}

#home-video .video-content h3 {
  color: #fff;
  font-family: "Ubuntu", Calibri;
  font-size: 20px;
  text-transform: uppercase;
}

#home-video .video-content a {
  color: #fff;
  font-family: "Ubuntu", Calibri;
  text-transform: uppercase;
}

/* Bouton de poursuite de navigation */

#home-video

.video-content .btn-start {
  color: #fff;
  font-family: "Ubuntu", Calibri;
  font-size: 14px;
  font-weight: 600;
  padding:14px 40px;
  border: 1px solid #6e6d6c;
  border-radius: 4px;
  margin-top: 140px;
}

.video-content .btn-start:hover {
  color: #fff
}

/* Bouton d'animation "flèche vers le bas" de video-banner */

#home-video .fa-angle-down {
  position: absolute;
  left: 50%;
  bottom: 80px;
  color: #fff;
  display: inline-block;
  width: 24px;
  margin-left: -12px;
  font-size: 24px;
  line-height: 24px;
  z-index: 5;
  -webkit-animation: bounce 3000ms infinite;
  animation: bounce 3000ms infinite;
}

/* Contexte d'affichage */

.video {
	z-index: 2;
}

.video-banner
{
	position: relative;
	height: 1070px;
	background: #000; /* #fff; #12527e; #575757;*/
	z-index: 1;
}

/* Caractéristiques de l'objet vidéo */

.fullscreen-bg__video
{
	position : relative;
	width: auto;
	height: 100%;
	z-index: 3;
}

/* Filtre appliqué à la vidéo : contrôle de la luminosité et de la lisibilité de la légende video-content */ 

.video-filter
{
	background-color: #575757;
	opacity: 0.5;
	z-index: 4;
	/* filter:alpha(opacity=10); */
}

/* Calque de légende affiché sur video-banner */

.video-content
{
	position: absolute;
	top: 25%; /* Règle la hauteur relative de l'affichage de la légende, sur la vidéo */
	margin: 0 auto;
	width: 100%;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	z-index: 5;
}

/*
.video-content h1
{
	font-size: 75px;
	color: #fff;
	font-weight: 700;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)}


.video-content p
{
	font-size: 24px;
	color: #fff;
	margin-bottom: 0px; /* 50px */
/*	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3)}  */
	



/*Presets*/

/**************************************************
******* ADAPTATION RESPONSIVE : Video banner ******
**************************************************/	

/* lg */ 
@media (min-width: 1200px) {
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {

/* Typographie */
#home-video .video-content h1
{
	font-size: 100px
}
#home-video .video-content h2
{
	font-size: 30px
}
#home-video .video-content h3
{
	font-size: 18px
}

}

/* xs */
@media (max-width:767px){

/* Typographie */	
#home-video .video-content h1
{
	font-size: 80px
}

#home-video .video-content h2
{
	font-size: 24px
}

#home-video .video-content h3
{
	font-size: 16px
}

#home-video .video-content h3 span
{
	font-size: 18px
}

}


/* Small xs */
@media (max-width:568px){

}

/* XS Portrait */
@media (max-width: 479px){

.video-content .btn-banner
{
	width: 36px;
	height: 36px;
	line-height: 36px;
	font-size: 21px
}

/* Bouton de poursuite de navigation */
#home-video
.video-content .btn-start {
  margin-top: 60px;
}

/* Bouton d'animation "flèche vers le bas" de video-banner */
#home-video .fa-angle-down {
  bottom: 60px;
}

}