﻿/******************************************************************************/
/*            CSS SPECFIQUE Au site abonnés HOMIRIS 2019                      */
/******************************************************************************/
/* Date de dernière mise à jour : 25/09/2019                                  */
/******************************************************************************/
/* Couleurs de la charte : #314788 Bleu         titre, tuile, picto, bandeau  */
/*                         #313131 gris foncée  texte                         */
/*                         #EDECEA gris clair   background, bouton secondaire */
/*                         #313131 noir         footer, message important     */
/*                         #ED6F25 orange       bouton principal              */
/*                                                                            */
/******************************************************************************/

body {
    color: #313131;
    background-color: #edecea;
    background-image: none !important;
}

.a_blocappli input[type=text],
input.inp5,
.saisir input,
#C\:eps4container input,
#C\:eps4homeContainer input,
#C\:eps4timeContainer input,
#C\:eps4recordsContainer input,
#C\:eps4wpContainer input,
#C\:eps4removalContainer input,
#C\:eps4activationSdCardContainer input,
input.datepicker,
input#C\:eps4CallbackDate,
#C\:eps4container textarea,
#C\:eps4homeContainer textarea,
#C\:eps4timeContainer textarea,
#C\:eps4recordsContainer textarea,
#C\:eps4wpContainer textarea,
#C\:eps4removalContainer textarea,
#C\:eps4activationSdCardContainer textarea,
.eps4modal input,
.eps4modal textarea {
    color: #313131;
    background-color: #edecea;
}

#C\:eps4homeContainer {
    background-color: #edecea;
    background-image: url('../../../images/eps/accueil/fond_home.jpg?v=73b0e6810e');
}

#C\:eps4container,
#ei_tpl_contener {
    background-color: #edecea;
}

#ei_tpl_contener {
    background-image: none;
}

#C\:eps4wpContainer {
    background: #fff;
    color: #313131 !important;
}

    /* Color */

    div.a_blocappli a, div.a_blocappli a:focus, div.a_blocappli a:hover,    
    .ui-timepicker-standard,
    #C\:eps4periodCheck, #C\:eps4periodCheck p,
    #C\:eps4recordsContent .eps4recordItem.eps4selected .eps4recordInfos,
    #C\:eps4wpContainer .eps4rightStep,
    div.eps4vsQuantityDropdown input, div.eps4vsSDCQuantityDropdown input,
    .eps4timeFilterType, .eps4timeFilterType:active, .eps4timeFilterType:hover,
    .eps4timeAlert.eps4wrapper-dropdown,
    .eps4settingInfo,
    #C\:eps4authPhone,
    #C\:eps4paymentOptions,
    .eps4timePdfLine,
    .ui-timepicker-list li,
    .eps4system table tbody tr td p,
    .eps4system table,
    .eps4wrapper-dropdown,
    .eps4wrapper-dropdown .eps4dropdown li,
    .eps4unitSelector li,
    #C\:eps4notifFilters p, #C\:eps4notifFiltersNoResults p,
    #ei_tpl_menuLevel1,
    .eps4modalBg,
    .eps4camera:first-child,
    .eps4msgEvent, .eps4msgEvent p, .eps4msgDefect, .eps4msgDefect p,
    #C\:eps4timeContainer h4, #C\:eps4timeContainer .eps4date h4,    
    #C\:eps4transverse.eps4legalContentStyle h4,
    #ei_tpl_contener h4,
    .eps4vsOptionCameraSubTitle {
        color: #313131;
    }

div.a_blocappli h1, p.a_titre1, p.titre1,
div.a_blocappli h2, p.a_titre2, p.titre2,
#C\:eps4SiteTitle, #C\:eps4select h2, #C\:eps4select input#C\:eps4InputSiteTitle,
.eps4widget .eps4Link,
.eps4widgetBottom, div.a_blocappli .eps4widgetBottom a,
.ui-timepicker-standard a #C\:eps4removalDiv h2, div.eps4welcomeForm h2,
.eps4icnCurve:hover, .eps4icnHistogram:hover, .eps4icnHistogramWeek:hover, .eps4icnHistogramHistoric:hover,
.eps4serviceHeader .eps4statusText, .eps4serviceHeader .eps4text,
#C\:eps4wpContainer .eps4wpSectionTitle,
#C\:eps4container .eps4legalContentStyle .eiEps4logTitre h1,
#C\:eps4container .eps4legalContentStyle .eiEps4logTitre h3,
#ei_tpl_contener .eps4nothingTimeline h2,
#C\:eps4recordsContent h2.eps4recordTitle {
    color: #314788;
}

#C\:eps4homeContainer #C\:eps4containerHeader #C\:eps4select h1,
#C\:eps4homeContainer #C\:eps4containerHeader #C\:eps4select h2,
#C\:eps4homeContainer #C\:eps4containerHeader #C\:eps4SiteTitle,
#C\:eps4homeContainer #C\:eps4contentTiles h1,
#C\:eps4homeContainer #C\:eps4select input#C\:eps4InputSiteTitle {
    color: #ffffff;
}

.newsDownload a,
.newsDownload a:hover {
    color: #314788 !important;
}

.back,
.prevBtn,
#ModalLightBoxSessionExtension .ei_btn_label {
    color: #313131;
}

    .back:hover,
    .prevBtn {
        color: #313131;
    }

#C\:eps4removalDiv {
    color: #313131;
}

.eps4title {
    color: #313131;
}

div.a_blocappli .eps4msgAlert *, div.a_blocappli .eps4alertTemp * {
    color: white;
}

div.eps4headband {
    background-color: white;
}
div.eps4headband a {
    color: rgba(49, 71, 136, .7); /* #314788 */
}
    div.eps4headband a:hover {
        color: rgb(49, 71, 136, 1);
    }

#ei_tpl_contener h3,
#ei_tpl_ident a,
#ei_tpl_utiles li a {
    color: #314788;
}

#C\:eps4QuickLinksMenu li:hover p,
#C\:eps4QuickLinksMenu li.active p {
    border-left-color: #314788;
    color: #314788;
}

/* Surcharge bleu workflow */
.eps4stepHeader.eps4vsHeader h2,
.eps4videoSouscriptionWorkFlow .eps4blue, .eps4workflowStep .eps4blue .eps4vsOrderRecapDiv .eps4vsOrderRecapInfos .eps4vsRecapPrice .eps4price,
.eps4vsRecapPrice .eps4vsWhiteCornerBorder b,
.eps4vsDownloadDocsDiv .eps4vsWhiteCornerBorder a,
.eps4workflowStep .eps4wfStepHeader h2,
.eps4workflowStep .eps4wfWhiteCornerBorder.eps4wfWhiteCornerBorderSelected,
.eps4vsOrderRecapDiv .eps4vsOrderRecapInfos .eps4vsRecapPrice .eps4price {
    color: #00aeff;
}

/* #0f74a8 */
#ei_tpl_logo_waiting h1,
#ei_tpl_logo_waiting h3 {
    color: #0f74a8;
}

/* #ed6f25 */
.eps4messageListHeader p,
.eps4Gallery ul li p:nth-child(4),
[class*="eps4TuileExpanderContent_"] p {
    color: #ed6f25;
}

/* #2b5dba */
#ei_tpl_logo_waiting {
    color: #2b5dba;
}

/* #314788 */
#ei_tpl_logo a,
#ei_tpl_logo a link,
#ei_tpl_logo a hover,
#ei_tpl_logo a active,
#ei_tpl_logo a target,
#ei_tpl_logo a visited,
.eps4logID p i {
    color: #314788;
}


/* Background-color */

#C\:eps4modalASEventEdit .eps4cbModalEditASEventDay + p,
.back, .prevBtn,
.eps4wrapper-dropdown, .eps4wrapper-dropdown .eps4dropdown,
#C\:eps4recordsContent.eps4calendarView,
#C\:eps4wpContainer .eps4msgBloc, #C\:eps4wpContainer #C\:eps4wpValidation .eps4msgBloc,
div.eps4vsQuantityDropdown input, div.eps4vsSDCQuantityDropdown input,
.eps4timeAlert.eps4wrapper-dropdown .eps4dropdown ul:hover,
.eps4encart,
.eps4msgBloc, .eps4msgInfo, .eps4msgWarning,
.Content_compte,
.eps4rdvDay,
.ui-timepicker-wrapper,
#C\:eps4videoInstallDiv,
#ModalLightBoxSessionExtension .ei_btn,
.eps4ttpInfo {
    background-color: #edecea;
}

.grey, .eps4grey {
    background-color: #edecea !important;
}


/* #314788 */
#ei_tpl_footer_tiles,
.eps4bgColor,
.eps4roundedIcon,
.eps4dateDrop ul li:hover,
.eps4system:first-child,
.cercle,
.eps4chartLeft {
    background-color: #314788 !important;
}

/* #15a7f0 */
.eps4changeBg,
.eps4dateDrop ul li.eps4dateDropActive {
    background-color: #15a7f0 !important;
}

#ei_tpl_menuLevel1 > .ei_tpl_wrapper > nav > ul > li {
    border-left-color: rgba(255, 255, 255, 0.2);
}

.eps4bgError,
.eps4settingError,
#C\:eps4timeContent #C\:eps4errorTimeline,
.eps4msgAlert, 
span.eps4tooltipError,
.eps4contentAlert,
#C\:eps4timeContent #C\:eps4errorTimeline {
    background-color: #d2220f !important;
}

/*  Couleur arrière-plan de l'évenement alerte température */
#C\:eps4timeContent .eps4msgAlert.eps4alertTemp {
    background-color: #ed6f25 !important;
}

/* #d2220f */
.eps4widgetBottom.eps4widgetBottomAlert p,
#C\:eps4contentTiles .eps4widgetBottomAlert h2 {
    color: #d2220f;
}

/* Couleur texte/titre du bottom de la tuile alerte température */
#C\:eps4TemperatureTile .eps4widgetBottom.eps4widgetBottomAlert p,
#C\:eps4TemperatureTile .eps4widgetBottomAlert h2 {
    color: #ed6f25;
}

#C\:eps4TileOrderParameters .eps4tileList .eps4containerIcon,
#eps4background, #C\:eps4background,
.eps4NoJavascript,
span.eps4tooltipTextArea,
.eps4galleryPhoto .eps4photoCaption {
    background-color: #314788;
}

#C\:eps4modalHamon ::-webkit-scrollbar-thumb {
    background-color: #314788;
}

#ei_tpl_menuLevel1 {
    background-color: #314788;
}

.eps4progressBar {
    background-color: #00aeff;
}

.eps4msgEvent, .eps4msgDefect, .eps4msgWelcome {
    background-color: #FFFFFF !important;
}

.info, .alerte,
.fiche td.info, .fiche th.info, .liste td.info, .liste th.info, .tab2dim td.info, .tab2dim th.info,
.eps4paymentChooseCard,
ul.eps4sponsorChooseGift,
.eps4sponsorInfoGift,
.eps4settingInfo {
    background-color: white;
}

.red, .nextBtn,
.eps4pictoTemp {
    background-color: #ed6f25 !important;
}

.eps4UnitSelected {
    background-color: #314788 !important;
}

#C\:eps4containerHeader {
    background-image: none;
    background-color: transparent;
}

.eps4bgWorkflow {
    background-color: #314788;
}

#ei_tpl_header {
    background-color: #ffffff;
}

#ei_tpl_fullSite footer {
    background-color: #313131;
}

.eps4widgetOff .eps4widgetTop {
    background-color: rgba(49, 71, 136, 0.3);
}

.eps4vsWhiteCornerBorder.eps4vsWhiteCornerBorderSelected,
.eps4vsQuantityRow .eps4vsQuantitySelection .eps4vsCostTitle,
.eps4vsQuantityRow .eps4vsCostSelectionTOP,
.eps4workflowStep .eps4wfWhiteCornerBorder.eps4wfWhiteCornerBorderSelected {
    border-color: #314788;
}

/* Other */

#C\:eps4select h1,
.eps4select h1,
#C\:eps4select h2 {
    padding: 0em !important;
    margin: 0 auto !important;
}

#C\:eps4choix ul li, #C\:eps4choix ul li a,
ul.a_menuappli li, ul.a_menuappli li a {
    color: #ffffff;
    background: #314788;
}

#C\:eps4choix ul li,
ul.a_menuappli li {
    border: 1px solid #314788;
}

    .sel,
    #C\:eps4choix ul li.sel,
    ul.a_menuappli li.sel, ul.a_menuappli li.sel span,
    ul.a_menuappli li.sel._c1, ul.a_menuappli li.sel._c1 span {
        color: #314788 !important;
        background-color: #edecea;
    }

        .sel,
        #C\:eps4choix ul li.sel,
        ul.a_menuappli li.sel ul.a_menuappli li.sel._c1 {
            border: 1px solid #314788;
        }

    #C\:eps4choix ul li:hover, #C\:eps4choix ul li:hover a,
    #C\:eps4choix ul li:target, #C\:eps4choix ul li:target a,
    ul.a_menuappli li:hover, ul.a_menuappli li:hover a {
        color: #314788 !important;
        background: #edecea;
        border: 1px solid #314788;
        cursor: pointer;
    }

    #C\:eps4choix ul li:hover,
    #C\:eps4choix ul li:target,
    ul.a_menuappli li:hover {
        border: 1px solid #314788;
    }

#C\:eps4service {
    width: 100%;
    color: #fff !important;
    line-height: 0pt;
    margin: auto;
}

.a_blocappli input[disabled] {
    -webkit-text-fill-color: #314788;
}

#ei_tpl_logo a {
    background: url("../../../images/eps/transverse/logo/header/hom.png?v=834fdbc85d") no-repeat left center !important;
    width: 400px !important;
    display: block;
}

    #ei_tpl_logo a,
    #ei_tpl_logo a link,
    #ei_tpl_logo a hover,
    #ei_tpl_logo a active,
    #ei_tpl_logo a target,
    #ei_tpl_logo a visited {
        font-weight: 500;
        padding-right: 0.81em;
    }

#ei_tpl_logo_waiting {
    width: 313px;
    height: 64px;
    padding-top: 5px;
    display: inline-block;
    line-height: 80px !important;
    background: url('../../../images/eps/transverse/logo/header/hom.png?v=834fdbc85d') no-repeat 0% 50%;
}

    #ei_tpl_logo_waiting h1 {
        margin: 0 !important;
        padding-left: 100px;
        padding-top: 0 !important;
        font-size: 25pt;
    }

    #ei_tpl_logo_waiting h3 {
        font-size: 15pt;
        font-weight: 400;
    }

span.eps4tooltipError:after {
    border-color: transparent #d2220f;
}

.red, .nextBtn {
    color: #fff;
    outline: 10px solid transparent;
}

#ModalLightBoxSessionExtension .ei_btn {
    border: 0; /* suppression d'une bordure existante sur sit-cdn1.e-i.com/INGR/sd/homiris_2016/0.103.38/fr/css/ei_base.css (absent dans sit-cdn1.e-i.com/INGR/sd/eps_2015/0.103.34/fr/css/ei_base.css) */
}

#ModalLightBoxSessionExtension #sessExtBtnYesLnk .ei_btn_label {
    color: #fff;
}

.eps4red {
    color: #ed6f25;
}

#ModalLightBoxSessionExtension #sessExtBtnYesLnk {
    background-color: #ed6f25;
}

div.eps4widgetTop {
    height: 220px;
    margin: auto;
    border-top-left-radius: 0.3em;
    border-top-right-radius: 0.3em;
    background: #314788;
}

/* Couleur arrière-plan top de la tuile alerte température */
#C\:eps4TemperatureTile .eps4widgetTop.eps4widgetTopAlert {
    background: #ed6f25;
}

.info, .alerte,
.eps4settingInfo,
.eps4paymentChooseCard,
.eps4messageContent {
    border-color: #edecea;
}

    .info p, .alerte p {
        color: #313131 !important;
    }

.ei_appl_ident_lig label + input[type=password], .ei_appl_ident_lig label + input[type=text] {
    background: #edecea;
    border-color: #313131;
    color: #313131;
}

.expanderTable tr {
    border-bottom-color: #edecea;
}

.ng-scope .ei_titleblock .ei_titlelabel p {
    color: #314788;
}

.ng-scope .ei_btn {
    box-shadow: none;
    background-color: #ed6f25;
}

    .ng-scope .ei_btn:hover {
        box-shadow: none;
        background-color: #ed6f25;
    }

    .ng-scope .ei_btn.ei_btn_disabled {
        background-color: #ed6f25;
        opacity: 0.4;
    }

.eps4system {
    border-color: rgba(237, 236, 234, 0.1);
}


.eps4selectedBackground:before {
    background-color: rgba(49,71,136,.35);
}

ul#C\:eps4videoList li.eps4CameraLive .eps4textCameraLive {
    color: white;
}

.eps4recControlButton {
    border-color: #314788;
}

.eps4visualStepPoint.eps4visualStepFinish::before {
    background-image: none;
    background-color: #314788;
}

.eps4visualStepPoint.eps4visualStepFinish::after {
    background-image: none;
    background-color: #314788;
}

.eps4visualStepPoint.eps4visualStepFinish.eps4visualStepOldCurrent::before {
    background-image: linear-gradient(to right, #314788, #47ACDC);
}

.eps4visualStepPoint.eps4visualStepCurrent::before {
    background-image: linear-gradient(to right, #47ACDC, #EBEBEB);
}

.eps4visualStepPoint.eps4visualStepCurrent::after {
    background-image: none;
    background-color: #47ACDC;
}

#C\:eps4containerHeader,
#C\:eps4timeContainer #C\:eps4containerHeader,
#C\:eps4recordsContainer #C\:eps4containerHeader {
    margin-bottom: 8px;
}

.eps4faq .accordion:after,
.div_faq .faq-li:after {
    content: url("/fr/images/homiris/transverse/bleu/plus_faq.png?v=a113940e6a");
}

.eps4faq .active:after {
    content: url("/fr/images/homiris/transverse/bleu/minus_faq.png?v=4f7173a1e8");
}

/* Timeline / Record */

#C\:eps4timeContainer, #C\:eps4recordsContainer {
    background: #edecea;
}

#C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4calendarViewBody .eps4recordsResultWrapper {
    border-left-color: #314788;
}

#C\:eps4timeContent {
    background-color: #edecea;
}

#C\:eps4recordsContent .eps4recordItem .eps4recordInfos {
    background-color: white;
}

#C\:eps4timeFilters {
    background-color: #314788;
}

#C\:eps4timeContent #C\:eps4errorTimeline {
    width: 29%;
    border-radius: .3em;
}

.eps4recordsHeaderbar .eps4wrapper-dropdown, .eps4recordsHeaderbar .eps4wrapper-dropdown .eps4dropdown {
    background: #fff;
}


/* Scrollbar */

.eps4custom-scrollbar::-webkit-scrollbar-track-piece,
.eps4dropdown::-webkit-scrollbar-track-piece {
    background-color: white;
}

.ui-timepicker-wrapper::-webkit-scrollbar-track-piece {
    background-color: #edecea;
}

.eps4custom-scrollbar::-webkit-scrollbar-thumb:vertical,
.eps4dropdown::-webkit-scrollbar-thumb:vertical,
.ui-timepicker-wrapper::-webkit-scrollbar-thumb:vertical {
    background-color: #313131;
}

.eps4custom-scrollbar,
.eps4dropdown {
    scrollbar-color: #313131 white;
}

.ui-timepicker-wrapper {
    scrollbar-color: #313131 #edecea;
}

.autocomplete > div:hover:not(.group),
.autocomplete > div.selected {
    background-color: #edecea;
}

.flatpickr-months {
    background-color: #313131;
}

/* ------------------------------------- Icones ------------------------------------- */

.back {
    background-image: url(../../../images/homiris/transverse/bleu/back.png?v=66127a9080);
}

    .back:hover {
        background-image: url(../../../images/homiris/transverse/bleu/back_hover.png?v=753d6b7042);
    }

.eps4filter.eps4selected,
#C\:eps4periodCheck.eps4selected,
.eps4settingInfo,
.eps4msgInfo,
.eps4imgValider {
    background-image: url('../../../images/homiris/transverse/bleu/check.png?v=710e284cf4');
}

    .eps4filter.eps4selected:hover,
    #C\:eps4periodCheck.eps4selected:hover,
    .eps4settingInfo:hover,
    .eps4msgInfo:hover,
    .eps4imgValider:hover {
        background-image: url('../../../images/homiris/transverse/bleu/check_hover.png?v=b735b21e47');
    }

.eps4imgClose {
    background-image: url('../../../images/homiris/transverse/bleu/fermer.svg');
}
    .eps4imgClose:hover {
        background-image: url('../../../images/homiris/transverse/bleu/fermer_hover.svg');
    }

#C\:eps4periodCheck,
.eps4filter,
.eps4timeFilterType {
    background-image: url('../../../images/homiris/transverse/bleu/uncheck.png?v=d58131087e');
}

.eps4imgDelete {
    background-image: url(../../../images/homiris/transverse/bleu/delete.png?v=6537fa25cf);
}

    .eps4imgDelete:hover {
        background-image: url(../../../images/homiris/transverse/bleu/delete_hover.png?v=9d48f794ca);
    }

.eps4imgEdit {
    background-image: url(../../../images/homiris/transverse/bleu/edit.png?v=17b33c6b2a);
}

    .eps4imgEdit:hover {
        background-image: url(../../../images/homiris/transverse/bleu/edit_hover.png?v=5d1a49f457);
    }

.eps4wheelGrey,
.eps4setWhite,
.eps4setGrey {
    background-image: url('../../../images/homiris/transverse/bleu/parametre.png?v=daf6c4873a');
}

.eps4btnAnnualBill,
.eps4timePdfLine,
.eps4PDFexport,
.eps4imgPDF {
    background-image: url("../../../images/homiris/transverse/bleu/pdf.png?v=76bf63de8e");
}

    .eps4btnAnnualBill:hover,
    .eps4timePdfLine:hover,
    .eps4PDFexport:hover,
    .eps4imgPDF:hover {
        background-image: url("../../../images/homiris/transverse/bleu/pdf_hover.png?v=8aff0699e0");
    }

.eps4expanderPlus,
.eps4zoomIn {
    background-image: url('../../../images/homiris/transverse/bleu/plus.png?v=f7cdfc8f7f');
}

.eps4expanderMinus,
.eps4zoomOut {
    background-image: url('../../../images/homiris/transverse/bleu/minus.png?v=de42966042');
}

.eps4timelinePlus {
    background-image: url('../../../images/eps/transverse/blanc/plus.png?v=f71de58c27');
}

.eps4timelineMinus {
    background-image: url('../../../images/eps/transverse/blanc/minus.png?v=ddc1814e1a');
}

.eps4imgUnlock {
    background-image: url(../../../images/homiris/transverse/bleu/unlock.png?v=738b2d0cda);
}

    .eps4imgUnlock:hover {
        background-image: url(../../../images/homiris/transverse/bleu/unlock_hover.png?v=bbc80dbf0c);
    }

.eps4modalClose {
    background-image: url('../../../images/homiris/transverse/bleu/fermer.svg?v=e48bc916d1');
}

.eps4imgEditGrey {
    background-image: url('../../../images/homiris/transverse/bleu/modifier.png?v=3201be41b3');
}

div.eps4headband.eps4headbandMessage a {
    background-image: url('../../../images/homiris/transverse/bleu/message.png?v=9e4f118f2e');
}

.eps4up {
    background-image: url('../../../images/homiris/transverse/bleu/haut.png?v=da3fedfe60');
}

.eps4pagerPrevious, .eps4pagerFirst {
    background-image: url('../../../images/homiris/transverse/bleu/gauche.png?v=1bce1c6c5d');
}

.eps4pagerNext, .eps4pagerLast {
    background-image: url('../../../images/homiris/transverse/bleu/droite.png?v=2e46ab04ad');
}

.eps4left,
.eps4wpToggleInfoLeftArrow,
.eps4wpLeftArrow,
.eps4gotoCam .eps4pagerPrevious,
.eps4gotoCam .eps4pagerFirst {
    background-image: url('../../../images/homiris/transverse/bleu/gauche.png?v=1bce1c6c5d');
}

.eps4right,
.eps4wpToggleInfoRightArrow,
.eps4wpRightArrow,
.eps4gotoCam .eps4pagerNext,
.eps4gotoCam .eps4pagerLast {
    background-image: url('../../../images/homiris/transverse/bleu/droite.png?v=2e46ab04ad');
}

.eps4timelineGotoArrow {
    background-image: url('../../../images/eps/transverse/blanc/droite.png?v=9303ca0828');
}

.eps4msgDefect .eps4timelineGotoArrow {
    background-image: url('../../../images/homiris/transverse/gris/droite.png?v=9303ca0828');
}

.eps4down {
    background-image: url('../../../images/homiris/transverse/bleu/bas.png?v=830e29bb0b');
}


.eps4TimelineBloc .eps4galleryComponent.eps4galleryPrevious {
    background-image: url('../../../images/eps/transverse/blanc/gauche.png?v=0aa3b5bdc8');
}

.eps4TimelineBloc .eps4galleryComponent.eps4galleryNext {
    background-image: url('../../../images/eps/transverse/blanc/droite.png?v=9303ca0828');
}



.eps4timelineDelete {
    background-image: url('../../../images/eps/transverse/blanc/delete.png?v=47a10be640');
}

#C\:eps4EditSiteTitleIcon {
    background-image: url('../../../images/homiris/transverse/bleu/edit.png?v=17b33c6b2a');
}

#C\:eps4ValidateSiteTitleIcon {
    background-image: url('../../../images/homiris/transverse/bleu/check2.png?v=bcadaa26ca');
}

#C\:eps4CancelSiteTitleIcon {
    background-image: url('../../../images/homiris/transverse/bleu/fermer2.png?v=d96e026038');
}

#C\:eps4homeContainer #C\:eps4EditSiteTitleIcon {
    background-image: url('../../../images/eps/transverse/blanc/modifier.png?v=4e8daabbea');
}

#C\:eps4homeContainer #C\:eps4ValidateSiteTitleIcon {
    background-image: url('../../../images/eps/transverse/blanc/check.png?v=74960f0c08');
}

#C\:eps4homeContainer #C\:eps4CancelSiteTitleIcon {
    background-image: url('../../../images/eps/transverse/blanc/fermer.png?v=3b25f0de22');
}

#C\:eps4timeAlertLine {
    background-image: url('../../../images/eps/transverse/error.png?v=61a51c6dbe'), url('../../../images/homiris/transverse/bleu/uncheck.png?v=d58131087e');
}

    #C\:eps4timeAlertLine.eps4timelineSelected {
        background-image: url('../../../images/eps/transverse/error.png?v=61a51c6dbe'), url('../../../images/homiris/transverse/bleu/check.png?v=710e284cf4');
    }

#C\:eps4timeNotifLine {
    background-image: url('../../../images/homiris/journal/bell.png?v=ca0057ff60'), url('../../../images/homiris/transverse/bleu/uncheck.png?v=d58131087e');
}

    #C\:eps4timeNotifLine.eps4timelineSelected {
        background-image: url('../../../images/homiris/journal/bell.png?v=ca0057ff60'), url('../../../images/homiris/transverse/bleu/check.png?v=710e284cf4');
    }

#C\:eps4timeDefectLine {
    background-image: url('../../../images/homiris/journal/defect_filter.svg?v=ca0057ff60'), url('../../../images/homiris/transverse/bleu/uncheck.png?v=d58131087e');
}

    #C\:eps4timeDefectLine.eps4timelineSelected {
        background-image: url('../../../images/homiris/journal/defect_filter.svg?v=ca0057ff60'), url('../../../images/homiris/transverse/bleu/check.png?v=710e284cf4');
    }

.eps4defectAlert, .eps4defectResolution {
    background-image: url('../../../images/homiris/journal/defect_icns.svg?v=ca0057ff60');
}

#C\:eps4homeContainer .eps4galleryNext {
    background-image: url('../../../images/eps/transverse/blanc/droite2.png?v=b05a6332e7');
    background-repeat: no-repeat;
}

#C\:eps4homeContainer .eps4galleryPrevious {
    background-image: url('../../../images/eps/transverse/blanc/gauche2.png?v=91ac536d65');
}

.eps4imgHelp {
    background-image: url(../../../images/eps/transverse/rouge/info.png?v=387edf31ed);
}

    .eps4imgHelp:hover {
        background-image: url(../../../images/eps/transverse/rouge/info_hover.png?v=a0760f8e57);
    }

#ei_tpl_menuLevel1 > .ei_tpl_wrapper > nav > ul > li.e_select:before {
    content: url(../../../images/homiris/transverse/arrow.png?v=d7fb6904ce);
}

/* Configuration */

/* Encart Vidéo */

.eps4cameraItemMainInfos .eps4text {
    color: #314788;
}

/* Timeline */
/* Fix - DEVWP0-305 */
/*.eps4download {
    background-image: url(../../../images/eps/journal/download_white.png);
}*/

/* Fix - DEVWP0-305 */
.eps4download:hover, .eps4timelineDelete:hover {
    opacity: .7;
}

#C\:eps4timeRefreshLine {
    background-image: url('../../../images/eps/journal/refresh.png?v=861685a2a2');
}

.eps4timelineWelcome {
    background-image: url('../../../images/homiris/journal/welcome.png?v=c71b683daf');
}

.eps4imgInfo {
    background-image: url('../../../images/eps/journal/info.png?v=6de3a73d4b');
}

.eps4timelineAlertIP {
    background-image: url('../../../images/homiris/journal/alertIP.png?v=94c5b8a4da');
}

.eps4timelineAppointmentIcon {
    background-image: url('../../../images/homiris/journal/bulles.png?v=21ec439ea6');
}

.eps4timelineBulles {
    background-image: url('../../../images/homiris/journal/bulles.png?v=21ec439ea6');
}

.eps4timelineCarbonAlert {
    background-image: url('../../../images/homiris/journal/alert_carbon.png?v=711ea145ff');
}

.eps4timelineEventIcon {
    background-image: url('../../../images/homiris/journal/event_icns.png?v=22a5d314f6');
}

.eps4timelineFire {
    background-image: url('../../../images/homiris/journal/flamme.png?v=61a4bfa11d');
}

.eps4timelineIpBack {
    background-image: url('../../../images/homiris/journal/ipBack.png?v=c684130227');
}

.eps4timelineIpLoose {
    background-image: url('../../../images/homiris/journal/ipLoose.png?v=3c86fdbf41');
}

.eps4timelineNotifIcon {
    background-image: url('../../../images/homiris/journal/notif_icns.png?v=365a02c266');
}

.eps4timelinePrivateModeIcon {
    background-image: url('../../../images/homiris/journal/privateMode_icns.png?v=3fa5fe1204');
}

.eps4timelinePrivateModeLiveOn {
    background-image: url('../../../images/homiris/journal/privateModeLiveOn.png?v=049b974687');
}

.eps4timelinePrivateModeLiveOff {
    background-image: url('../../../images/homiris/journal/privateModeLiveOff.png?v=4fa3d64a5c');
}

.eps4timelinePrivateModeSoundOff {
    background-image: url('../../../images/homiris/journal/privateModeSoundOff.png?v=2d5cfc9a22');
}

.eps4timelinePrivateModeSoundOn {
    background-image: url('../../../images/homiris/journal/privateModeSoundOn.png?v=e26ce95188');
}

.eps4timelineIPIcon {
    background-image: url('../../../images/homiris/journal/timelineIP.png?v=4da339a17b');
}

.eps4timelineSdCardVideoDownload {
    background-image: url('../../../images/homiris/journal/sdCardVideoDownload.png?v=049b974687');
}

.eps4timelineSdCardVideoIcon {
    background-image: url('../../../images/homiris/journal/sdCardVideo_icns.png?v=3fa5fe1204');
}

.eps4timelineWater {
    background-image: url('../../../images/homiris/journal/water.png?v=6aeecb7860');
}

.eps4timelineWaterOff {
    background-image: url('../../../images/homiris/journal/water_off.png?v=e07968c0c7');
}

.eps4timelineWaterNotifIcon {
    background-image: url('../../../images/homiris/journal/waternotif_icns.png?v=b89bb80410');
}

.eps4timelineWaterPause {
    background-image: url('../../../images/homiris/journal/waterPause.png?v=b886fabbda');
}

.eps4timelineWaterPlay {
    background-image: url('../../../images/homiris/journal/waterPlay.png?v=7dc47b17c0');
}

.eps4timelineWaterAlert {
    background-image: url('../../../images/homiris/journal/waterTimeline.png?v=a6d228d40e');
}

.eps4timelineCalendarActive {
    background-image: url('../../../images/homiris/journal/alarm_schedule_active.png?v=2eed0c780a');
}

.eps4timelineCalendarInactive {
    background-image: url('../../../images/homiris/journal/alarm_schedule_inactive.png?v=ada916064f');
}

.eps4timelineShutterClosing {
    background-image: url('../../../images/homiris/journal/shutter_closing.png?v=af45af2cbe');
}

.eps4timelineShutterEventIcon {
    background-image: url('../../../images/homiris/journal/shutter_icns.png?v=ab11714e5d');
}

.eps4timelineShutterOpening {
    background-image: url('../../../images/homiris/journal/shutter_opening.png?v=df9fb180d2');
}

.eps4timelineDefectAlert {
    background-image: url('../../../images/homiris/journal/defect_alert.svg?v=61a51c6dbe');
}

.eps4timelineDefectInfo {
    background-image: url('../../../images/homiris/journal/defect_info.svg?v=61a51c6dbe');
}

.eps4timelineDefectResolved {
    background-image: url('../../../images/homiris/journal/defect_resolved.svg?v=61a51c6dbe');
}

.eps4timelineUser {
    background-image: url('../../../images/homiris/journal/user.png?v=e7980f8694');
}

.eps4imgDownload {
    background-image: url('../../../images/homiris/journal/download.png?v=8fc22cd63a');
    background-repeat: no-repeat;
    background-position: center;
}

    .eps4imgDownload:hover {
        background-image: url('../../../images/homiris/journal/download_hover.png?v=0af9e2c7e3');
        background-repeat: no-repeat;
        background-position: center;
    }

#C\:eps4timeContent .eps4pagerPrevious, #C\:eps4timeContent .eps4pagerFirst {
    background-image: url('../../../images/eps/transverse/blanc/gauche.png?v=0aa3b5bdc8');
}

#C\:eps4timeContent .eps4pagerNext, #C\:eps4timeContent .eps4pagerLast {
    background-image: url('../../../images/eps/transverse/blanc/droite.png?v=9303ca0828');
}

/* Records */

#C\:eps4recordsContent.eps4calendarView #C\:eps4recordsFilter .eps4recordsRefresh,
#C\:eps4recordsContent.eps4calendarView .eps4recordsRefresh{
    background-image: url(../../../images/homiris/records/bleu/refreshIcon.png?v=1efb903ec5);
}

#C\:eps4recordsContent.eps4calendarView #C\:eps4recordsFilter .eps4recordsCalendarView {
    background-image: url(../../../images/homiris/records/bleu/calendarIcon.png?v=88d17559d5);
}

#C\:eps4recordsContent.eps4calendarView #C\:eps4recordsFilter .eps4recordsDelete {
    background-image: url(../../../images/homiris/records/bleu/deleteIcon.png?v=ed55bbf94a);
}

#C\:eps4recordsContent.eps4calendarView #C\:eps4recordsFilter .eps4imgInfo {
    background-image: url(../../../images/homiris/records/bleu/questionIcon.png?v=1a82057324);
}

#C\:eps4recordsContent.eps4calendarView #C\:eps4recordsFilter .eps4recordsRefresh:hover,
#C\:eps4recordsContent.eps4calendarView .eps4recordsRefresh:hover {
    background-image: url(../../../images/homiris/records/bleu/refreshIcon.png?v=1efb903ec5);
}

#C\:eps4recordsContent.eps4calendarView #C\:eps4recordsFilter .eps4recordsCalendarView:hover {
    background-image: url(../../../images/homiris/records/bleu/calendarIcon.png?v=88d17559d5);
}

#C\:eps4recordsContent.eps4calendarView #C\:eps4recordsFilter .eps4recordsDelete:hover {
    background-image: url(../../../images/homiris/records/bleu/deleteIcon.png?v=ed55bbf94a);
}

#C\:eps4recordsContent.eps4calendarView #C\:eps4recordsFilter .eps4imgInfo:hover {
    background-image: url(../../../images/homiris/records/bleu/questionIcon.png?v=1a82057324);
}

#C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4recordItem .eps4recordPlay .eps4recordCaptionActions .eps4downloadRecord {
    background-image: url(../../../images/homiris/records/bleu/downloadIcon.png?v=74b50c9a66);
}

#C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4recordItem .eps4recordPlay .eps4recordCaptionActions .eps4deleteRecord {
    background-image: url(../../../images/homiris/records/bleu/deleteIcon.png?v=ed55bbf94a);
}

#C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4recordItem.eps4selected .eps4recordPlay .eps4recordCaptionActions .eps4downloadRecord {
    background-image: url(../../../images/homiris/records/bleu/downloadIcon.png?v=74b50c9a66);
}

#C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4recordItem.eps4selected .eps4recordPlay .eps4recordCaptionActions .eps4deleteRecord {
    background-image: url(../../../images/homiris/records/bleu/deleteIcon.png?v=ed55bbf94a);
}

#C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4recordItem.eps4selected .eps4recordPlay .eps4recordCaptionActions .eps4downloadRecord:hover {
    background-image: url(../../../images/homiris/records/bleu/downloadIcon.png?v=74b50c9a66);
}

#C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4recordItem.eps4selected .eps4recordPlay .eps4recordCaptionActions .eps4deleteRecord:hover {
    background-image: url(../../../images/homiris/records/bleu/deleteIcon.png?v=ed55bbf94a);
}

#C\:eps4recordsContent.eps4hasNoSdCard.eps4calendarView #C\:eps4noSdCardWrapper {
    color: inherit;
    background-image: url(../../../images/homiris/records/gris/sdcard.png?v=090e6d88de);
}

#C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4calendarViewBody .eps4calendarWidgetWrapper .eps4calendarMonthAction.eps4before {
    background-image: url('../../../images/homiris/records/gris/leftarrowIcon.png?v=1d297c9d18');
}

    #C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4calendarViewBody .eps4calendarWidgetWrapper .eps4calendarMonthAction.eps4before:hover {
        background-image: url('../../../images/homiris/records/gris/leftarrowIcon.png?v=1d297c9d18');
    }

#C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4calendarViewBody .eps4calendarWidgetWrapper .eps4calendarMonthAction.eps4after {
    background-image: url('../../../images/homiris/records/gris/rightarrowIcon.png?v=772c8adbee');
}

    #C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4calendarViewBody .eps4calendarWidgetWrapper .eps4calendarMonthAction.eps4after:hover {
        background-image: url('../../../images/homiris/records/gris/rightarrowIcon.png?v=772c8adbee');
    }

/* Configuration */

#C\:eps4smartphonePeeringsList .eps4waitingPeering {
    background-image: url('../../../images/homiris/transverse/bleu/wait_mark.svg');
}

#C\:eps4smartphonePeeringsList .eps4securedPeering {
    background-image: url('../../../images/homiris/transverse/bleu/check_mark.svg');
}

#C\:eps4smartphonePeeringsList .eps4unsecuredPeering {
    background-image: url('../../../images/homiris/transverse/bleu/cross_mark.svg');
}

#C\:eps4smartphonePeeringsList .eps4activatedPush {
    background-image: url('../../../images/homiris/transverse/bleu/check_mark.svg');
}

#C\:eps4smartphonePeeringsList .eps4deactivatedPush {
    background-image: url('../../../images/homiris/transverse/bleu/cross_mark.svg');
}

/*loader*/
.eps4LoaderGIF, div.eps4LoaderGIF {
    width: 3.3699em;
    height: 3.3699em;
    border-radius: 50%;
    background-color: #314788 !important;
    background-image: url('../../../images/homiris/transverse/loader.gif?v=a3acd9bd5c') !important;
    background-repeat: no-repeat;
    background-position: center;
}

.eps4LoaderGIFmin {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #314788;
    background-image: url('../../../images/homiris/transverse/loader.gif?v=a3acd9bd5c');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: 70%;
    background-size: 70%;
}

.eps4LoaderBefore:before {
    background-image: url('../../../images/homiris/transverse/loader.gif?v=a3acd9bd5c');
}
.eps4LoaderBefore:after {
    border-color: #314788;
}

.eps4logTitre {
    background: #ffffff !important;
}

    .eps4logTitre h1 {
        color: #314788 !important;
    }

/* FOOTER "OPERE PAR EPS" */
div#ei_tpl_footer_menu_img {
    display: block;
}


/* Styles des graphiques Highcharts */
/* (highcharts.css applique automatiquement un fill-opacity: 0.75; au survol du curseur) */

rect.highcharts-point.eps4ChartNoValue {
    fill: #D6DBDF;
}

rect.highcharts-point.eps4ChartHighValue {
    fill: #EC513D;
}

rect.highcharts-point.eps4ChartLowValue {
    fill: #6589CB;
}

rect.highcharts-point.eps4ChartNormalValue,   /* Cas avec un className par barre */
.eps4ChartNormalValue rect.highcharts-point { /* Cas avec un className pour toutes les barres */
    fill: #B4C2CF;
}

/* Style pour le Live Vidéo */

#C\:eps4videoWrapper #C\:eps4videoLiveHeader .eps4modalClose {
    background-image: url('../../../images/homiris/transverse/bleu/fermer.svg');    
}

#C\:eps4allControls .eps4vcTabList,
#C\:eps4allControls .eps4vcTabList .eps4vcTab.eps4selected .eps4vcTabIcon,
.eps4fullScreenControls .eps4vcTabList .eps4vcTab.eps4selected {
    background-color: #314788;
}

#C\:eps4allControls .eps4vcTabList .eps4vcTab.eps4selected {
    color: #314788;
}

