/***COULEURS CAROUSEL***/

/***AUBERGINE CORAIL***/

.bg-eggplant .home-carousel-item  {
	background: #391325;
}
.fg-corail .home-carousel-title:after,
.fg-corail .slick-dots > li.slick-active,
.fg-corail .slick-dots > li:hover,
.fg-corail .buttons .play:hover svg polygon,
.fg-corail .buttons .play.active svg polygon,
.fg-corail .buttons .pause:hover svg rect,
.fg-corail .buttons .pause.active svg rect  {
	background: #e55f50;
	fill:#e55f50;
	outline: none;
}

.fg-corail .home-carousel-title {
	color: #e55f50;
}

/***MARRON FUSHIA***/

.bg-darkbrown .home-carousel-item {
	background: #250708;
}
.fg-fushia .home-carousel-title:after,
.fg-fushia .slick-dots > li.slick-active,
.fg-fushia .slick-dots > li:hover,
.fg-fushia .buttons .play:hover svg polygon,
.fg-fushia .buttons .play.active svg polygon,
.fg-fushia .buttons .pause:hover svg rect,
.fg-fushia .buttons .pause.active svg rect {
	background: #eb2d90;
	fill:#eb2d90;
	outline: none;
}

.fg-fushia .home-carousel-title {
	color: #eb2d90;
}

/***NOIR ROUGE***/

.bg-red .home-carousel-item {
	background: #e9041e;
}
.fg-black .home-carousel-title:after,
.fg-black .slick-dots > li.slick-active,
.fg-black .slick-dots > li:hover,
.fg-black .buttons .play:hover svg polygon,
.fg-black .buttons .play.active svg polygon,
.fg-black .buttons .pause:hover svg rect,
.fg-black .buttons .pause.active svg rect  {
	background: #000;
	fill:#000;
	outline: none;
}

.fg-black .home-carousel-title {
	color: #000;
}

/***ROUGE NOIR***/

.bg-black .home-carousel-item{
	background: #000;
}
.fg-red .home-carousel-title:after,
.fg-red .slick-dots > li.slick-active,
.fg-red .slick-dots > li:hover,
.fg-red .buttons .play:hover svg polygon,
.fg-red .buttons .play.active svg polygon,
.fg-red .buttons .pause:hover svg rect,
.fg-red .buttons .pause.active svg rect,
.buttons .play:hover svg polygon,
.buttons .play.active svg polygon,
.buttons .pause:hover svg rect,
.buttons .pause.active svg rect  {
	background: #e9041e;
	fill:#e9041e;
	outline: none;
}

.fg-red .home-carousel-title {
	color: #e9041e;
}

/***BLEU SAUMON***/

.bg-bluenight .home-carousel-item {
	background: #010035;
}
.fg-saumon .home-carousel-title:after,
.fg-saumon .slick-dots > li.slick-active,
.fg-saumon .slick-dots > li:hover,
.fg-saumon .buttons .play:hover svg polygon,
.fg-saumon .buttons .play.active svg polygon,
.fg-saumon .buttons .pause:hover svg rect,
.fg-saumon .buttons .pause.active svg rect {
	background: #ee3b45;
	fill:#ee3b45;
	outline: none;
}

.fg-saumon .home-carousel-title {
	color: #ee3b45;
}


.home-carousel *{
	box-sizing: border-box;
}

.home-carousel{
    position: relative;
    overflow: hidden;
    margin: 2em auto 0 ;
    width: 950px; height: 391px;
}

.home-carousel.with-sticky {
	margin-top:7.6em;
}

.home-carousel-slick, .slick-list, .slick-track{
	height: 100%;
}

.home-carousel-item{
	width: 100%;
	height: 100%;
	background: #000000;
}

.home-carousel-item a:hover .home-carousel-title{
	text-decoration: underline;
}

.home-carousel-img-wrapper {
    position:relative;
    overflow:hidden;
	width: 67.58%;
	height: 100%;
	float: left;
}
.home-carousel-img-wrapper.slick-video{
	cursor: pointer;
}

.home-carousel-img-wrapper.slick-video span {
    position:absolute; top:50%; left:50%;
    display:block;
    margin:-28px 0 0 -41px;
    width:83px; height:57px;
    background:url(../images/picto/video-large-play.png) no-repeat;
}

.home-carousel-img-wrapper img{
	width: auto;
	height: 100%;
}

.home-carousel-img-wrapper iframe{
	width: 100%;
	height: 100%;
}

.home-carousel-text-wrapper{
	float: right;
	width: 32.42%;
	height: 265px;
	padding: 44px 30px;
	color: #FFF;
}

.home-carousel-title{
	font-size: 1.25rem;
  	font-family: "Montserrat",sans-serif;
  	color: #e9041e;
  	text-decoration: none;
  	font-weight: 800;
  	text-transform: uppercase;
  	line-height: 1.3;
  	margin-bottom: 2rem;
  	position: relative;
}

.home-carousel-title:after {
	content: " ";
	background-color: #e9041e;
  	width: 8.375rem;
  	height: 0.281rem;
  	position: absolute;
  	bottom: -1.125rem;
  	left: -3.125rem;
}



.home-carousel-text{
	font-size: 0.9375rem;
  	font-family: "Source Sans Pro",sans-serif;
  	color: #fff;
  	line-height: 1.538;
  	font-weight: normal;
}

.home-carousel-text p{
	margin-bottom: 10px;
}

.home-carousel-nav{
	position: absolute;
	bottom: 48px;
	left: 670px;
}

.home-carousel-nav ul{
	margin: 0;
	padding-left: 0;
}

.home-carousel-nav li{
	display: inline-block;
	width: 1rem;
  	height: 5px;
  	max-height: 5px;
	padding: 0;
	margin-right: 6px;
	transition: .3s ease-in;
	background: white;
	cursor: pointer; 
}

.home-carousel-nav button{
	font-size: 0;
	line-height: 0;
	display: block;
	padding: 0;
	cursor: pointer;
	background: transparent;
	outline: none;
	color: transparent;
	border:none; 
}

.home-carousel .buttons {
	position: absolute;
    right: 30px;
    bottom: 44px;
}

.home-carousel .buttons .play, .home-carousel .buttons .pause {
	background: transparent;
    border: none;
    padding:0;
    cursor: pointer;
    outline: none;  
}

.home-carousel .buttons .play svg {
	height: 0.8125rem;
	width: 0.8125rem;
}



.home-carousel .buttons .pause svg {
	height: 0.875rem;
	width: 0.563rem;
}

.home-carousel-nav .slick-active,
.home-carousel-nav li:hover,
.home-carousel-nav li:focus{
	background-color: #e9041e;
    width: 2rem;
    cursor: pointer;
    outline: none;
}

.home-carousel-nav .slick-active button,
.home-carousel-nav li button:hover,
.home-carousel-nav li button:focus,{
	background-color: transparent;
	outline: none;
}

.home-carousel .hide {
	display: none;
}