
/* =Surcharger les styles de cs-skin-elastic.css au cas où on masque le texte (on affiche juste les drapeaux)
-------------------------------------------------------------------------------------------------------------- */

div.cs-select {
	width:70px; /*La largeur du select*/
}

/* la langue sélectionnée */
.cs-skin-elastic > span {
    background-position:10px center; /*La position du drapeau*/
	background-size:30px 19px; /*La taille du drapeau. Taille originale img = 40 x 25 pixels*/
    background-repeat: no-repeat;
	height:32px; /*La hauteur du select affichant la langue en cours*/
    z-index: 110;
}

.cs-skin-elastic > span.cs-placeholder {
    background-position:center left !important;
}

/*La position de la fléche up & down du select*/
 .cs-select > span::after {
	right:0;}
	
/*Les drapeaux dans le select ouvert*/
.cs-skin-elastic .cs-options span {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px 19px; /*Taille des drapeaux dans le select. Taille originale img = 40 x 25 pixels */
	height:34px; /*A ajuster en fonction de la taille du drapeau*/
}