/*
Vous pouvez taper ici le code CSS personnalisé, qui sera chargé à la fois sur votre admin et sur les pages avant. Assurez-vous de ne pas annuler les propriétés de la mise en page (positions et tailles), car elles peuvent interférer avec les fonctions intégrées aux sliders. Voici quelques exemples de cibles pour vous aider à démarrer:
*/

.ls-container { /* Slider container */
	/*border: 10px solid rgba(0,0,0,0.05) !important;*/
	border: 10px solid #D9DCDF !important;
}

.ls-outline .ls-bottom-slidebuttons a {
	background: rgba(90,153,200,0.1) !important;
	border: 2px solid #246087 !important;
	margin-right: 8px;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: background-color 1.2s ease;
	-moz-transition: background-color 1.2s ease;
	transition: background-color 1.2s ease;
}

.ls-outline .ls-nav-stop::before {
	position: absolute;
	top: 2px;
	left: 9px;
	display: block;
	width: 3px;
	height: 12px;
	border: 2px solid rgba(36,96,135,0.7) !important;
	border-top: none !important;
	border-bottom: none !important;
	content: "";
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.ls-outline .ls-nav-start::before {
	position: absolute;
	top: 2px;
	left: 9px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #246087 !important;
	content: "";
}

/**/

.ls-layers { /* Layers wrapper */ 

}

.ls-3d-box div { /* Sides of 3D transition objects */ 

}