/* Ce fichier a été copié depuis le projet Commun. */
/* Ne pas éditer ce fichier directement; l'éditer depuis le projet Commun. */

selecteur.petit .selecteur {
    width: 83px;
}

selecteur.petit .selecteur .texteActif {
    width: 73px;
}

selecteur.petit .selecteur .texte {
    width: 61px;
}

selecteur.petit .selecteur .options {
    min-width: 83px;
}

selecteur.moyen .selecteur {
    width: 188px;
}

selecteur.moyen .selecteur .texteActif {
    width: 178px;
}

selecteur.moyen .selecteur .texte {
    width: 166px;
}

selecteur.moyen .selecteur .options {
    min-width: 188px;
}

selecteur.heuresOuvertures .selecteur {
    width: 63px;
}

selecteur.heuresOuvertures .selecteur .texteActif {
    width: 53px;
}

selecteur.heuresOuvertures .selecteur .texte {
    width: 41px;
}

selecteur.heuresOuvertures .selecteur .options {
    min-width: 63px;
}

selecteur {
    position: relative;
    user-select: none;
}

.selecteur {
    width: 398px;
    height: 28px;
    margin-right: 20px;
    margin-bottom: 10px;
    border-radius: 3px;
    border: 1px solid #DDDDDD;
    background-color: #FFFFFF;
    cursor: pointer;
    position: relative;
}

.selecteur:not(.estInactif):hover {
    transition: border-color 0.5s ease-in-out;
    border-color: #AAAAAA;
}

.selecteur.estOuvert {
    transition: border-color 0.5s ease-in-out;
    z-index: 1101;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.selecteur.estInactif {
    cursor: default;
    color: #AAAAAA;
}

.selecteur .texteActif {
    width: 388px;
    height: 18px;
    padding: 5px;
    overflow: hidden;
}

.selecteur .texte {
    width: 376px;
    height: 18px;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.selecteur .fleche {
    width: 12px;
    height: 12px;
    margin-top: 3px;
    background: url(../../../../images/commun/fleches.svg);
    background-size: 24px 36px;
    float: right;
}

.selecteur.estOuvert .fleche, .selecteur:not(.valeurErronee, .estInactif):hover .fleche {
    background-position: 12px 0;
}

.selecteur .options {
    min-width: 398px;
    margin-left: -1px;
    position: absolute;
    top: 28px;
    background-color: #FFFFFF;
    z-index: 1100;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}

selecteur .selecteur .options {
    max-height: 280px;
    overflow-y: auto;
}

selecteur .selecteur .options div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    display: block;
}

selecteur .selecteur .options div {
    padding: 5px;
}

selecteur .selecteur .options div.selection, selecteur .selecteur .options div:hover {
    background-color: #EAEDF0;
}

selecteur .selecteur .options:hover div.selection:not(:hover) {
    color: #333333;
    background-color: #FFFFFF;
}

selecteur div.texte.estPlaceholder {
    color: #AAAAAA;
    font-style: italic;
}

selecteur#fuseauHoraire {
    margin-top: -4px;
}

selecteur#fuseauHoraire .selecteur {
    width: 255px;
    border: 0;
}

selecteur#fuseauHoraire .selecteur .texteActif {
    width: 245px;
}

selecteur#fuseauHoraire .selecteur .texte {
    width: 235px;
}

selecteur#fuseauHoraire .selecteur .options {
    min-width: 255px;
}

selecteur#fuseauHoraire .selecteur .options, selecteur#fuseauHoraire .selecteur .options div.selection, selecteur#fuseauHoraire .selecteur .options div:hover {
    border: 0;
}