/* Style Ninja Slider Histoire */

#ninja-slider {
    width:100%;
    height: 900px !important;
    background:#191919;
    padding: 0;
    margin:0 auto;
    overflow:hidden;
    box-sizing:border-box;
}

#ninja-slider.fullscreen {
    background:#000;
}

#ninja-slider .fs-icon {
    top:6px;
    right:6px;
    width:60px;
    height:26px;
    background: rgba(0,0,0,0.2);
    z-index:2;
    color:white;
    text-align:center;
    font:bold 11px/26px arial;
    border:1px solid rgba(255,255,255,0.3);
    border-radius:2px;
    opacity:0;
    -webkit-transition:opacity 0.8s;
    transition:opacity 0.8s;
}

#ninja-slider .slider-inner:hover .fs-icon,
#ninja-slider.fullscreen .fs-icon {
    opacity: 1;
}
#ninja-slider.fullscreen div.fs-icon {
    right:30px;
}

#ninja-slider .fs-icon::before {      
    content:"EXPAND";
    display:block;
}

#ninja-slider.fullscreen .fs-icon::before {
    content:"CLOSE";
}

#ninja-slider .slider-inner {
	width: 100%;
	height: 100%;
    margin:0 auto;/*center-aligned */
    font-size:0px;
    position:relative;
    box-sizing:border-box;
}

#ninja-slider.fullscreen .slider-inner {
    width:95%;
    max-width:800px;
}

#ninja-slider ul {
    position:relative;
    list-style:none;
    padding:0;
    box-sizing:border-box;
}

#ninja-slider li {
    
    width:100%;
    height:900px;
    top:0;
    left:0;
    position: absolute;
    font-size:12px;
    list-style:none;
    margin:0;
    padding:0;
    opacity:0;
    overflow:hidden;
    box-sizing:border-box;
}

#ninja-slider li.ns-show {
    opacity:1;
}

/* --------- slider image ------- */  
#ninja-slider .ns-img {
    background-color:rgba(0,0,0,0.3);
    background-size:contain;/*Note: If transitionType is zoom, it will be overridden to cover.*/

    /*decorate border*/
    box-shadow: inset 0 0 2px rgba(255,255,255,.3);
    border-radius:6px;

    cursor:default;
    display:block;
    position: absolute;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center center;
}

/*---------- Captions -------------------*/
#ninja-slider .caption {
    padding:20px 40px;
    margin:auto;
    left:0;right:0;
    top:auto;bottom:0px;
    width:auto;
    text-align:right;
    font-family:sans-serif;
    font-size:11px;
    color:rgba(255,255,255,0.2);
    background:none;
    /*background:rgba(0,0,0,0.12);*/
    position:absolute;
    box-sizing:border-box;
}
#ninja-slider li .cap1 {
    color:rgba(255,255,255,0.5);
    font:bold 32px arial;
    text-align:center;

    opacity:0;
    bottom:40%;
    -webkit-transition:bottom 1.3s, opacity 1s;
    transition:bottom 1.3s, opacity 1s;
}

/*The cap1 of the current slide */
#ninja-slider li[class*='-'] .cap1 {
    opacity:1;
    bottom:20%;
}
#ninja-slider li .cap2 {
    color:rgba(255, 162, 0, 0.5);
    font-size:23px;
    bottom:15%;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

/*The cap2 of the current slide */
#ninja-slider li[class*='-s'] .cap2 {
    bottom:10%;
}

/* ---------Arrow buttons ------- */   
/* The arrow button id should be: slider id + ("-prev", "-next", and "-pause-play") */ 
div.navsWrapper {
    position:absolute;
    width:100%;
    height:50px;
    bottom:20px;
    z-index:10;
}
 
#ninja-slider-prev, #ninja-slider-next
{
    position: absolute;
    display:inline-block;
    width:50px;
    height:50px;
    line-height:50px;
    margin:0;
    border:0;
    backface-visibility:hidden;
    color:white;
    overflow:hidden;
    -webkit-user-select: none;
    user-select:none;
    font-family:sans-serif;
    font-size:14px;
    transition:all 0.5s;
    cursor:pointer;
}

#ninja-slider-prev {
    left:auto; right:50%;
	margin-right:40px;
}

#ninja-slider-next {
    left:50%; right:auto;
    margin-left: 40px;
}

#ninja-slider-prev div, #ninja-slider-next div {white-space:nowrap;opacity:0;position:absolute;}

#ninja-slider-prev::before, #ninja-slider-next::before {
    position: absolute;
    top: 13px;
    content: "";
    display: inline-block;
    width: 23px;
    height: 23px;
    border-left: 1px solid white;
    border-top: 1px solid white;
    backface-visibility:hidden;
}

#ninja-slider-prev::before {
    -ms-transform:rotate(-45deg);/*IE 9*/
    -webkit-transform:rotate(-45deg);
    transform: rotate(-45deg);
    right:15px;
}

#ninja-slider-next::before {
    -ms-transform:rotate(135deg);/*IE 9*/
    -webkit-transform:rotate(135deg);
    transform: rotate(135deg);
    left:15px;
}

/*------ pager(nav bullets) ------*/      
/* The pager id should be: slider id + "-pager" */
/* #ninja-slider-pager { display:none;}*/
#ninja-slider-pager{
	position: relative;
	height: 11px;
	bottom: 50px;
    padding: 0; /* set the distance away from the slider */
    margin:0 auto; /* center align */
    text-align:center;
    display:table;
    font-size:0;
    z-index: 99999;
}
         
#ninja-slider-pager a{
    display:inline-block;
    width: 5px;
    height: 5px;
    background-color: #fff;
    font-size:0; /* Non-zero will show the index num */
    vertical-align: middle;
    margin:0;
    margin-left: 10px;
    margin-right: 10px;
    cursor:pointer;
    border-radius:10px;
    box-shadow:inset 0 1px 3px #666666;
}

#ninja-slider-pager a:hover{
    opacity:0.6;
}

#ninja-slider-pager a.active{
	width: 11px;
    height: 11px;
    margin:0;
    margin-left: 7px;
    margin-right: 7px;
    margin-top: 0;
    box-shadow:inset 0 1px 3px -1px #28b4ea,0 1px 1px rgba(0,0,0,.5);
}

#ninja-slider-pager, #ninja-slider-prev, #ninja-slider-next, #ninja-slider-pause-play{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

/*Responsive settings*/
@media only screen and (max-width:600px){

    #ninja-slider-prev, #ninja-slider-next, #ninja-slider-pager {
        display:none;
    }

    
    #ninja-slider li .cap1 {
        font-size:20px;
    }
}

/* Fin Style Ninja Slider Histoire */

/* Style Ninja Slider Femmes Hommes */

#ninja-slider5 {
    width:100%;
    height: 100%;
    background:#191919;
    padding: 0;
    margin:0 auto;
    overflow:hidden;
    box-sizing:border-box;
}

#ninja-slider5.fullscreen {
    background:#000;
}

#ninja-slider5 .fs-icon {
    top:6px;
    right:6px;
    width:60px;
    height:26px;
    background: rgba(0,0,0,0.2);
    z-index:2;
    color:white;
    text-align:center;
    font:bold 11px/26px arial;
    border:1px solid rgba(255,255,255,0.3);
    border-radius:2px;
    opacity:0;
    -webkit-transition:opacity 0.8s;
    transition:opacity 0.8s;
}

#ninja-slider5 .slider-inner:hover .fs-icon,
#ninja-slider5.fullscreen .fs-icon {
    opacity: 1;
}
#ninja-slider5.fullscreen div.fs-icon {
    right:30px;
}

#ninja-slider5 .fs-icon::before {      
    content:"EXPAND";
    display:block;
}

#ninja-slider5.fullscreen .fs-icon::before {
    content:"CLOSE";
}

#ninja-slider5 .slider-inner {
	width: 100%;
	height: 100%;
    margin:0 auto;/*center-aligned */
    font-size:0px;
    position:relative;
    box-sizing:border-box;
}

#ninja-slider5.fullscreen .slider-inner {
    width:95%;
    max-width:800px;
}

#ninja-slider5 ul {
    position:relative;
    list-style:none;
    padding:0;
    box-sizing:border-box;
}

#ninja-slider5 li {
    
    width:100%;
    height:100%;
    top:0;
    left:0;
    position: absolute;
    font-size:12px;
    list-style:none;
    margin:0;
    padding:0;
    opacity:0;
    overflow:hidden;
    box-sizing:border-box;
}

#ninja-slider5 li.ns-show {
    opacity:1;
}

/* --------- slider image ------- */  
#ninja-slider5 .ns-img {
    background-color:rgba(0,0,0,0.3);
    background-size:contain;/*Note: If transitionType is zoom, it will be overridden to cover.*/

    /*decorate border*/
    box-shadow: inset 0 0 2px rgba(255,255,255,.3);
    border-radius:6px;

    cursor:default;
    display:block;
    position: absolute;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center center;
}

/*---------- Captions -------------------*/
#ninja-slider5 .caption {
    padding:20px 40px;
    margin:auto;
    left:0;right:0;
    top:auto;bottom:0px;
    width:auto;
    text-align:right;
    font-family:sans-serif;
    font-size:11px;
    color:rgba(255,255,255,0.2);
    background:none;
    /*background:rgba(0,0,0,0.12);*/
    position:absolute;
    box-sizing:border-box;
}
#ninja-slider5 li .cap1 {
    color:rgba(255,255,255,0.5);
    font:bold 32px arial;
    text-align:center;

    opacity:0;
    bottom:40%;
    -webkit-transition:bottom 1.3s, opacity 1s;
    transition:bottom 1.3s, opacity 1s;
}

/*The cap1 of the current slide */
#ninja-slider5 li[class*='-'] .cap1 {
    opacity:1;
    bottom:20%;
}
#ninja-slider5 li .cap2 {
    color:rgba(255, 162, 0, 0.5);
    font-size:23px;
    bottom:15%;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

/*The cap2 of the current slide */
#ninja-slider5 li[class*='-s'] .cap2 {
    bottom:10%;
}

/* ---------Arrow buttons ------- */   
/* The arrow button id should be: slider id + ("-prev", "-next", and "-pause-play") */ 
div.navsWrapper5 {
    position:absolute;
    width:100%;
    height:50px;
    bottom:20px;
    z-index:10;
}
 
#ninja-slider5-prev, #ninja-slider5-next
{
    position: absolute;
    display:inline-block;
    width:50px;
    height:50px;
    line-height:50px;
    margin:0;
    border:0;
    backface-visibility:hidden;
    color:white;
    overflow:hidden;
    -webkit-user-select: none;
    user-select:none;
    font-family:sans-serif;
    font-size:14px;
    transition:all 0.5s;
    cursor:pointer;
}

#ninja-slider5-prev {
    left:auto; right:50%;
	margin-right:40px;
}

#ninja-slider5-next {
    left:50%; right:auto;
    margin-left: 40px;
}

#ninja-slider5-prev div, #ninja-slider5-next div {white-space:nowrap;opacity:0;position:absolute;}

#ninja-slider5-prev::before, #ninja-slider5-next::before {
    position: absolute;
    top: 13px;
    content: "";
    display: inline-block;
    width: 23px;
    height: 23px;
    border-left: 1px solid white;
    border-top: 1px solid white;
    backface-visibility:hidden;
}

#ninja-slider5-prev::before {
    -ms-transform:rotate(-45deg);/*IE 9*/
    -webkit-transform:rotate(-45deg);
    transform: rotate(-45deg);
    right:15px;
}

#ninja-slider5-next::before {
    -ms-transform:rotate(135deg);/*IE 9*/
    -webkit-transform:rotate(135deg);
    transform: rotate(135deg);
    left:15px;
}

/*------ pager(nav bullets) ------*/      
/* The pager id should be: slider id + "-pager" */
/* #ninja-slider-pager { display:none;}*/
#ninja-slider5-pager{
	position: relative;
	height: 11px;
	bottom: 50px;
    padding: 0; /* set the distance away from the slider */
    margin:0 auto; /* center align */
    text-align:center;
    display:table;
    font-size:0;
    z-index: 99999;
}
         
#ninja-slider5-pager a{
    display:inline-block;
    width: 5px;
    height: 5px;
    background-color: #fff;
    font-size:0; /* Non-zero will show the index num */
    vertical-align: middle;
    margin:0;
    margin-left: 10px;
    margin-right: 10px;
    cursor:pointer;
    border-radius:10px;
    box-shadow:inset 0 1px 3px #666666;
}

#ninja-slider5-pager a:hover{
    opacity:0.6;
}

#ninja-slider5-pager a.active{
	width: 11px;
    height: 11px;
    margin:0;
    margin-left: 7px;
    margin-right: 7px;
    margin-top: 0;
    box-shadow:inset 0 1px 3px -1px #28b4ea,0 1px 1px rgba(0,0,0,.5);
}

#ninja-slider5-pager, #ninja-slider5-prev, #ninja-slider5-next, #ninja-slider5-pause-play{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

/*Responsive settings*/
@media only screen and (max-width:600px){

    #ninja-slider5-prev, #ninja-slider5-next, #ninja-slider5-pager {
        display:none;
    }

    
    #ninja-slider5 li .cap1 {
        font-size:20px;
    }
}

/* Fin Style Ninja Slider Femmes Hommes */

/* Style Ninja Slider Evenementiel */

#ninja-slider2 {
    width:100%;
    height: 100%;
    background:#191919;
    padding: 0;

    margin:0 auto;
    overflow:hidden;
    box-sizing:border-box;
}

#ninja-slider2.fullscreen {
    background:#000;
}

#ninja-slider2 .fs-icon {
    top:6px;
    right:6px;
    width:60px;
    height:26px;
    background: rgba(0,0,0,0.2);
    z-index:2;
    color:white;
    text-align:center;
    font:bold 11px/26px arial;
    border:1px solid rgba(255,255,255,0.3);
    border-radius:2px;
    opacity:0;
    -webkit-transition:opacity 0.8s;
    transition:opacity 0.8s;
}

#ninja-slider2 .slider-inner:hover .fs-icon,
#ninja-slider2.fullscreen .fs-icon {
    opacity: 1;
}
#ninja-slider2.fullscreen div.fs-icon {
    right:30px;
}

#ninja-slider2 .fs-icon::before {      
    content:"EXPAND";
    display:block;
}

#ninja-slider2.fullscreen .fs-icon::before {
    content:"CLOSE";
}

#ninja-slider2 .slider-inner {
	width: 100%;
	height: 100%;
    margin:0 auto;/*center-aligned */
    font-size:0px;
    position:relative;
    box-sizing:border-box;
}

#ninja-slider2.fullscreen .slider-inner {
    width:95%;
    max-width:800px;
}

#ninja-slider2 ul {
    position:relative;
    list-style:none;
    padding:0;
    box-sizing:border-box;
}

#ninja-slider2 li {
    
    width:100%;
    height:100%;
    top:0;
    left:0;
    position: absolute;
    font-size:12px;
    list-style:none;
    margin:0;
    padding:0;
    opacity:0;
    overflow:hidden;
    box-sizing:border-box;
}

#ninja-slider2 li.ns-show {
    opacity:1;
}

/* --------- slider image ------- */  
#ninja-slider2 .ns-img {
    background-color:rgba(0,0,0,0.3);
    background-size:contain;/*Note: If transitionType is zoom, it will be overridden to cover.*/

    /*decorate border*/
    box-shadow: inset 0 0 2px rgba(255,255,255,.3);
    border-radius:6px;

    cursor:default;
    display:block;
    position: absolute;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center center;
}

/*---------- Captions -------------------*/
#ninja-slider2 .caption {
    padding:20px 40px;
    margin:auto;
    left:0;right:0;
    top:auto;bottom:0px;
    width:auto;
    text-align:right;
    font-family:sans-serif;
    font-size:11px;
    color:rgba(255,255,255,0.2);
    background:none;
    /*background:rgba(0,0,0,0.12);*/
    position:absolute;
    box-sizing:border-box;
}
#ninja-slider2 li .cap1 {
    color:rgba(255,255,255,0.5);
    font:bold 32px arial;
    text-align:center;

    opacity:0;
    bottom:40%;
    -webkit-transition:bottom 1.3s, opacity 1s;
    transition:bottom 1.3s, opacity 1s;
}

/*The cap1 of the current slide */
#ninja-slider2 li[class*='-'] .cap1 {
    opacity:1;
    bottom:20%;
}
#ninja-slider2 li .cap2 {
    color:rgba(255, 162, 0, 0.5);
    font-size:23px;
    bottom:15%;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

/*The cap2 of the current slide */
#ninja-slider2 li[class*='-s'] .cap2 {
    bottom:10%;
}

/* ---------Arrow buttons ------- */   
/* The arrow button id should be: slider id + ("-prev", "-next", and "-pause-play") */ 
div.navsWrapper2 {
    position:absolute;
    width:300px;
    height:50px;
    right: 250px;
    bottom:20px;
    z-index:10;
}

@media screen and (max-width:1280px){

	div.navsWrapper2 {
	    position:absolute;
	    width:300px;
	    height:50px;
	    right: 215px;
	    bottom:20px;
	    z-index:10;
	}

}
 
#ninja-slider2-prev, #ninja-slider2-next{
    position: absolute;
    display:inline-block;
    width:50px;
    height:50px;
    line-height:50px;
    margin:0;
    border:0;
    backface-visibility:hidden;
    color:white;
    overflow:hidden;
    -webkit-user-select: none;
    user-select:none;
    font-family:sans-serif;
    font-size:14px;
    transition:all 0.5s;
    cursor:pointer;
}

#ninja-slider2-prev {
    left:auto; right:50%;
	margin-right:60px;
}

#ninja-slider2-next {
    left:50%; right:auto;
    margin-left: 60px;
}

#ninja-slider2-prev div, #ninja-slider2-next div {white-space:nowrap;opacity:0;position:absolute;}

#ninja-slider2-prev::before, #ninja-slider2-next::before {
    position: absolute;
    top: 13px;
    content: "";
    display: inline-block;
    width: 23px;
    height: 23px;
    border-left: 1px solid white;
    border-top: 1px solid white;
    backface-visibility:hidden;
}

#ninja-slider2-prev::before {
    -ms-transform:rotate(-45deg);/*IE 9*/
    -webkit-transform:rotate(-45deg);
    transform: rotate(-45deg);
    right:15px;
}

#ninja-slider2-next::before {
    -ms-transform:rotate(135deg);/*IE 9*/
    -webkit-transform:rotate(135deg);
    transform: rotate(135deg);
    left:15px;
}

/*------ pager(nav bullets) ------*/      
/* The pager id should be: slider id + "-pager" */
/* #ninja-slider-pager { display:none;}*/
#ninja-slider2-pager{
	position: absolute;
	width: 150px;
	bottom: 40px;
	right: 325px;
    padding: 0; /* set the distance away from the slider */
    margin:0 ;
    text-align:center;
    display:table;
    font-size:0;
    z-index: 99999;
}

@media screen and (max-width:1280px){

	#ninja-slider2-pager{
		position: absolute;
		width: 150px;
		bottom: 40px;
		right: 290px;
	    padding: 0; /* set the distance away from the slider */
	    margin:0 ;
	    text-align:center;
	    display:table;
	    font-size:0;
	    z-index: 99999;
	}

}
         
#ninja-slider2-pager a {
    display:inline-block;
    width: 5px;
    height: 5px;
    background-color: #fff;
    font-size:0; /* Non-zero will show the index num */
    vertical-align: middle;
    margin:0;
    margin-left: 10px;
    margin-right: 10px;
    cursor:pointer;
    border-radius:10px;
    box-shadow:inset 0 1px 3px #666666;
}

#ninja-slider2-pager a:hover {
    opacity:0.6;
}

#ninja-slider2-pager a.active {
	width: 11px;
    height: 11px;
    margin:0;
    margin-left: 7px;
    margin-right: 7px;
    margin-top: 0px;
    box-shadow:inset 0 1px 3px -1px #28b4ea,0 1px 1px rgba(0,0,0,.5);
}

#ninja-slider2-pager, #ninja-slider2-prev, #ninja-slider2-next, #ninja-slider2-pause-play{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

/*Responsive settings*/
@media only screen and (max-width:600px){

    #ninja-slider2-prev, #ninja-slider2-next, #ninja-slider2-pager {
        display:none;
    }

    
    #ninja-slider2 li .cap1 {
        font-size:20px;
    }
}

/* Fin Style Ninja Slider Evenementiel */

/* Style Ninja Slider Bières */

#ninja-slider3 {
    width:100%;
    height: 100%;
    background:#191919;
    padding: 0;
    margin:0;
    overflow:hidden;
    box-sizing:border-box;
}

#ninja-slider3.fullscreen {
    background:#000;
}

#ninja-slider3 .fs-icon {
    top:6px;
    right:6px;
    width:60px;
    height:26px;
    background: rgba(0,0,0,0.2);
    z-index:2;
    color:white;
    text-align:center;
    font:bold 11px/26px arial;
    border:1px solid rgba(255,255,255,0.3);
    border-radius:2px;
    opacity:0;
    -webkit-transition:opacity 0.8s;
    transition:opacity 0.8s;
}

#ninja-slider3 .slider-inner:hover .fs-icon,
#ninja-slider3.fullscreen .fs-icon {
    opacity: 1;
}
#ninja-slider3.fullscreen div.fs-icon {
    right:30px;
}

#ninja-slider3 .fs-icon::before {      
    content:"EXPAND";
    display:block;
}

#ninja-slider3.fullscreen .fs-icon::before {
    content:"CLOSE";
}

#ninja-slider3 .slider-inner {
	width: 100%;
	height: 100%;
    margin:0 auto;/*center-aligned */
    font-size:0px;
    position:relative;
    box-sizing:border-box;
}

#ninja-slider3.fullscreen .slider-inner {
    width:95%;
    max-width:800px;
}

#ninja-slider3 ul {
    position:relative;
    list-style:none;
    padding:0;
    box-sizing:border-box;
}

#ninja-slider3 li {
    
    width:100%;
    height:100%;
    top:0;
    left:0;
    position: absolute;
    font-size:12px;
    list-style:none;
    margin:0;
    padding:0;
    opacity:0;
    overflow:hidden;
    box-sizing:border-box;
}

#ninja-slider3 li.ns-show {
    opacity:1;
}

/* --------- slider image ------- */  
#ninja-slider3 .ns-img {
    background-color:rgba(0,0,0,0.3);
    background-size:contain;/*Note: If transitionType is zoom, it will be overridden to cover.*/

    /*decorate border*/
    box-shadow: inset 0 0 2px rgba(255,255,255,.3);
    border-radius:6px;

    cursor:default;
    display:block;
    position: absolute;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center center;
}

/*---------- Captions -------------------*/

/*
#ninja-slider3 .caption {
    position:relative;
    box-sizing:border-box;
}

#ninja-slider3 li .cap1 {
    opacity:0;
    left:50px;
    -webkit-transition:left 1.3s, opacity 0.8s;
    transition:left 1.3s, opacity 0.8s;
    transition-timing-function: ease;
    transition-delay: 900ms;
}

#ninja-slider3 li[class*='-'] .cap1 {
    opacity:1;
    left:0;
}
#ninja-slider3 li .cap2 {
    opacity:0;
    left:150px;
    -webkit-transition:left 1.3s, opacity 1.3s;
    transition:left 1.3s, opacity 1.3s;
    transition-timing-function: ease;
    transition-delay: 900ms;
}

#ninja-slider3 li[class*='-s'] .cap2 {
    opacity:1;
    left:0;
}
*/

/* ---------Arrow buttons ------- */   
/* The arrow button id should be: slider id + ("-prev", "-next", and "-pause-play") */ 
div.navsWrapper3 {
    position:absolute;
    width:350px;
    height:50px;
    left: 195px;
    bottom:20px;
    z-index:8888;
}

@media screen and (max-width:1280px){
	
	div.navsWrapper3 {
	    position:absolute;
	    width:350px;
	    height:50px;
	    left: 75px;
	    bottom:20px;
	    z-index:8888;
	}
	
}
 
#ninja-slider3-prev, #ninja-slider3-next{
    position: absolute;
    display:inline-block;
    width:50px;
    height:50px;
    line-height:50px;
    margin:0;
    border:0;
    backface-visibility:hidden;
    color:white;
    overflow:hidden;
    -webkit-user-select: none;
    user-select:none;
    font-family:sans-serif;
    font-size:14px;
    transition:all 0.5s;
    cursor:pointer;
}

#ninja-slider3-prev {
    left:auto; right:50%;
	margin-right:80px;
}

#ninja-slider3-next {
    left:50%; right:auto;
    margin-left: 80px;
}

#ninja-slider3-prev div, #ninja-slider3-next div {white-space:nowrap;opacity:0;position:absolute;}

#ninja-slider3-prev::before, #ninja-slider3-next::before {
    position: absolute;
    top: 13px;
    content: "";
    display: inline-block;
    width: 23px;
    height: 23px;
    border-left: 1px solid white;
    border-top: 1px solid white;
    backface-visibility:hidden;
}

#ninja-slider3-prev::before {
    -ms-transform:rotate(-45deg);/*IE 9*/
    -webkit-transform:rotate(-45deg);
    transform: rotate(-45deg);
    right:15px;
}

#ninja-slider3-next::before {
    -ms-transform:rotate(135deg);/*IE 9*/
    -webkit-transform:rotate(135deg);
    transform: rotate(135deg);
    left:15px;
}

/*------ pager(nav bullets) ------*/      
/* The pager id should be: slider id + "-pager" */
/* #ninja-slider-pager { display:none;}*/
#ninja-slider3-pager{
	position: absolute;
	width: 200px;
	bottom: 40px;
	left: 270px;
    padding: 0; /* set the distance away from the slider */
    margin:0;
    text-align:center;
    display:table;
    font-size:0;
    z-index: 8889;
}

@media screen and (max-width:1280px){

	#ninja-slider3-pager{
		position: absolute;
		width: 200px;
		bottom: 40px;
		left: 150px;
	    padding: 0; /* set the distance away from the slider */
	    margin:0;
	    text-align:center;
	    display:table;
	    font-size:0;
	    z-index: 8889;
	}

}
         
#ninja-slider3-pager a {
    display:inline-block;
    width: 5px;
    height: 5px;
    background-color: #fff;
    font-size:0; /* Non-zero will show the index num */
    vertical-align: middle;
    margin:0;
    margin-left: 10px;
    margin-right: 10px;
    cursor:pointer;
    border-radius:10px;
    box-shadow:inset 0 1px 3px #666666;
}

#ninja-slider3-pager a:hover{
    opacity:0.6;
}

#ninja-slider3-pager a.active{
	width: 11px;
    height: 11px;
    margin:0;
    margin-left: 7px;
    margin-right: 7px;
    margin-top: 0px;
    box-shadow:inset 0 1px 3px -1px #28b4ea,0 1px 1px rgba(0,0,0,.5);
}

#ninja-slider3-pager, #ninja-slider3-prev, #ninja-slider3-next, #ninja-slider3-pause-play{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

/*Responsive settings*/
@media only screen and (max-width:600px){

    #ninja-slider3-prev, #ninja-slider3-next, #ninja-slider3-pager {
        display:none;
    }

    
    #ninja-slider3 li .cap1 {
        font-size:20px;
    }
}

/* Fin Style Ninja Slider Bières */

/* Style Ninja Slider Blog */

#ninja-slider4 {
    width:100%;
    height: 100%;
    background:#fff;
    padding: 0;
    margin:0 auto;
    overflow:hidden;
    box-sizing:border-box;
}

#ninja-slider4.fullscreen {
    background:#000;
}

#ninja-slider4 .fs-icon {
    top:6px;
    right:6px;
    width:60px;
    height:26px;
    background: rgba(0,0,0,0.2);
    z-index:2;
    color:white;
    text-align:center;
    font:bold 11px/26px arial;
    border:1px solid rgba(255,255,255,0.3);
    border-radius:2px;
    opacity:0;
    -webkit-transition:opacity 0.8s;
    transition:opacity 0.8s;
}

#ninja-slider4 .slider-inner:hover .fs-icon,
#ninja-slider4.fullscreen .fs-icon {
    opacity: 1;
}
#ninja-slider4.fullscreen div.fs-icon {
    right:30px;
}

#ninja-slider4 .fs-icon::before {      
    content:"EXPAND";
    display:block;
}

#ninja-slider4.fullscreen .fs-icon::before {
    content:"CLOSE";
}

#ninja-slider4 .slider-inner {
	width: 100%;
	height: 100%;
    margin:0 auto;/*center-aligned */
    font-size:0px;
    position:relative;
    box-sizing:border-box;
}

#ninja-slider4.fullscreen .slider-inner {
    width:95%;
    max-width:800px;
}

#ninja-slider4 ul {
    position:relative;
    list-style:none;
    padding:0;
    box-sizing:border-box;
    margin: 0;
}

#ninja-slider4 li {
    width:100%;
    height:600px;
    top:242px;
    left:0;
    position: absolute;
    font-size:12px;
    list-style:none;
    margin:0;
    padding:0;
    opacity:0;
    overflow:hidden;
    box-sizing:border-box;
}

@media screen and (max-width:1280px){	

	#ninja-slider4 li {
	    width:100%;
	    height:600px;
	    top:190px;
	    left:0;
	    position: absolute;
	    font-size:12px;
	    list-style:none;
	    margin:0;
	    padding:0;
	    opacity:0;
	    overflow:hidden;
	    box-sizing:border-box;
	}

}

#ninja-slider4 li.ns-show {
    opacity:1;
}

/* --------- slider image ------- */  
#ninja-slider4 .ns-img {
    background-color:rgba(0,0,0,0.3);
    background-size:contain;/*Note: If transitionType is zoom, it will be overridden to cover.*/

    /*decorate border*/
    box-shadow: inset 0 0 2px rgba(255,255,255,.3);
    border-radius:6px;

    cursor:default;
    display:block;
    position: absolute;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center center;
}

/*---------- Captions -------------------*/
#ninja-slider4 .caption {
    padding:20px 40px;
    margin:auto;
    left:0;right:0;
    top:auto;bottom:0px;
    width:auto;
    text-align:right;
    font-family:sans-serif;
    font-size:11px;
    color:rgba(255,255,255,0.2);
    background:none;
    /*background:rgba(0,0,0,0.12);*/
    position:absolute;
    box-sizing:border-box;
}
#ninja-slider4 li .cap1 {
    color:rgba(255,255,255,0.5);
    font:bold 32px arial;
    text-align:center;

    opacity:0;
    bottom:40%;
    -webkit-transition:bottom 1.3s, opacity 1s;
    transition:bottom 1.3s, opacity 1s;
}

/*The cap1 of the current slide */
#ninja-slider4 li[class*='-'] .cap1 {
    opacity:1;
    bottom:20%;
}
#ninja-slider4 li .cap2 {
    color:rgba(255, 162, 0, 0.5);
    font-size:23px;
    bottom:15%;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

/*The cap2 of the current slide */
#ninja-slider4 li[class*='-s'] .cap2 {
    bottom:10%;
}

/* ---------Arrow buttons ------- */   
/* The arrow button id should be: slider id + ("-prev", "-next", and "-pause-play") */ 
div.navsWrapper4 {
    position:absolute;
    width:100%;
    height:50px;
    bottom:20px;
    z-index:10;
}
 
#ninja-slider4-prev, #ninja-slider4-next{
    position: absolute;
    display:inline-block;
    width:50px;
    height:50px;
    line-height:50px;
    margin:0;
    border:0;
    backface-visibility:hidden;
    color:white;
    overflow:hidden;
    -webkit-user-select: none;
    user-select:none;
    font-family:sans-serif;
    font-size:14px;
    transition:all 0.5s;
    cursor:pointer;
}

#ninja-slider4-prev {
    left:auto; right:50%;
	margin-right:40px;
}

#ninja-slider4-next {
    left:50%; right:auto;
    margin-left: 40px;
}

#ninja-slider4-prev div, #ninja-slider4-next div {white-space:nowrap;opacity:0;position:absolute;}

#ninja-slider4-prev::before, #ninja-slider4-next::before {
    position: absolute;
    top: 13px;
    content: "";
    display: inline-block;
    width: 23px;
    height: 23px;
    border-left: 1px solid #1d1f1f;
    border-top: 1px solid #1d1f1f;
    backface-visibility:hidden;
}

#ninja-slider4-prev::before {
    -ms-transform:rotate(-45deg);/*IE 9*/
    -webkit-transform:rotate(-45deg);
    transform: rotate(-45deg);
    right:15px;
}

#ninja-slider4-next::before {
    -ms-transform:rotate(135deg);/*IE 9*/
    -webkit-transform:rotate(135deg);
    transform: rotate(135deg);
    left:15px;
}

/*------ pager(nav bullets) ------*/      
/* The pager id should be: slider id + "-pager" */
/* #ninja-slider-pager { display:none;}*/
#ninja-slider4-pager{
	position: absolute;
	width: 150px;
	height: 11px;
	left: 50%;
	bottom: 40px;
    padding: 0; /* set the distance away from the slider */
    margin:0;
    margin-left: -75px;
    text-align:center;
    display:table;
    font-size:0;
    z-index: 99999;
}
         
#ninja-slider4-pager a {
    display:inline-block;
    width: 5px;
    height: 5px;
    background-color: #1d1f1f;
    font-size:0; /* Non-zero will show the index num */
    vertical-align: middle;
    margin:0;
    margin-left: 10px;
    margin-right: 10px;
    cursor:pointer;
    border-radius:10px;
    box-shadow:inset 0 1px 3px #666666;
}

#ninja-slider4-pager a:hover {
    opacity:0.6;
}

#ninja-slider4-pager a.active {
	width: 11px;
    height: 11px;
    margin:0;
    margin-left: 7px;
    margin-right: 7px;
    margin-top: 0;
    box-shadow:inset 0 1px 3px -1px #28b4ea,0 1px 1px rgba(0,0,0,.5);
}

#ninja-slider4-pager, #ninja-slider4-prev, #ninja-slider4-next, #ninja-slider4-pause-play{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

/*Responsive settings*/
@media only screen and (max-width:600px){

    #ninja-slider4-prev, #ninja-slider-4next, #ninja-slider4-pager {
        display:none;
    }

    
    #ninja-slider4 li .cap1 {
        font-size:20px;
    }
}

/* Fin Style Ninja Slider Blog */