#bandeau-slider{
    height: 500px;
	width: 100%;
	overflow: hidden;
}
/*#bandeau-slider-fixed{
    height: 100%;
	position: relative;
	width: 100%;
}*/
#bandeau-slider-fixed {
    padding-left: 0;
    padding-right: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
#bandeau-slider-slides{
    height: 100%;
	width: 100%;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: center;
	position: absolute;
    left: 0;
	transition: var(--transition-all);
}
.bandeau-slider-container{
    height: 100%;
    background-position-y: top;
    background-position-x: 100%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    max-width: 3000px;
    width: 100%;
    margin: 0 auto;
}
    .bandeau-slider-cote{
        width: calc( (100% - var(--section-max-width)) / 2 );
    }
    .bandeau-slider-cote-blanc{
        height: 100%;
        background-color: white;
    }
    .bandeau-slider-block{
        height: 100%;
        width: 100%;
        max-width: var(--section-max-width);
    }
    .bandeau-slider-block-container{
        height: 100%;
        display: flex;
        width: 60%;
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,.8) 70%, rgba(255,255,255,0) 100%);
    }
        .bandeau-slider-text{
            height: 100%;
            width: 50%;
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            align-content: flex-start;
            justify-content: center;
            align-items: flex-start;
            margin-left: 20%;
            /*background-color: white;*/
        }
        .bandeau-slider-text h1,
        .bandeau-slider-text h2,
        .bandeau-slider-text h3,
        .bandeau-slider-text h4{
            color: var(--col-red);
            font-weight: 900;
            text-transform: uppercase;
            line-height: 1;
        }
        .bandeau-slider-text h1{
            font-size: 200%;
        }
        .bandeau-slider-text h2{
            font-size: 200%;
        }
        .bandeau-slider-text h3{
            font-size: 150%;
        }
        .bandeau-slider-text h4{
            font-size: 125%;
        }
        .bandeau-slider-text p{
            font-size: 110%;
            font-weight: 600;
            line-height: 1;
            margin-top: 1em;
        }
        .bandeau-slider-text a.button{
            margin-top: 1em;
        }

.bandeau-slider-bt{
	position: absolute;
	top:0;
	font-size: 300%;
	height: 100%;
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
	padding:0 1em;
	cursor: pointer;
	color: white;
	text-shadow: 0px 0px 4px rgba(0,0,0,0.4), 0px 0px 14px rgba(0,0,0,0.2);
	z-index: 10;
}
#bandeau-slider-left{
	left:1%;
    position: absolute;
    width: 1em;
}
#bandeau-slider-right{
	right:1%;
    position: absolute;
    width: 1em;
}

.bandeau-slider-bt:hover{
	color: var(--col-red);
	text-shadow: none;
}

@media screen and (max-width: 1079px) {
    #bandeau-slider-left{
        left:3%;
    }
    #bandeau-slider-right{
        right:3%;
    }
    .bandeau-slider-block-container {
        background: linear-gradient(90deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .9) 30%, rgba(255, 255, 255, .8) 50%, rgba(255, 255, 255, 0) 100%);
    }
}