/**
* @fichier lightSlider.css
* @but gérer les styles du plugin lightSlider
*
* @copyright ISINOVER
*/

:root {
	--couleur_dominante: #dd2726;
	--couleur_texte: #1B2524;
}

.slider { max-width: 100%; }
.slider .elementSlider { white-space: nowrap; width: 100%; -webkit-transition: left .25s ease-in-out; -moz-transition: left .25s ease-in-out; -o-transition: left .25s ease-in-out; transition: left .25s ease-in-out; }
.slider .slide_left:before { position: absolute; left: 5px; top: calc(50% - 7px); cursor: pointer; content: ""; margin-left: 5px; display: inline-block; width: 27px; height: 40px; background: url("./../../img/arrow_slider.svg") no-repeat center; transform: rotate(180deg); }
.slider .slide_right:after { position: absolute; right: 5px; top: calc(50% - 7px); cursor: pointer; content: ""; margin-left: 5px; display: inline-block; width: 27px; height: 40px; background: url("./../../img/arrow_slider.svg") no-repeat center; }
.slider .slide_left:hover:before { background: url("./../../img/arrow_slider_hover.svg") no-repeat center; }
.slider .slide_right:hover:after { background: url("./../../img/arrow_slider_hover.svg") no-repeat center; }

.slider .bullets { position: absolute; height: 30px; bottom: 0px; text-align: center; line-height: 27px; z-index: 1; }
.slider .bullets span { position: relative; width: 20px; height: 20px; border: 1px solid var(--couleur_texte); border-radius: 20px; display: inline-block; vertical-align: middle; margin-left: 5px; cursor: pointer; box-sizing: border-box; }
.slider .bullets span:hover,
.slider .bullets span.active { border: 1px solid var(--couleur_dominante); }
.slider .bullets span:hover:after,
.slider .bullets span.active:after { content: ""; position: absolute; top: 1px; left: 1px; width: 16px; height: 16px; border-radius: 20px; background-color: var(--couleur_dominante); }