/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 3 févr. 2021, 15:02:25
    Author     : jeanchris
*/
#image-header{
    background-color: #ddd;
    width:100%;
    height:500px;
    overflow: hidden;
    position: relative;
}

#image-header .carousel-control{
    display:none;
}

.field--name-field-images-header{
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    width: 100%;
}

#titre-sur-header{
    z-index: 100;
    padding: 0px 11px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%); 
    width: 100%;
    text-align:center;
}

#titre-sur-header h1{
    color: white!important;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 1px 1px 6px rgb(0 0 0 / 60%);
    border-bottom: 5px solid transparent;
    background: transparent;
    padding: 8px 15px;
    line-height: 45px;
}

#titre-sous-header{
    text-align:center;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
}

#image-header video{
    width:100%;
    height:auto;
}