/*  ===================================================================
    == GLOBAL           A                                              
    ===================================================================*/

/* --------------------------------------- 
        -- Font                                  
        --------------------------------------- */
@font-face {
    font-family: "Ubuntu";
    font-weight: 300;
    src: url('../../../fonts/Ubuntu/light/Ubuntu-L.ttf?v=8571edb1bb');
}

@font-face {
    font-family: "Ubuntu";
    font-weight: 400;
    src: url('../../../fonts/Ubuntu/regular/Ubuntu-R.ttf?v=1c5965c2b1');
}

@font-face {
    font-family: "Ubuntu";
    font-weight: 500;
    src: url('../../../fonts/Ubuntu/medium/Ubuntu-M.ttf?v=785d803175');
}

@font-face {
    font-family: "Ubuntu";
    font-weight: 600;
    src: url('../../../fonts/Ubuntu/bold/Ubuntu-B.ttf?v=e0008b5801');
}

@font-face {
    font-family: 'customFont';
    src: url('../../../fonts/customFont/customFont.eot?v=db3f545586');
    src: url('../../../fonts/customFont/customFont.eot?v=db3f545586#iefix') format('embedded-opentype'), url('../../../fonts/customFont/customFont.ttf?v=0c1eb0a902') format('truetype'), url('../../../fonts/customFont/customFont.woff?v=ec5226988a') format('woff'), url('../../../fonts/customFont/customFont.svg?v=dbd6a0aee1#customFont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "EncodeSans-Light";
    src: url('../../../fonts/EncodeSans/EncodeSans-Light.ttf?v=732cfd9ecc');
}

@font-face {
    font-family: "EncodeSans-Thin";
    src: url('../../../fonts/EncodeSans/EncodeSans-Thin.ttf?v=0349482826');
}

@font-face {
    font-family: "EncodeSans-Regular";
    src: url('../../../fonts/EncodeSans/EncodeSans-Regular.ttf?v=42fb8ae487');
}

@font-face {
    font-family: "EncodeSans-Medium";
    src: url('../../../fonts/EncodeSans/EncodeSans-Medium.ttf?v=378bfb3cf7');
}

@font-face {
    font-family: "EncodeSans-SemiBold";
    src: url('../../../fonts/EncodeSans/EncodeSans-SemiBold.ttf?v=f5f542c3b0');
}

@font-face {
    font-family: "EncodeSans-Bold";
    src: url('../../../fonts/EncodeSans/EncodeSans-Bold.ttf?v=734ceca7f7');
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'customFont' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.eps4icon-star-empty:before {
    font-family: 'customFont';
    content: "\e9d7";
}

.eps4icon-star-full:before {
    font-family: 'customFont';
    content: "\e9d9";
}

.eps4icon-star-full {
    color: #20ABF0;
}

.eps4icon-star {
    cursor: pointer;
}

a#eiEps4assistance {
    padding-left: 20px;
    background-image: url('../../../images/eps/accueil/assistance/assistance.svg?v=178f5793d2');
    background-size: 15px;
    background-repeat: no-repeat;
}

    a#eiEps4assistance:hover {
        background-image: url('../../../images/eps/accueil/assistance/assistance_hover.svg?v=8fcdd1826e');
    }

/* ---------------------------------------
        -- HTML elements
        --------------------------------------- */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
}

    *:after,
    *:before {
        box-sizing: border-box;
    }

html,
body {
    height: 100%;
    min-width: 800px;
    position: relative;
    width: 100%;
}

* + html {
    overflow: auto;
}

body {
    background-color: #eaeff0;
    /* background-image: url('../../../images/eps/transverse/fond_general.jpg?v=6d876eea0b') !important; */
    background-image: none;
    background-position: 50% 64px !important;
    background-repeat: no-repeat !important;
}

a {
    cursor: pointer;
}

video {
    max-width: 100%;
    height: 100%;
}

body > img {
    display: none !important;
}

textarea {
    resize: none;
}

table tbody tr td:not(:last-child) {
    padding-right: 2em;
}

table tbody tr td {
    padding-top: .5em !important;
    padding-left: 0 !important;
    padding-bottom: .5em !important;
}

td {
    word-wrap: break-word;
    position: relative;
}

input:active,
input:focus,
input:visited,
textarea:active,
textarea:focus,
textarea:visited {
    opacity: 1;
}

::placeholder {
    opacity: 0.5;
}

::-webkit-input-placeholder { /* Edge */
    opacity: 0.5;
}

textarea {
    min-height: 5em;
}

.eps4alignRight {
    text-align: right;
}

.eps4alignLeft {
    text-align: left;
}

.eps4alignCenter {
    text-align: center;
}

ul {
    -webkit-padding-start: 0px;
    -khtml-padding-start: 0px;
    -moz-padding-start: 0px;
    -o-padding-start: 0px;
    padding-start: 0px;
}

#C\:eps4mailingListEdit input,
#C\:eps4subscriberDataEdit input,
#C\:eps4communicationSponsorCoordEdit input:not(.eps4communicationSponsorPhone),
#C\:eps4removalDiv > div > table input,
#C\:eps4callbackTableOtherPhone input,
.eps4welcomeForm input {
    width: 100%;
    padding-left: .52em;
}

.eps4communicationSponsorPhone {
    width: 100%;
}
/*  ===================================================================
    == DEVBOOSTER                                                   
    ===================================================================*/
/* ---------------------------------------
        -- Header
        --------------------------------------- */
#ei_tpl_logo {
    width: 400px !important;
    float: left;
}

    #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 {
        text-align: right;
        text-decoration: none;
        line-height: 23px;
        vertical-align: bottom;
        width: 400px !important;
    }

        #ei_tpl_logo a img {
            visibility: hidden;
        }

#ei_tpl_header {
    position: relative;
    z-index: 1;
}

#ei_tpl_header {
    background: #f6f8f9;
    width: 100%;
}

/* ---------------------------------------
        -- Footer
        --------------------------------------- */
#ei_tpl_footer {
    position: relative;
}

#ei_tpl_footer_menu {
    width: 620px !important;
}

#ei_tpl_footer_tiles ul li a {
    margin-left: 5% !important;
    margin-right: 5% !important;
}

#ei_tpl_footer_menu > ul > li:nth-child(-n+3) {
    margin-bottom: 20px;
}

/* ---------------------------------------
        -- Page
        --------------------------------------- */
p.a_titre1 {
    display: none;
}

.eps4wrapper p.a_titre1 {
    display: block !important;
}

.a_blocappli {
    font-size: 87.5%;
    line-height: 1.5;
}

#ei_tpl_fullSite {
    min-width: 1024px;
}

.a_blocappli input[type=text] {
    background: #eaeff0;
    border: 0.0424em solid rgba(52, 73, 94, .6);
    border-radius: .4em !important;
    color: #7e93a1;
    height: 30px;
    overflow: hidden;
}

    .a_blocappli input[type=text] p {
        padding-left: .25em !important;
    }

.a_blocfctl {
    margin: 0;
    padding: 0;
    width: 100%;
}

div[ng-app] .a_blocfctl {
    max-width: 1024px;
    margin: auto;
}

#ei_tpl_hpage {
    z-index: 10;
}

.ei_tpl_wrapper {
    margin: auto;
    width: 1024px;
}

ul.inf_lstniv1 {
    padding: 2em;
}

#ei_tpl_contener h3 {
    font-size: 1.5925em;
    font-weight: 300;
}

#ei_tpl_contener a {
    border: none;
}

.a_blocappli a {
    color: inherit;
}

.a_blocappli .info,
.a_blocappli .alerte {
    margin: 0 auto 2em auto;
    padding-right: 0 !important;
    width: 997px !important;
}

#ei_tpl_contener a:focus {
    outline: 0;
}

#ei_tpl_ident {
    margin-right: 15px;
    padding-top: 8px;
}

    #ei_tpl_ident > #ei_tpl_ident {
        margin-right: 15px;
        padding-top: 0 !important;
    }

a#ei_tpl_ident_logout {
    display: block;
    height: 30px;
    width: 125px;
    position: relative;
    text-align: center;
    font-size: 1.1em;
    margin-left: 1.5em;
}

html[lang|=nl] a#ei_tpl_ident_logout::after {
    content: 'Uitloggen';
}

html[lang|=fr] a#ei_tpl_ident_logout::after {
    content: 'Se d\00E9 connecter';
}

html[lang|=en] a#ei_tpl_ident_logout::after {
    content: 'Sign out';
}

a#ei_tpl_ident_logout::after {
    top: 1px;
    left: 0px;
    position: absolute;
}


a#ei_tpl_ident_logout::before {
    top: 20px;
    left: -20px;
    position: absolute;
}

a#ei_tpl_ident_logout img {
    display: none;
}

.a_blocfctl.consulter,
.a_blocfctl.recapituler,
.a_blocfctltitre,
.a_blocfctl.saisir {
    width: 1040px;
}

    .a_blocfctl.consulter .a_blocfctltitre {
        background-color: transparent !important;
        margin-top: 0 !important;
    }

.a_blocfctltitre {
    margin: 75px auto 0 auto;
    padding-left: 0;
    padding-right: 0;
    width: 1024px;
}

    .a_blocfctltitre .a_titre2 {
        padding-left: 1em;
    }

.a_blocfctl.consulter,
.a_blocfctl.saisir,
.a_blocfctl.recapituler {
    margin: auto;
    width: 1024px;
}

.a_blocfctltitre ~ .a_blocfctl:nth-child(n-1) {
    margin-bottom: 16px;
}

.a_blocfctl.recapituler {
    padding-bottom: 1px;
}


.a_blocfctl.saisir .blocboutons {
    padding-bottom: 2em;
}

.blocboutons {
    padding-bottom: 2em;
}

.a_blocfctl.consulter {
    border-color: rgba(213, 221, 224, .5);
    border-radius: .4em;
    box-shadow: 0em 0em .25em rgba(0, 0, 0, .1);
    margin-bottom: 20px;
}

.a_blocfctl {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

    .a_blocfctl h3 {
        padding-bottom: 30px;
        padding-top: 80px;
    }

    .a_blocfctl h4 {
        font-size: 17px;
        font-weight: 500;
        padding-bottom: 15px;
        padding-top: 10px;
    }

.ei_false_bloctxt {
    padding-left: 20px;
    padding-right: 20px;
}

.a_blocfctl p {
    font-size: 13px;
}

ul.a_menuappli {
    padding-left: 0 !important;
}

    ul.a_menuappli li {
        background-color: rgba(234, 239, 240, 0.25);
    }

        ul.a_menuappli li:hover,
        ul.a_menuappli li:hover a {
            background-color: rgba(234, 239, 240, 1);
            color: #a4b3bd !important;
        }

        ul.a_menuappli li.sel {
            background-color: rgba(234, 239, 240, 1);
        }

.a_menuappli ul li a {
    color: #fff;
    text-decoration: none;
}

p.a_titre1 {
    padding-top: 20px;
}

.a_menuappli h1 {
    color: #fff;
    font-weight: 300;
    padding-top: 2em;
}

ul.a_menuappli li {
    line-height: 1em;
    display: inline-block !important;
    float: none !important;
    margin-top: 40px;
    padding: 15px 10px !important;
}

.a_menuappli {
    display: block !important;
    margin: auto !important;
    position: absolute;
    text-align: center;
    width: 100%;
}

    .a_menuappli .popaide {
        line-height: 7px;
    }

    .a_menuappli ul li {
        background: rgba(234, 239, 240, .4);
        line-height: 3em;
        margin: 0 1px;
        width: 340px;
    }

        .a_menuappli ul li:hover,
        .a_menuappli ul li:hover a {
            background: rgba(234, 239, 240, 1) !important;
            color: #a4b3bd !important;
            cursor: pointer;
        }

        .a_menuappli ul li a {
            color: #fff;
            text-decoration: none;
        }

.ng-scope .ei_titleblock .ei_titlelabel p {
    padding-top: 20px;
}

.fd {
    float: none !important;
}

.err {
    border-radius: 5px;
    left: 0;
    margin: auto;
    position: absolute !important;
    right: 0;
    width: 1000px !important;
}

/* Erreur devb sur un parcours : On rétablit le style défini par EI */
.eps4workflowContainer .err {
    position: relative !important;
    width: auto !important;
}

#changePassword {
    margin-top: 77px;
}

    #changePassword .blocmsg.err {
        position: relative !important;
        margin: 20px 10px;
    }

.a_blocappli .ei_buttonbar input.image {
    border: none;
}


.inf_lstniv {
    margin: 1em;
}

    .inf_lstniv ul {
        margin-top: .5em;
    }

        .inf_lstniv ul li {
            list-style: none;
            margin-left: .5em;
        }

.titlig {
    padding-left: 5em;
}

.eps4invisibleIframe, .eps4invisibleForm, .eps4invisibleForm input {
    width: 0px !important;
    height: 0px !important;
    border: none !important;
    position: absolute !important;
}

/*  ===================================================================
    == MENU HORIZONTAL                                                         
    ===================================================================*/
#ei_tpl_menuLevel1 .ei_tpl_wrapper nav ul li {
    text-align: center;
    max-width: 205px;
    height: 90.38px;
}

    #ei_tpl_menuLevel1 .ei_tpl_wrapper nav ul li a {
        display: block !important;
        clear: both;
        color: rgba(255, 255, 255, .7);
        margin: 17px auto;
        max-width: 100px;
    }

        #ei_tpl_menuLevel1 .ei_tpl_wrapper nav ul li a span:before {
            padding-bottom: 6px;
            margin: 0 auto;
        }

        #ei_tpl_menuLevel1 .ei_tpl_wrapper nav ul li a span {
            width: 100%;
            display: block;
            height: 44px;
        }

.modeSticky #ei_tpl_menuLevel1 .ei_tpl_wrapper nav ul li {
    height: 64px !important;
}

    .modeSticky #ei_tpl_menuLevel1 .ei_tpl_wrapper nav ul li a {
        margin: auto;
    }

#C\:eps4QuickLinksMenu {
    float: left;
    position: relative;
    top: 0;
    left: 15px;
    max-width: 195px;
}

    #C\:eps4QuickLinksMenu.affix {
        position: fixed;
        top: 75px;
    }

    #C\:eps4QuickLinksMenu li {
        list-style: none;
        cursor: pointer;
    }

        #C\:eps4QuickLinksMenu li p {
            padding: 5px 10px;
            line-height: 1.2em;
        }

        #C\:eps4QuickLinksMenu li:hover p,
        #C\:eps4QuickLinksMenu li.active p {
            border-left-style: solid;
        }

        #C\:eps4QuickLinksMenu li.active p,
        #C\:eps4QuickLinksMenu li.active:hover p {
            font-weight: bold;
            padding-left: 8px;
            border-left-width: 2px;
            text-decoration: none;
        }

        #C\:eps4QuickLinksMenu li:hover p {
            border-left-width: 1px;
            padding-left: 9px;
            text-decoration: underline;
        }



/*  ===================================================================
    == COMMON                                                       
    ===================================================================*/
.info,
.alerte {
    width: 70%;
    border-radius: .4em;
    margin-bottom: 1em;
    border: .07em solid #eaeff0;
    background: rgb(246, 248, 249);
}

.eps4defaultCursor {
    cursor: default !important;
}

.eps4wordwrap {
    word-wrap: break-word;
}

.info p,
.alerte p {
    color: rgba(52, 73, 94, 0.5);
    padding: .5em 2em;
}

.eps4notAllowed {
    top: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 2.5em;
    width: 900px;
    text-align: center;
    color: #fff;
    display: block;
    position: absolute;
    background: rgb(252, 58, 76) url('../../../images/eps/transverse/error.png?v=61a51c6dbe') no-repeat 1% 50%;
    border-radius: 5px;
}

#eps4background,
#C\:eps4background {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
    background-color: #1a272d;
}

.eps4fontBold {
    font-weight: 600 !important;
}

p.eps4titleTd {
    font-weight: 600 !important;
    margin-bottom: 0.2em;
}

.pop {
    overflow: hidden;
    margin-left: -10px;
}

faulterrordetail {
    display: none;
}

input.eps4amount {
    text-align: right;
}

.eps4whiteDiv {
    width: 1024px;
    margin: 0 auto 1em auto;
    border-radius: 0.4em;
    background: #fff;
}

.eps4divHeader,
.eps4whiteDivShadow,
.eps4setting {
    width: 1024px;
    margin: 0 auto 1em auto;
    border-radius: 0.4em;
    background: #fff;
    transition: box-shadow .25s ease-in-out;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, .12), 0px 1px 2px rgba(0, 0, 0, .22);
}

    .eps4setting .eps4msgBloc {
        margin: 1em 3em;
    }

    .eps4setting .eps4freeBloc {
        margin: 1em 3em;
    }

    .eps4divHeader:hover,
    .eps4whiteDivShadow:hover,
    .eps4setting:hover {
        box-shadow: 0px 6px 6px rgba(0, 0, 0, .12), 0px 6px 4px rgba(0, 0, 0, .16);
    }

.eps4divHeader {
    padding: 1em 2em;
    text-align: center;
}

    .eps4divHeader h3 {
        margin: 1em 0;
    }

    .eps4divHeader h4 {
        margin: 0.75em 0;
    }

#C\:eps4absenceForm .eps4configBtn p,
#C\:eps4worksForm .eps4configBtn p {
    margin-bottom: 0.7em !important;
}

.eps4divHeader #C\:eps4absenceForm p,
.eps4divHeader #C\:eps4worksForm p {
    max-width: 621px;
    margin: auto;
}

.eps4divHeader .eps4configBtn {
    margin-top: 1.5em;
}

.eps4configBtn p {
    margin-bottom: 1em;
}

.eps4orderable {
    cursor: pointer;
}

/* Pop-in de prolongation de session */

#ModalLightBoxSessionExtension .a_blocfctltitre {
    width: 100%; /* Si width dépasse de la popin, une barre de défilement inutile apparait. */
}


/* ---------------------------------------
        -- Widget
        --------------------------------------- */
div.eps4widgetMenu {
    text-align: center;
    color: #fff;
    padding: 0;
}

    div.eps4widgetMenu h1 {
        padding-top: 60px;
        margin: 0;
    }

div.eps4widgetContainer {
    margin: 2em auto;
}

div.eps4widget {
    float: left;
    color: #fff;
    position: relative;
    vertical-align: top;
    margin: .625em;
    max-width: 231px;
}

.eps4active1tiles > div.eps4widget,
.eps4active2tiles > div.eps4widget,
.eps4active3tiles > div.eps4widget {
    float: none;
    display: inline-block;
}

div.eps4widgetTop,
div.eps4widgetBottom {
    width: 231px;
    text-align: center;
}

div.eps4widgetTop {
    padding: 0px;
}

div.eps4widgetBottom {
    padding: 10px;
}

.eps4widget .eps4Link {
    text-decoration: underline;
    cursor: pointer;
    color: #7e93a1;
    margin-top: 15px;
    line-height: 11.7px !important;
}

.eps4widgetTop.eps4widgetTopAlert {
    background: #d2220f;
}

.eps4widgetTop.eps4widgetTopAlert a {
    color: #fff;
    font-weight: 500;
    font-size: 0.9604em;
}

.eps4widgetTop [class*='eps4icon'] {
    padding-top: 8.083em;
    margin: 0 auto 2.294em auto;
    width: 86px;
    height: 82px;
}

div.eps4widgetTop p {
    font-size: 0.817em;
    font-weight: 600 !important;
    text-transform: uppercase;
    line-height: 1.6em;
}

div.eps4widgetTop h1 {
    padding: 0;
    text-shadow: 0em 0em .5em rgba(0, 0, 0, .45);
    font-weight: 400 !important;
    font-size: 1.5em;
}

.eps4widgetBottom {
    line-height: 17px !important;
    height: 110px;
    border-bottom-left-radius: .3em;
    border-bottom-right-radius: .3em;
    color: #7e93a1;
    background-color: #fff;
}

#C\:eps4contentTiles .eps4widgetBottomAlert h2 {
    color: #c93835;
}

eps4widgetBottom p {
    margin-top: 28px;
    color: #7e93a1;
    line-height: 1.2em;
    font-weight: 300;
}

.eps4widgetBottom a {
    font-weight: 500;
    font-size: 0.9604em;
}

    .eps4widgetBottom a:hover {
        color: #34495e;
    }

.eps4widgetBottom .eps4setGrey,
.eps4widgetBottom .eps4setWhite {
    bottom: 8px;
    right: 8px;
    width: 26px;
    height: 26px;
    cursor: pointer;
    position: absolute;
}

.eps4widgetBottom .eps4bottomText {
    position: absolute;
    bottom: 8px;
    left: 42px;
    right: 42px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    cursor: pointer;
}

/* Widget Alert */

.eps4widgetBottom.eps4widgetBottomAlert p {
    margin-bottom: 0.5em;
    color: #c93835;
    font-weight: 600;
}

.eps4alertEnded {
    background: url('../../../images/eps/accueil/widget/alertG.png?v=d449e3488b') no-repeat 85% 50%;
    top: 5px;
    left: 5px;
}

/* Widget Off */

.eps4widgetOff .eps4widgetTop {
    background: rgba(207, 214, 217, .7);
}

.eps4widgetOff .eps4widgetBottom {
    background-color: rgba(255, 255, 255, .75);
}

/* Advertisement */

.eps4widgetAdvertisement div.eps4widgetTop h1 {
    line-height: 17pt;
    font-size: 1.45em;
    font-weight: 400 !important;
    margin-top: 5px;
}

.eps4widgetAdvertisement .eps4widgetTop,
.eps4widgetAdvertisement .eps4widgetBottom {
    background-color: transparent;
    color: #fff !important;
}

.eps4widgetAdvertisement p {
    margin-top: 30px;
}

.eps4widgetAdvertisement .eps4widgetBottom a {
    color: #fff !important;
}

/* Video */
#C\:eps4SecurityTileCamera,
#C\:eps4TileLastAlert {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 4px;
    position: absolute;
    cursor: pointer;
    color: #fff;
    background-color: rgba(255,255,255, .2);
    background-repeat: no-repeat;
    background-size: 25px;
}

    #C\:eps4SecurityTileCamera:focus,
    #C\:eps4SecurityTileCamera:active,
    #C\:eps4SecurityTileCamera:hover,
    #C\:eps4TileLastAlert:focus,
    #C\:eps4TileLastAlert:active,
    #C\:eps4TileLastAlert:hover {
        color: #fff;
    }

    #C\:eps4SecurityTileCamera.eps4Off,
    #C\:eps4TileLastAlert.eps4Off {
        background-color: rgba(0,0,0, .10);
    }

#C\:eps4SecurityTileCamera {
    background-image: url('../../../images/eps/accueil/widget/icn_webcam.png?v=ceed1bb94b');
    background-position: 85% 50%;
    text-align: left;
    text-indent: 8px;
    font-size: 20px;
    right: 5px;
    top: 5px;
}

    #C\:eps4SecurityTileCamera.eps4LiveForbidden {
        background-image: url('../../../images/eps/accueil/widget/icn_webcam_off.png?v=578e88b584');
        background-repeat: no-repeat;
        background-size: 22px;
        cursor: not-allowed;
    }

#C\:eps4TileLastAlert {
    background-image: url('../../../images/eps/transverse/error.png?v=61a51c6dbe');
    background-position: 50% 50%;
    top: 5px;
    left: 5px;
}

/*  ===================================================================
    ==                             OPTIN                                                      
    ===================================================================*/
#C\:eps4Optin {
    margin: 5% auto;
    padding: 3em;
    line-height: 2em;
    width: 900px;
    position: relative;
}

    #C\:eps4Optin .eps4configBtn {
        margin-bottom: 0;
    }

    #C\:eps4Optin .eps4Loader {
        margin: 7em auto;
    }

    #C\:eps4Optin .eps4msgBloc {
        max-width: none;
    }

/*  ===================================================================
    == WAITING CONNECTION                                                      
    ===================================================================*/
.eps4NoJavascript {
    margin: 0;
    width: 100%;
    min-height: 30px;
    line-height: 30px;
    font-size: 1em;
    text-align: center;
    opacity: 1;
    background: #1a272d;
    position: relative !important;
    color: #FFFFFF;
}

.eps4waitContent #C\:eps4clauseCnilText {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
}

    .eps4waitContent #C\:eps4clauseCnilText a {
        color: inherit;
    }

/*  ===================================================================
    == CONFIGURATION                                                       
    ===================================================================*/
/* ---------------------------------------
        -- Common
        --------------------------------------- */

.eps4settingPanel .eps4configBtn {
    width: 54.5em;
}
/* system */

.eps4system {
    max-width: 980px;
    border-top-right-radius: .4em;
    border-bottom-right-radius: .4em;
    border-bottom: 0.063em solid;
    border-right: 0.063em solid;
    border-top: 0.063em solid;
    border-color: rgba(213, 221, 224, .1);
    background: rgba(255, 255, 255, 1);
}

    .eps4system:first-child {
        width: 12.003em;
        text-align: center;
        border-top-left-radius: .4em;
        border-bottom-left-radius: .4em;
        border-top-right-radius: 0em !important;
        border-bottom-right-radius: 0em !important;
    }

    .eps4system:nth-child(2) {
        width: 855px;
        max-width: 855px;
    }

    .eps4system,
    .eps4system > div {
        position: relative;
    }

        .eps4system img {
            vertical-align: middle;
        }

        .eps4system > .eps4settingInfo {
            width: 816px;
        }

        .eps4system .eps4label h4 {
            color: #fff !important;
        }

        .eps4system table {
            width: 90%;
            margin-top: 1.868em;
            margin-left: 40px;
            border-collapse: collapse;
        }

            .eps4system table thead tr th p {
                text-align: left;
                font-weight: 400;
                font-size: 1.0038em;
            }

            .eps4system table tbody tr td p {
                font-weight: 400;
                font-size: 1.0038em;
            }

            .eps4system table tfoot tr th {
                padding: 1.4em 0em;
            }
/* setting */

.eps4setting .eps4configBtn {
    width: 769px;
    margin-left: 40px;
}

    .eps4setting .eps4configBtn span.eps4btn:first-child {
        margin-left: 0px;
    }

.eps4setting > .eps4settingInfo {
    width: 50%;
}

.eps4setting > .eps4system > table {
    table-layout: fixed;
}

.eps4setting h3 {
    text-align: left;
    margin-top: .75em;
    margin-left: 1.6em;
}

.eps4setting .eps4system .eps4AjaxDiv .eps4titleWithStatus {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding-right: 3em;
    width: 100%;
}

    .eps4setting .eps4system .eps4AjaxDiv .eps4titleWithStatus .eps4statusText {
        font-size: 1.2em;
        font-weight: normal;
    }

.eps4setting .eps4serviceDetail > .eps4msgBloc:first-child {
    margin-top: 0px;
}

.eps4setting .eps4serviceDetail > .eps4configBtn:first-child {
    margin-top: 0.5em;
}

.eps4serviceDetail .eps4configBtn {
    margin-bottom: 0px;
}

.eps4setting .eps4serviceBloc {
    margin-left: 40px;
    margin-right: 3em;
}

    .eps4setting .eps4serviceBloc table {
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
    }

.eps4setting .eps4serviceBlocFirst {
    margin-top: 1.868em;
}

.eps4setting .eps4msgBloc {
    margin-left: 40px;
}


/* ---------------------------------------
        -- General
        --------------------------------------- */
#C\:eps4SecurityParameters .eps4system .eps4Loader {
    height: 180px;
}

#C\:eps4SecurityParameters .eps4serviceHeader h3,
#C\:eps4SecurityParameters .eps4msgBloc,
#C\:eps4SecurityParameters #C\:eps4siteNameEdit #C\:eps4siteNameUpdate {
    margin-left: 40px;
}

#C\:eps4container .eps4camLabelPosition {
    min-width: max-content;
    margin-right: -75px;
}

#C\:eps4container .eps4privateModeColumn {
    width: max-content;
    float: right;
}

#C\:eps4container .eps4privateModeEnabled {
    margin-right: 93px;
}

#C\:eps4GeneralPanel td:nth-child(1):not(.eps4sdCardAutoOnPirTitleTd) {
    width: 20em;
}

#C\:eps4GeneralPanel td:nth-child(2):not(.eps4privateModeColumn) {
    width: 27.5em;
}

#C\:eps4GeneralPanel .eps4sdCardAutoOnPirTitleTd {
    width: 0em;
}

#C\:eps4temperatureEdit td:nth-child(2) {
    width: 2em !important;
}

#C\:eps4temperatureVisu td:nth-child(1) {
    width: 1em !important;
}

#C\:eps4temperatureVisu .eps4TableList td:nth-child(2) {
    width: auto;
    min-width: 14em;
    max-width: 35em;
} 

#C\:eps4temperatureVisu td:nth-child(3) {
    width: auto;
}

#C\:eps4temperatureEdit [class^="eps4icon-"],
#C\:eps4temperatureVisu [class^="eps4icon-"] {
    cursor: pointer;
}

#C\:eps4temperatureVisu .eps4icon-star.eps4disabled {
    opacity: 1;
}

#C\:eps4smartphonePeeringsList tr {
    height: 31px;
    line-height: 31px;
}

#C\:eps4smartphonePeeringsList td:nth-child(2) {
    width: auto;
}

#C\:eps4smartphonePeeringsPeer td:nth-child(2), td:nth-child(3) {
    width: auto;
}

#C\:eps4smartphonePeeringsList td:nth-child(3),
#C\:eps4smartphonePeeringsPeer td:nth-child(3) {
    width: 170px;
}

#C\:eps4smartphonePeeringsList td:nth-child(4),
#C\:eps4smartphonePeeringsPeer td:nth-child(4) {
    width: 130px;
}

#C\:eps4smartphonePeeringsList td:nth-last-child(2) {
    width: 30px;
}

#C\:eps4smartphonePeeringsPeer .eps4peeringNotNeed p {
    padding-left: 25px;
}

#C\:eps4shutterList td:nth-child(1) {
    width: 33em;
}

#C\:eps4shutterList td:nth-child(2) {
    width: 15.5em;
}

/* Smartphone Peering */

#C\:eps4smartphonePeeringsList .iconPeering {
    display: inline-block;
    overflow: hidden;
    width: 21px;
    height: 21px;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-size: contain;
}

#C\:eps4smartphonePeeringsList .eps4
/* Alarm */
#C\:eps4alarmVisu .eps4msgBloc {
    margin: 1.5em 3.5em;
}

#C\:eps4SecurityParameters .eps4system .eps4AjaxDiv table td:first-child {
    width: 220px;
}

#C\:eps4alarmVisu td:nth-child(2) p {
    font-size: 1.4em;
}

/* dans le cas de l'alarme à Off, il y'a peu de contenu dans l'encart, ce CSS évite d'avoir trop d'espace en dessous des boutons */
#C\:eps4alarmConfirm.eps4alarmStatusOFF .eps4configBtn {
    margin-top: 61px !important;
}

#C\:eps4alarmEdit .eps4Radio {
    display: inline-block;
    width: 9em;
    float: left;
}

#C\:eps4deactivateSystemSmsPhonedropdown {
    width: 14em;
}

#C\:eps4deactivateSystemSmsCode {
    width: 6em;
}

/* Alarm Schedule */

#C\:eps4SecurityParameters .eps4system .eps4AjaxDiv .eps4titleWithStatus .eps4toggleContainer {
    margin-left: 60px;
}

#C\:eps4SecurityParameters .eps4system .eps4AjaxDiv table.eps4alarmScheduleTable {
    text-align: center;
    table-layout: fixed;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

    #C\:eps4SecurityParameters .eps4system .eps4AjaxDiv table.eps4alarmScheduleTable td.eps4alarmScheduleDay,
    #C\:eps4SecurityParameters .eps4system .eps4AjaxDiv table.eps4alarmScheduleTable .eps4alarmScheduleTime {
        border-style: solid;
        border-width: 1px;
        border-color: rgba(164, 179, 189, 0.7);
    }

    #C\:eps4SecurityParameters .eps4system .eps4AjaxDiv table.eps4alarmScheduleTable .eps4alarmScheduleDay,
    #C\:eps4SecurityParameters .eps4system .eps4AjaxDiv table.eps4alarmScheduleTable .eps4alarmScheduleTime {
        width: 190px;
        padding: 1em !important;
    }

    #C\:eps4SecurityParameters .eps4system .eps4AjaxDiv table.eps4alarmScheduleTable .eps4alarmScheduleSelect {
        width: 40px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #C\:eps4SecurityParameters .eps4system .eps4AjaxDiv table.eps4alarmScheduleTable .eps4alarmScheduleActions {
        width: 80px;
        text-align: left;
    }


        #C\:eps4SecurityParameters .eps4system .eps4AjaxDiv table.eps4alarmScheduleTable .eps4alarmScheduleActions > div {
            display: inline-block;
            float: none;
            width: 20px;
            height: 20px;
            margin-left: 12px;
            vertical-align: middle;
            background-size: 20px 20px;
            cursor: pointer;
        }

    #C\:eps4SecurityParameters .eps4system .eps4AjaxDiv table.eps4alarmScheduleTable .eps4edit {
        text-align: center;
        width: 8ch;
    }

        #C\:eps4SecurityParameters .eps4system .eps4AjaxDiv table.eps4alarmScheduleTable .eps4edit::placeholder {
            opacity: 0.4;
        }

#C\:eps4SecurityParameters .eps4system .eps4AjaxDiv #C\:eps4alarmScheduleVisu table.eps4alarmScheduleTable tr.eps4AlarmScheduleNoEvents td,
#C\:eps4SecurityParameters .eps4system .eps4AjaxDiv #C\:eps4alarmScheduleVisu table.eps4alarmScheduleTable tr.eps4AlarmScheduleEventsDisabled td {
    background-color: rgb(234, 239, 240);
}



/* MODAL Alarm Schedule */

#C\:eps4modalASEventEdit table {
    margin-left: 0px;
    margin-top: 0px;
}

#C\:eps4modalASEventEdit .eps4cbModalEditASEventDay {
    display: none;
}

    #C\:eps4modalASEventEdit .eps4cbModalEditASEventDay + p {
        width: 45px;
        height: 45px;
        line-height: 45px;
        margin-left: 5px;
        margin-right: 5px;
        font-size: 18px;
        text-align: center;
        background-color: #eaeff0;
        border-radius: 50%;
        user-select: none;
    }

    #C\:eps4modalASEventEdit .eps4cbModalEditASEventDay.eps4checkboxCheck + p {
        color: white;
        background-color: #15A7F0;
    }

/* Keyboard Code */

#C\:eps4keyboardList tr {
    height: 31px;
    line-height: 31px;
}

#C\:eps4keyboardList #C\:eps4KeyboardCodeNumberSecret {
    right: 7em;
}

#C\:eps4keyboardList #C\:eps4KeyboardCodeNumber p {
    right: 7em;
    width: max-content;
    position: relative;
}

#C\:eps4keyboardEdit table {
    table-layout: auto;
    width: 80%;
}

#C\:eps4keyboardEdit select {
    border: none;
    width: 15.2721em;
    background: rgba(151, 164, 175, 0.3);
    -webkit-box-shadow: 0em 0.1em .1em rgba(187, 204, 214, 1);
    -moz-box-shadow: 0em 0.1em .1em rgba(187, 204, 214, 1);
    box-shadow: 0em 0.1em .1em rgba(187, 204, 214, 1);
}

#C\:eps4keyboardEdit #code {
    width: 5.5209em;
}

#C\:eps4keyboardEdit #user {
    width: 24.529em;
}

#C\:eps4keyboardConfirm td {
    vertical-align: top;
    width: 50% !important;
}

#C\:eps4keyboardCodeDelete .eps4modalContent table {
    table-layout: fixed;
    width: 100%;
}

    #C\:eps4keyboardCodeDelete .eps4modalContent table td {
        vertical-align: top;
    }

/* MODAL KEYBOARD NOTICE */

.eps4icnArrow,
.eps4icn7,
.eps4icn09,
.eps4icnF,
.eps4icn0,
.eps4icn1,
.eps4icn19 {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0 0.2em;
    vertical-align: middle;
}


/* Remote Control */

#C\:eps4remoteControlList table td p {
    line-height: 34px;
}


/* Sms Plus */

#C\:eps4smsPlusPhonesList table td:nth-child(1) {
    width: 8em;
}

#C\:eps4smsPlusPhonesList table td:nth-child(2) {
    width: 15em;
}

#C\:eps4smsPlusPhonesList table td:nth-child(3) {
    width: 13em;
}

#C\:eps4smsPlusPhonesList table td:nth-child(4) {
    width: 13em;
}

#C\:eps4smsPlusCommands p {
    padding: 0;
}

/*  Water */

#C\:eps4WaterParameters td:nth-child(1) {
    width: 14em;
}

#C\:eps4WaterParameters td:nth-child(2) {
    width: 17em;
}

    #C\:eps4WaterParameters td:nth-child(2) .eps4btn {
        float: right;
    }

#C\:eps4WaterParameters .eps4serviceHeader h3 {
    margin-left: 40px;
}

span[id*="eps4lblVanne"] {
    padding-left: 8em;
}

#C\:eps4WaterParameters .eps4Radio {
    margin-left: 1em;
    display: inline-block;
}

.eps4euro:after {
    content: "\20ac";
    margin-left: 0.5em;
}

#C\:eps4WaterParameters input.eps4amount {
    width: 4.5em;
    text-align: right;
}

#C\:eps4infoSynchrone ul li p,
#C\:eps4infoPlanning ul li p {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

#C\:eps4WaterParameters #C\:eps4waterPrice {
    margin-left: 40px;
}



/* Tile order */

#C\:eps4TileOrderParameters .eps4tileList {
    display: table;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0px;
    margin-top: 14px;
    margin-left: 20px;
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Likely future */
    padding-left: 10px;
}

    #C\:eps4TileOrderParameters .eps4tileList .eps4tileElement,
    #C\:eps4TileOrderParameters .eps4tileList .eps4containerIcon,
    #C\:eps4TileOrderParameters .eps4tileList .eps4slideIndicator,
    #C\:eps4TileOrderParameters .eps4tileList .tileOrderPlaceHolder,
    #C\:eps4TileOrderParameters .eps4tileList .tileOrderPlaceHolder:before {
        width: 98px;
    }

        #C\:eps4TileOrderParameters .eps4tileList .eps4containerIcon,
        #C\:eps4TileOrderParameters .eps4tileList .tileOrderPlaceHolder:before {
            height: 101px;
        }

    #C\:eps4TileOrderParameters .eps4tileList .eps4tileElement {        
        display: table-cell;
        list-style-type: none;
        vertical-align: top;
        padding-left: 10px;
        padding-right: 10px;
    }

    #C\:eps4TileOrderParameters .eps4tileList .eps4containerIcon {
        padding: 10px;
        margin-left: auto;
        margin-right: auto;
        background-color: #7e93a1;
        border-radius: 0.5em;
    }

    #C\:eps4TileOrderParameters .eps4tileList .eps4tileElement [class*='eps4icon'] {
        display: block;
        background-size: contain;
        width: 100%;
        height: 100%;
    }

    #C\:eps4TileOrderParameters .eps4tileList .eps4tileLabel {
        font-size: 11px;
        text-align: center;
    }

#C\:eps4TileOrderParameters .eps4orderableTileList .eps4tileLabel {
    height: 48px;
    overflow: hidden;
}

#C\:eps4TileOrderParameters .eps4tileList .eps4slideIndicator {
    height: 27px;
    margin-left: auto;
    margin-right: auto;
    font-size: 24px;
    line-height: 7px;
    text-align: center;
}

#C\:eps4TileOrderParameters #C\:eps4tileOrderEdit .eps4tileList:not(.onListDrag) .eps4orderable:hover {
    background-color: rgba(234, 239, 240,0.3);    
}

#C\:eps4TileOrderParameters #C\:eps4tileOrderEdit .eps4tileList:not(.onListDrag) .eps4orderable:hover .eps4containerIcon {
    opacity: 0.7;
}

#C\:eps4TileOrderParameters #C\:eps4tileOrderEdit .eps4tileList .sortable-ghost > *,
#C\:eps4TileOrderParameters #C\:eps4tileOrderEdit .eps4tileList .sortable-ghost > .eps4containerIcon > * {    
    visibility: hidden;
}

#C\:eps4TileOrderParameters #C\:eps4tileOrderEdit .eps4tileList .sortable-ghost > .eps4containerIcon {
    background-color: rgb(234, 239, 240);
    visibility: visible;
}


#C\:eps4TileOrderParameters .eps4tileElement[data-title]:after,
#C\:eps4TileOrderParameters .eps4tileElement[data-title].eps4orderableTileList:after {
    margin-top: -15px;
    margin-left: -10px;
}

#C\:eps4TileOrderParameters .eps4tileList .tileOrderPlaceHolder {
    display: table-cell;
    list-style-type: none;
}

    #C\:eps4TileOrderParameters .eps4tileList .tileOrderPlaceHolder:before {
        content: '';
        display: block;
        margin-left: 10px;
        margin-top: 27px;
        background-color: rgb(234, 239, 240);
    }

/* */

#C\:eps4container h1,
#C\:eps4homeContainer h1,
#C\:eps4timeContainer h1,
#C\:eps4recordsContainer h1,
#C\:eps4wpContainer h1,
#C\:eps4workflowContainer h1,
.eps4modal h1 {
    font-weight: 300;
}

#C\:eps4container h2,
#C\:eps4homeContainer h2,
#C\:eps4timeContainer h2,
#C\:eps4recordsContainer h2,
#C\:eps4wpContainer h2,
#C\:eps4workflowContainer h2,
.eps4modal h2 {
    font-weight: 500;
}

#C\:eps4container h3,
#C\:eps4homeContainer h3,
#C\:eps4timeContainer h3,
#C\:eps4recordsContainer h3,
#C\:eps4wpContainer h3,
#C\:eps4workflowContainer h3,
.eps4modal h3 {
    font-size: 1.7925em;
    font-weight: 300;
}

#C\:eps4container p,
#C\:eps4homeContainer p,
#C\:eps4timeContainer p,
#C\:eps4recordsContainer p,
#C\:eps4wpContainer p,
#C\:eps4workflowContainer p,
.eps4modal p {
    font-weight: 400;
}

div.eps4widget > a,
div.eps4widget > a:hover,
div.eps4widget > a:focus,
div.eps4widget > a:active,
div.eps4widget > a:visited {
    text-decoration: none;
    border: none;
}

div.eps4widgetBottom > a {
    text-decoration: underline;
    border: none;
}

#C\:eps4homeContainer a:focus,
#C\:eps4timeContainer a:focus,
#C\:eps4recordsContainer a:focus,
#C\:eps4container a:focus,
.eps4modal a:focus,
#C\:eps4wpContainer a:focus,
#C\:eps4workflowContainer a:focus {
    outline: 0;
}

/* MODAL CARBON TEST */
#C\:eps4carbonTestModal .eps4modalBody {
    width: 100%;
    display: table;
}

#C\:eps4carbonTestModal .eps4modalLeft {
    display: table-cell;
}

    #C\:eps4carbonTestModal .eps4modalLeft li {
        margin-left: 20px;
        margin-top: 5px;
    }

#C\:eps4carbonTestModal .eps4modalRight {
    width: 165px;
    position: relative;
    vertical-align: top;
    display: table-cell;
}

    #C\:eps4carbonTestModal .eps4modalRight .eps4carbonTestPict {
        float: right;
        background-image: url('../../../images/eps/configuration/picto_test_daaco.png?v=503a5950be');
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        border-radius: 50%;
        height: 142px;
        width: 142px;
    }

/*===================================================================*/

/* MODAL FORMAT SD CARD */
#C\:eps4dataSDCardDelete .eps4warningFormatageSDCardImg {
    background-image: url(../../../images/eps/transverse/error.png?v=61a51c6dbe);
    background-repeat: no-repeat;
    background-position: 1% center;
    background-size: 27px;
}

#C\:eps4dataSDCardDelete .eps4warningFormatageSDCard {
    margin-left: 45px;
}

#C\:eps4dataSDCardDelete .eps4Loader,
#C\:eps4dataSDCardDelete .eps4LoaderGIF {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

#C\:eps4dataSDCardDelete .eps4warningFormatageSDCardImg {
    margin-top: 20px;
    margin-bottom: 20px;
}

#C\:eps4dataSDCardDelete .eps4formatProgress {
    margin-top: 30px;
}

#C\:eps4dataSDCardDelete .eps4progressBarText {
    width: 100%;
    text-align: right;
    margin-bottom: 30px;
    font-size: 0.8em;
}

/*--- Les Inputs && Tooltips && Radios Boutons && Check box && Loader && Fleches && Notifications  ---*/


/*Inputs*/

input.inp5 {
    text-align: center;
    border: none !important;
}


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.rangedatepicker,
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 {
    overflow: hidden;
    color: #7e93a1;
    border-radius: 0.4em;
    background: #eaeff0;
    border: 0.0424em solid rgba(52, 73, 94, .6);
}

input.inp5,
#C\:eps4container input,
#C\:eps4homeContainer input,
#C\:eps4timeContainer input,
#C\:eps4recordsContainer input,
#C\:eps4wpContainer input,
#C\:eps4removalContainer input,
#C\:eps4activationSdCardContainer input,
input.datepicker,
input.rangedatepicker,
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 textarea {
    height: 30px;
    min-width: 40px;
    max-width: 100%;
}

input.eps4timepicker.eps4callbackTime.ui-timepicker-input[placeholder="HH:mm"] {
    min-width: 85px !important;
}

table.eps4twoCols,
table.eps4fourCols {
    width: 90%;
}

    table.eps4twoCols.eps4fullWidth,
    table.eps4fourCols.eps4fullWidth {
        width: 100%;
    }

    table.eps4twoCols td {
        width: 50%;
    }

    table.eps4fourCols td {
        width: 25%;
    }

input.datepicker {
    width: 100px !important;
    text-align: center;
}

input.rangedatepicker {
    width: 200px !important;
    text-align: center;
}

input[type="time"]::-webkit-clear-button {
    display: none;
}

input[type="time"]::-webkit-inner-spin-button {
    display: none;
}

.eps4inputStar {
    display: inline-block;
}

span.eps4important {
    font-weight: 600;
    margin: 0 0.2em;
}

span.eps4importantNoMarginRight {
    font-weight: 600;
    margin-right: 0em !important;
}

span.eps4importantEOF {
    font-weight: 600;
    margin: 0 0 0 0.2em;
}

    span.eps4importantEOF:after {
        content: ".";
        font-weight: 500;
    }

input::-ms-clear {
    display: none;
}

.eps4inputError {
    animation: shake .5s ease-in-out;
    opacity: 1 !important;
    border: 0.06em solid #d2220f !important;
}

.eps4checkboxUnCheck, .eps4inputError,
.eps4checkboxCheck, .eps4inputError {
    border-radius: 5px;
}

@keyframes shake {
    0% {
        transform: translateX(0);
    }

    20% {
        transform: translateX(-10px);
    }

    40% {
        transform: translateX(10px);
    }

    60% {
        transform: translateX(-10px);
    }

    80% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(0);
    }
}

/*Boutons*/

span.eps4btn,
#ModalLightBoxSessionExtension .ei_btn {
    cursor: pointer;
    margin: .25em;
    border-radius: 0.3em;
    padding: 0.5em 1.5em;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -webkit-transition: all 250ms;
    -moz-transition: all 250ms;
    transition: all 250ms;
}

    span.eps4btn:hover,
    #ModalLightBoxSessionExtension .ei_btn:hover {
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    }

    span.eps4btn:active,
    #ModalLightBoxSessionExtension .ei_btn:active {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16), 0 1px 3px rgba(0, 0, 0, 0.23);
    }

    span.eps4btn > input[type=submit],
    span.eps4btn > input[type=button] {
        color: inherit !important;
        background: inherit !important;
        background-color: transparent !important;
        border: inherit !important;
        border-radius: inherit !important;
        overflow: inherit !important;
    }

.nextBtn {
    padding-left: 2.955em !important;
}

.yellow {
    color: #fff;
    background-color: yellow;
}

.blue {
    color: #fff;
    background-color: blue;
}

.green {
    color: #fff;
    background-color: green;
}

.pink {
    color: #fff;
    background: pink;
}

.black,
.black a {
    color: #fff;
    background-color: #223033;
}

    .black:hover {
        background: #182528;
    }

.back,
.prevBtn {
    background-color: #eaeff0;
    padding-left: 2.955em !important;
    box-shadow: 0em -1em 1.5em rgba(187, 204, 215, .6) inset, 0em 0.1em .1em rgb(227, 232, 233);
}


/*Tooltip*/
span.eps4tooltipInfo,
span.eps4tooltipError {
    color: #fff;
    width: 225px;
    z-index: 3;
    padding: .9em;
    font-size: .8em;
    position: absolute;
    left: 90%;
    top: -0.4em;
    border-radius: 0.1434em;
    display: none;
    word-wrap: break-word;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}

    span.eps4tooltipInfo:after,
    span.eps4tooltipError:after {
        content: "";
        width: 0;
        height: 0;
        top: 45%;
        position: absolute;
        border-style: solid;
    }

    span.eps4tooltipInfo.right:after,
    span.eps4tooltipError.right:after {
        right: 100%;
        border-width: 0.4302em 0.4302em 0.4302em 0;
    }

    span.eps4tooltipInfo.left:after,
    span.eps4tooltipError.left:after {
        left: 100%;
        border-width: 0.4302em 0 0.4302em 0.4302em;
    }

span.eps4tooltipInfo {
    background: #303c42;
}

span.eps4tooltipError {
    background: #d2220f;
}

span.eps4tooltipInfo:after {
    border-color: transparent #303c42;
}

span.eps4tooltipError:after {
    border-color: transparent #d2220f;
}

span.eps4tooltipTextArea {
    color: #fff;
    z-index: 3;
    padding: .9em;
    font-size: .8em;
    width: 30em;
    position: absolute;
    background: #34495e;
    line-height: 1.8em;
    border-radius: 0.1434em;
    display: none;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
    background: #1a272d;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

    span.eps4tooltipTextArea:after {
        content: "";
        width: 0;
        height: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        position: absolute;
        border-style: solid;
        border-color: transparent #303c42;
    }

    span.eps4tooltipTextArea.right:after {
        right: 100%;
        border-width: 0.4302em 0.4302em 0.4302em 0;
    }

    span.eps4tooltipTextArea.left:after {
        left: 100%;
        border-width: 0.4302em 0 0.4302em 0.4302em;
    }

/* Toolip optin*/
[id*="eps4OPTINMail"] ~ span.eps4tooltipInfo,
[id*="eps4OPTINMail"] ~ span.eps4tooltipError {
    width: 239px;
}

/* Toolip parrainage */
#C\:eps4communicationSponsorPostalCode ~ span.eps4tooltipInfo,
#C\:eps4communicationSponsorPostalCode ~ span.eps4tooltipError {
    width: 290px;
}

/* dropdown Code Clavier*/
#C\:eps4keyboardEdit .eps4wrapper-dropdown {
    width: 195px;
}

/*Loader*/

.eps4Loader {
    width: 100%;
    padding: 2em 0;
    display: none;
}

#C\:eps4schedulesContent .eps4Loader {
    width: 100%;
    position: relative;
}

.eps4visible.eps4Loader,
.eps4visible.eps4Loader .eps4LoaderGif {
    display: inline-block !important;
}

.eps4LoaderGIF,
.eps4LoaderGIFmin {
    margin: 20px auto;
}

span.eps4LoaderGIF { /* Affichage d'un petit loader en fin de texte */
    display: inline-block;
    vertical-align: middle;
    height: 1.2em;
    width: 1.2em;
    background-size: 2em;
    margin: 0 0.5em;
}

.eps4LoaderBefore:before  {    
    content: '';    
    z-index: 10;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right:0px;
    background-color: rgba(255, 255, 255, 0.70);
    background-repeat: no-repeat;
    background-position: center;    
    background-size: 50px 50px;
    pointer-events: none;
}

.eps4LoaderBefore:after {
    content: '';    
    z-index:10;        
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);    
    width: 52px;
    height: 52px;
    border: 4px solid;
    border-radius: 50%;
}

/* ---------------------*/
/*---Dropdown----*/
/* --------------------*/

.eps4wrapper-dropdown {
    height: 30px;
    outline: none;
    color: #7e93a1;
    cursor: pointer;
    line-height: 30px;
    position: relative;
    border-radius: 0.3585em;
    background-color: #eaeff0;
    font-weight: 500 !important;
    padding: 0 3em 0 1em;
    border-bottom: 0.0717em solid #b6c8d1;
    box-shadow: 0em -1em 1.5em rgba(218, 224, 226, .6) inset, 0em 0.1em .1em rgb(227, 232, 233);
}

/* Peut-être à généraliser à tous les dropdowns ? */
.eps4settingPanel .eps4wrapper-dropdown,
.eps4chartFilters .eps4wrapper-dropdown {
    display: inline-block;
}

    .eps4wrapper-dropdown span {
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .eps4wrapper-dropdown:after {
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        right: 10px;
        margin-top: -3px;
        position: absolute;
        border-style: solid;
        border-width: 6px 6px 0 6px;
        border-color: #a4b3bd transparent;
        border-color: #313131 transparent;
    }

    .eps4wrapper-dropdown.disabled {
        pointer-events: none;
        cursor: none;
        opacity: .5;
    }

#C\:eps4timeContainer .eps4wrapper-dropdown .eps4dropdown {
    top: 0;
    position: relative;
    min-width: 10em;
}

#C\:eps4timeContainer .eps4wrapper-dropdown > span {
    display: inline-block;
}

#C\:eps4timeContainer .eps4wrapper-dropdown.active .eps4dropdown {
    display: inline-block;
}

.eps4wrapper-dropdown .eps4dropdown {
    left: 0;
    right: 0;
    top: 100%;
    z-index: 8;
    display: none;
    margin-top: 0.5em;
    position: absolute;
    background: #eaeff0;
    border-radius: 0.3585em;
    overflow-y: auto;
    border-color: #7e93a1 transparent;
    max-height: 8.5em;
    padding: 0 6px;
    -webkit-box-shadow: 0 0 0.717em 0.0717em rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 0.717em 0.0717em rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0.717em 0.0717em rgba(0, 0, 0, 0.2);
}

.eps4dropDisable {
    background-color: rgb(187, 204, 215) !important;
}

.eps4wrapper-dropdown .eps4dropdown li {
    display: block;
    padding: 0 .5em .25em .5em;
    text-decoration: none;
}

.eps4wrapper-dropdown span {
    height: 30px;
    display: block;
    overflow: hidden;
}

.eps4wrapper-dropdown > span {
    display: inline-block;
}

    .eps4wrapper-dropdown > span .eps4inputStar {
        height: 15px;
        display: inline-block;
    }

/* Hover state */

.eps4wrapper-dropdown .eps4dropdown li:hover {
    color: #34495e;
    border-radius: 0.3585em;
    background: #d9e0e2;
    cursor: pointer;
}

.eps4wrapper-dropdown.active .eps4dropdown {
    display: block;
}

.eps4wrapper-dropdown.active:after {
    border-width: 6px 6px 0 6px;
    margin-top: -3px;
}


/* ------------------ */


/* -- Error PDF --*/

.eps4errorPDFcontent {
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background: url('../../../images/eps/journal/fond_journal.jpg?v=cff9f11083') no-repeat center;
    background-size: cover;
}

.eps4errorPDFtext {
    color: #fff;
    min-width: 360px;
    max-width: 1024px;
    text-align: center;
    margin: 120px auto;
    text-shadow: 1px 1px 3px rgba(150, 150, 150, 1);
}

.eps4errorPDFcontent h1 {
    font-size: 70px;
    padding-top: 120px !important;
    font-weight: 600 !important;
    margin-bottom: 50px;
}

.eps4errorPDFtext p {
    font-size: 30px;
}


/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

.mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none;
    /* MSPointer events - direct all pointer events to js */
}

    .mCustomScrollbar.mCS_no_scrollbar,
    .mCustomScrollbar.mCS_touch_action {
        -ms-touch-action: auto;
        touch-action: auto;
    }

.mCustomScrollBox {
    /* contains plugin's markup */
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}

.mCSB_container {
    /* contains the original content */
    overflow: hidden;
    width: auto;
    height: auto;
}


    /* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

        /* Blink, Webkit */
        .eps4custom-scrollbar::-webkit-scrollbar,
        .eps4dropdown::-webkit-scrollbar,
        .ui-timepicker-wrapper::-webkit-scrollbar {
            width: 5px;
            height: 10px;
    }

        .eps4custom-scrollbar::-webkit-scrollbar-button:start:decrement,
        .eps4custom-scrollbar::-webkit-scrollbar-button:end:increment,
        .eps4dropdown::-webkit-scrollbar-button:start:decrement,
        .eps4dropdown::-webkit-scrollbar-button:end:increment,
        .ui-timepicker-wrapper::-webkit-scrollbar-button:start:decrement,
        .ui-timepicker-wrapper::-webkit-scrollbar-button:end:increment {
            display: none;
        }

        .eps4custom-scrollbar::-webkit-scrollbar-track-piece,
        .eps4dropdown::-webkit-scrollbar-track-piece,
        .ui-timepicker-wrapper::-webkit-scrollbar-track-piece {
            -webkit-border-radius: 6px;
    }

        .eps4custom-scrollbar::-webkit-scrollbar-thumb:vertical,
        .eps4dropdown::-webkit-scrollbar-thumb:vertical,
        .ui-timepicker-wrapper::-webkit-scrollbar-thumb:vertical {
            -webkit-border-radius: 6px;            
        } 

        /* Firefox */
        .eps4custom-scrollbar,
        .eps4dropdown,
        .ui-timepicker-wrapper {
            scrollbar-width: thin;
        }

/*----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/


/* Interaction Cues
----------------------------------*/

.a_blocappli input[disabled] {
    opacity: 0.6 !important;
    -webkit-text-fill-color: #7e93a1;
}



/* Misc visuals
----------------------------------*/

.euroSymbol:before {
    content: '€';
    display: inline;
}


  


/* Interaction Cues
----------------------------------*/

#C\:eps4DropDownDate {
    vertical-align: top;
}

/*------------------*/


/*---Time picker----*/

.ui-timepicker-container {
    position: absolute;
    overflow: hidden;
    box-sizing: border-box;
}

.ui-timepicker {
    box-sizing: content-box;
    display: block;
    height: 205px;
    list-style: none outside none;
    margin: 0;
    padding: 0 1px;
    text-align: center;
}

.ui-timepicker-viewport {
    box-sizing: content-box;
    display: block;
    height: 205px;
    margin: 0;
    padding: 0;
    overflow: auto;
    overflow-x: hidden;
}

.ui-timepicker-standard {
    font-family: Ubuntu;
    font-size: .9em;
    font-weight: 600;
    background-color: #fff;
    border: 0;
    color: #7e93a1;
    margin: 0;
    padding: 2px;
}

    .ui-timepicker-standard a {
        border: 1px solid transparent;
        color: #7e93a1;
        display: block;
        padding: .2em .4em;
        text-decoration: none;
    }

    .ui-timepicker-standard .ui-state-hover {
        background-color: rgb(21, 167, 240);
        color: #fff;
    }

    .ui-timepicker-standard .ui-menu-item {
        margin: 0;
        padding: 0;
    }

.ui-timepicker-hidden {
    display: none;
}

.ui-timepicker-no-scrollbar .ui-timepicker {
    border: 0;
}


/* -- Gallery Photo --*/


/*  ===================================================================
    == TIMELINE                                                 
    ===================================================================*/

#C\:eps4periodCheck {
    height: 30px;
    line-height: 30px;
    border-radius: .3em;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    width: 115px;
    text-align: left;
    background-image: url('../../../images/eps/transverse/gris/uncheck.png?v=c49806cab8');
    background-color: rgb(187, 204, 215);
    background-repeat: no-repeat;
    background-position: 95% 50%, 5% 50%;
    transition: all 0.5s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

    #C\:eps4periodCheck:hover {
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16), 0px 3px 6px rgba(0, 0, 0, 0.23);
    }

    #C\:eps4periodCheck p {
        margin-left: 1em;
        font-size: 13px !important;
        color: #7e93a1;
        text-align: left !important;
    }

    .eps4filter.eps4selected,
    #C\:eps4periodCheck.eps4selected {
        transition: .5s;
        background-image: url('../../../images/eps/transverse/gris/check.png?v=70546e8b7a');
        background-repeat: no-repeat;
        background-position: 95% 50%, 5% 50%;
        background-color: rgb(255, 255, 255);
    }

#C\:eps4periodCheck {
    text-align: center;
    color: #7e93a1;
    font-weight: 400;
    font-size: 16px;
    padding: 0 15px;
}


/* Erreur*/

#C\:eps4timeContainer {
    width: 100%;
    height: 100%;
}

    #C\:eps4timeContainer .eps4row:last-child {
        margin-bottom: 1em;
    }

#C\:eps4canceledAppointment {
    font-size: 1em !important;
    font-weight: 600 !important;
    display: block !important;
}

.eps4galleryPhoto {
    left: 0;
    right: 0;
    width: 1024px;
    height: 55%;
    max-height: 600px;
    top: 10%;
    position: fixed;
    margin-left: auto;
    margin-right: auto;
    display: none;
    z-index: 10;
}

    .eps4galleryPhoto .eps4photoCaption {
        width: 100%;
        bottom: 0;
        position: absolute;
        background: #1A272D;
        padding: 20px;
    }


    .eps4galleryPhoto img {
        background: #fff;
        border: 5px solid #fff;
    }

.eps4timelineResult .eps4Gallery {
    margin: 32px auto;
    text-align: center;
    text-align: center;
    display: block;
}

/* RECORDS */

#C\:eps4recordsContainer .eps4wrapper-dropdown .eps4dropdown {
    top: 0;
    position: relative;
    min-width: 10em;
}

#C\:eps4recordsContainer .eps4row {
    text-align: center;
}

#C\:eps4recordsContainer .eps4settingError {
    min-height: 3em;
    padding-top: 0.75em;
}

    #C\:eps4recordsContainer .eps4settingError p {
        color: white;
    }

#C\:eps4recordsContent {
    width: 100%;
    min-height: 240px;
    height: 100%;
    overflow: hidden;
    margin: 0em auto 0em auto;
}   

    #C\:eps4recordsContent.eps4calendarView {
        background: #eaeff0;
    }

        #C\:eps4recordsContent.eps4calendarView.eps4deleteMode .eps4calendarViewHeader {
            margin-top: 50px;
        }

    #C\:eps4recordsContent > .eps4row {
        margin: 0 auto;
    }

.eps4recordsRow .eps4row {
    padding: 10px 0;
    margin: 0;
}

#C\:eps4recordsContent .eps4btn {
    height: 30px;
    line-height: 30px;
    padding-top: 0;
    padding-bottom: 0;
}

#C\:eps4recordsContent.eps4hasNoSdCard #C\:eps4noSdCardWrapper {
    padding-left: 300px;
    text-align: left;
    background-position: 100px center;
    background-repeat: no-repeat;
    background-size: 110px;
    margin-top: 50px;
}

#C\:eps4recordsContent.eps4hasNoSdCard.eps4calendarView #C\:eps4noSdCardWrapper {
    color: inherit;
    background-image: url(../../../images/eps/records/gris/sdcard.png?v=03699f59ba);
}

#C\:eps4recordsContent.eps4hasNoSdCard #C\:eps4noSdCardWrapper h1 {
    margin-top: 0;
    padding-top: 0;
}

#C\:eps4recordsContent.eps4hasNoSdCard #C\:eps4noSdCardWrapper * {
    color: inherit;
    text-align: left;
}

#C\:eps4recordsContent #C\:eps4recordsFilter {
    display: flex;
    flex-direction: row;
    align-items: center;
    image-rendering: -webkit-optimize-contrast;
}

#C\:eps4recordsContent.eps4deleteMode #C\:eps4recordsFilter {
    display: none;
}

#C\:eps4recordsContent .eps4recordsHeaderbar.eps4recordsDeleteBar {
    margin-bottom: 20px;
}

#C\:eps4recordsContent #C\:eps4recordsFilter .eps4recordsBtnItem {
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
    margin-left: 1em;
    cursor: pointer;
}

#C\:eps4recordsContent .eps4dropdown {
    text-align: left;
}

#C\:eps4recordsContent #C\:eps4recordTypeDropdown {
    width: 245px;
    margin-left: 10px;
}

    #C\:eps4recordsContent #C\:eps4recordTypeDropdown .eps4dropdown {
        width: 245px;
        transform: translateX(-15px);
    }

#C\:eps4recordsContent #C\:eps4idCameraDropdown {
    width: 200px;
}

    #C\:eps4recordsContent #C\:eps4idCameraDropdown .eps4dropdown {
        width: 200px;
        transform: translateX(-15px);
    }

#C\:eps4recordsContent .eps4recordsDeleteBar {
    display: none;
}

#C\:eps4recordsContent.eps4deleteMode .eps4recordsDeleteBar {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

    #C\:eps4recordsContent.eps4deleteMode .eps4recordsDeleteBar .eps4btn {
        margin-top: 0;
        margin-bottom: 0;
    }

        #C\:eps4recordsContent.eps4deleteMode .eps4recordsDeleteBar .eps4btn:first-child {
            margin-left: 0;
        }

        #C\:eps4recordsContent.eps4deleteMode .eps4recordsDeleteBar .eps4btn:last-child {
            margin-right: 0;
        }

#C\:eps4recordsContent .eps4columnGap {
    flex: 1;
}

/* Record Item */
#C\:eps4recordsContent .eps4recordItem {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 86px;
    position: relative;
}

    #C\:eps4recordsContent .eps4recordItem.eps4open {
        height: 400px;
    }

    #C\:eps4recordsContent .eps4recordItem .eps4recordDateWrapper {
        font-size: 1em;
        font-weight: 700;
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    #C\:eps4recordsContent .eps4recordItem .eps4recordInfosWrapper {
        padding-top: 4.5px;
        padding-bottom: 4.5px;
        height: 100%;
        flex: 1;
    }

#C\:eps4recordsContent.eps4deleteMode .eps4recordItem .eps4recordSelect {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
    width: 30px;
}

#C\:eps4recordsContent .eps4recordItem .eps4recordSelect {
    display: none;
}

    #C\:eps4recordsContent .eps4recordItem .eps4recordSelect::before {
        content: '';
        width: 16px;
        height: 16px;
        background-color: white;
        z-index: 0;
        position: absolute;
        border-radius: 4px;
        margin-left: 1px;
    }

    #C\:eps4recordsContent .eps4recordItem .eps4recordSelect .eps4checkboxUnCheck,
    #C\:eps4recordsContent .eps4recordItem .eps4recordSelect .eps4checkboxCheck {
        position: absolute;
        z-index: 1;
        margin-right: 0;
    }

#C\:eps4recordsContent .eps4recordItem .eps4recordInfos {
    cursor: pointer;
    flex: 1;
    text-align: left;
    border-radius: 0.3585em;
    background: rgba(255, 255, 255, .25);
    color: inherit;
    padding: 9px;
    height: 100%;
    display: flex;
    flex-direction: row;
    transition: all 0.5s;
}

#C\:eps4recordsContent .eps4recordItem.eps4selected .eps4recordInfos {
    background-color: #d7e3e8;
    color: #7e93a1; /* TODO: to brandify */
}

#C\:eps4recordsContent .eps4recordItem .eps4recordInfosBody {
    flex: 1;
    display: flex;
    flex-direction: column;
}

#C\:eps4recordsContent .eps4recordItem .eps4recordPreview {
    width: 100px;
}

#C\:eps4recordsContent .eps4recordItem.eps4open .eps4recordPreview {
    display: none;
}

#C\:eps4recordsContent .eps4recordItem .eps4recordPreview .vjs-big-play-button:hover,
#C\:eps4recordsContent .eps4recordItem .eps4recordPreview .video-js:hover .vjs-big-play-button {
    background: none;
}

#C\:eps4recordsContent .eps4recordItem .eps4recordPreview .video-js {
    height: 100%;
}

#C\:eps4recordsContent .eps4recordItem .eps4recordPreview .vjs-big-play-button {
    font-size: 30px;
}

#C\:eps4recordsContent .eps4recordItem .eps4recordDuration {
    flex: 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

#C\:eps4recordsContent .eps4recordItem.eps4open .eps4recordDuration {
    flex: 0;
    display: none;
}

#C\:eps4recordsContent h2.eps4recordTitle {
    font-size: 1.2em;
    font-weight: 500;
    color: inherit;
}

#C\:eps4recordsContent .eps4recordItem .eps4recordPlay {
    display: none;
}

#C\:eps4recordsContent .eps4recordItem.eps4open .eps4recordPlay {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-top: 15px;
    align-items: center;
}

    #C\:eps4recordsContent .eps4recordItem.eps4open .eps4recordPlay .eps4recordPlayer {
        width: 400px;
        flex: 1;
        position: relative;
    }

    #C\:eps4recordsContent .eps4recordItem.eps4open .eps4recordPlay .eps4facticePlayer {
        position: absolute;
        z-index: 1;
    }

    #C\:eps4recordsContent .eps4recordItem.eps4open .eps4recordPlay .video-js.vjs-fluid,
    #C\:eps4recordsContent .eps4recordItem.eps4open .eps4recordPlay video {
        height: 100%;
        width: 100%;
    }

    #C\:eps4recordsContent .eps4recordItem.eps4open .eps4recordPlay .eps4recordCaption {
        margin-top: 5px;
        width: 100%;
        position: relative;
        image-rendering: -webkit-optimize-contrast;
    }

    #C\:eps4recordsContent .eps4recordItem.eps4open .eps4recordPlay .eps4recordCaptionInfos {
        width: 100%;
        text-align: center;
    }

    #C\:eps4recordsContent .eps4recordItem.eps4open .eps4recordPlay .eps4recordCaptionActions {
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        display: flex;
        flex-direction: row;
    }

#C\:eps4recordsContent .eps4recordItem .eps4recordPlay .eps4recordCaptionActions .eps4recordsActionBtnItem {
    height: 100%;
    width: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    margin-left: 7px;
    cursor: pointer;
}

#C\:eps4modalRecordDownload .eps4hideWarningDownloadMessage {
    margin-top: 15px;
    margin-bottom: 15px;
}


/* Records CalendarView */

#C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4recordItem .eps4recordDateWrapper {
    width: 150px;
    align-items: center;
    justify-content: center;
}

#C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4recordItem .eps4recordIconWrapper {
    display: none;
}

#C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4recordItem .eps4recordPreview {
    order: -1;
    margin-right: 10px;
}

#C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4recordItem .eps4recordSelect {
    order: -2;
}

#C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4recordItem .eps4recordPlay .eps4recordCaptionActions .eps4downloadRecord {
    background-image: url(../../../images/eps/records/gris/downloadIcon.png?v=e5f187f810);
}

#C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4recordItem .eps4recordPlay .eps4recordCaptionActions .eps4deleteRecord {
    background-image: url(../../../images/eps/records/gris/deleteIcon.png?v=1d22d87cce);
}

#C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4recordItem .eps4recordPlay .eps4recordCaptionActions .eps4downloadRecord:hover {
    background-image: url(../../../images/eps/records/gris/downloadIcon_hover.png?v=984094a1de);
}

#C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4recordItem .eps4recordPlay .eps4recordCaptionActions .eps4deleteRecord:hover {
    background-image: url(../../../images/eps/records/gris/deleteIcon_hover.png?v=86fe6752c5);
}

#C\:eps4recordsContent .eps4recordsRow {
    position: relative;
    padding-bottom: 10em;
}


#C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4calendarViewHeader {
    text-align: left;
    margin-bottom: 25px;
}

    #C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4calendarViewHeader h1 {
        color: inherit;
        font-weight: 500;
        font-size: 1.6em;
        text-align: inherit;
        padding: 0;
    }

#C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4calendarViewBody {
    display: flex;
    flex-direction: row;
}

    #C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4calendarViewBody .eps4calendarWidgetColumn,
    #C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4calendarViewBody .eps4calendarWidgetWrapper {
        width: 380px;
    }

    #C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4calendarViewBody .eps4calendarWidgetColumn {
        position: relative;
    }

    #C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4calendarViewBody .eps4calendarWidgetWrapper {
        margin-top: 15px;
        height: 350px;
        display: flex;
        flex-direction: row;
    }

        #C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4calendarViewBody .eps4calendarWidgetWrapper.affix {
            position: fixed;
            top: 75px;
        }

        #C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4calendarViewBody .eps4calendarWidgetWrapper.affix-bottom {
            position: absolute;
            bottom: 0;
        }


        #C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4calendarViewBody .eps4calendarWidgetWrapper .eps4calendarMonthAction {
            width: 50px;
            height: 100%;
            background-position: center;
            background-size: 40px;
            background-repeat: no-repeat;
            cursor: pointer;
        }

            #C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4calendarViewBody .eps4calendarWidgetWrapper .eps4calendarMonthAction.eps4hidden {
                visibility: hidden;
            }

            #C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4calendarViewBody .eps4calendarWidgetWrapper .eps4calendarMonthAction.eps4before {
                background-image: url('../../../images/eps/records/gris/leftarrowIcon.png?v=2967d33684');
            }

                #C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4calendarViewBody .eps4calendarWidgetWrapper .eps4calendarMonthAction.eps4before:hover {
                    background-image: url('../../../images/eps/records/gris/leftarrowIcon_hover.png?v=2b99d86f42');
                }

            #C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4calendarViewBody .eps4calendarWidgetWrapper .eps4calendarMonthAction.eps4after {
                background-image: url('../../../images/eps/records/gris/rightarrowIcon.png?v=ecbfb435a8');
            }

                #C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4calendarViewBody .eps4calendarWidgetWrapper .eps4calendarMonthAction.eps4after:hover {
                    background-image: url('../../../images/eps/records/gris/rightarrowIcon_hover.png?v=7e9fe87ed7');
                }

        #C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4calendarViewBody .eps4calendarWidgetWrapper .eps4calendarWidget {
            flex: 1;
            height: fit-content;
            display: flex;
            flex-direction: column;            
            padding: 8px;
        }

        #C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4calendarViewBody .eps4calendarWidgetWrapper .eps4calendarWidget:not(.eps4loading) {
            background-color: white;
        }

            #C\:eps4recordsCalendarView .eps4calendarWidgetHeader {
                display: flex;
                flex-direction: row; 
                justify-content: space-between;
                margin-bottom: 15px;
            }

                #C\:eps4recordsCalendarView .eps4calendarWidgetHeader .eps4monthAndYear {
                    font-size: 1.1em;
                    font-weight: bold;
                }

            #C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4calendarViewBody .eps4calendarWidgetWrapper .eps4calendarWidget.eps4loading .eps4calendarWidgetBody,
            #C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4calendarViewBody .eps4calendarWidgetWrapper .eps4calendarWidget.eps4loading .eps4calendarWidgetFooter {
                display: none;
            }

            #C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4calendarViewBody .eps4calendarWidgetWrapper .eps4calendarWidget.eps4loading .eps4calendarWidgetLoader {
                flex: 1;
                width: 100%;
                display: flex;
                align-items: center;
            }

            #C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4calendarViewBody .eps4calendarWidgetWrapper .eps4calendarWidget .eps4calendarWidgetBody {
                display: flex;
                flex: 1;
                width: 100%;
                position: relative;
            }
                #C\:eps4recordsCalendarView .eps4calendarViewBody .eps4calendarWidget .flatpickr-months {    
                    display: none;
                }

                #C\:eps4recordsCalendarView .eps4calendarViewBody .eps4calendarWidget .flatpickr-day {
                    position: relative;
                    font-weight: bold;                    
                }

                #C\:eps4recordsCalendarView .eps4calendarViewBody .eps4calendarWidget .flatpickr-calendar {
    
                    box-shadow: none;
                }

                #C\:eps4recordsCalendarView .eps4calendarViewBody .eps4calendarWidget .flatpickr-day.hasRecord::before {
                                position: absolute;
                                content: '';
                                width: 15px;
                                height: 13px;
                                left: 0;
                                right: 0;
                                bottom:-4px;                                
                                background-image: url(../../../images/eps/records/records.png?v=786eabb702);
                                background-repeat: no-repeat;
                                background-size: contain;
                                margin-left: auto;
                                margin-right: auto;                
                                z-index: 1;
                            }

                #C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4calendarViewBody .eps4calendarWidgetWrapper .eps4calendarWidget .eps4calendarWidgetBody .eps4nbRecords {
                    position: absolute;
                    font-weight: normal;
                    font-size: 0.9em;
                    top: 4px;
                    right: 0;
                }

#C\:eps4recordsContent .eps4calendarWidget .eps4calendarWidgetFooter {
    width: 100%;
}

    #C\:eps4recordsContent .eps4calendarWidget .eps4calendarWidgetFooter .eps4calendarFilterButton {
        display: flex;
        flex-wrap: wrap;
    }

    #C\:eps4recordsContent .eps4calendarWidget .eps4calendarWidgetFooter .eps4dayPeriodBtn {
        flex: 1;
        padding-left: 0;
        padding-right: 0;
        min-width: 81px;
        white-space: nowrap;
        color: #FFF;
        background-color: #525252;
    }

        #C\:eps4recordsContent .eps4calendarWidget .eps4calendarWidgetFooter .eps4dayPeriodBtn.eps4selected {
            background-color: #00a2e8;
        }

    #C\:eps4recordsContent .eps4calendarWidget .eps4calendarWidgetFooter .eps4calendarFilterTime {
        margin: .25em;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }

#C\:eps4recordsContent .eps4calendarWidget #C\:eps4calendarFilterCustomTimeValidate {
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
    margin-left: 20px;
    cursor: pointer;
}           

#C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4recordsResultWrapper {
    flex: 1;
}

#C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4calendarViewBody .eps4recordsResultWrapper {
    border-left: 2px solid #7e93a1;
    padding-left: 15px;
}

    #C\:eps4recordsContent #C\:eps4recordsCalendarView .eps4calendarViewBody .eps4recordsResultWrapper .eps4noRecordItemTimeline {
        text-align: left;
        min-height: 380px; /*Hauteur du calendrier*/
    }

/*  ===================================================================
    == CONSIGNES                                                
    ===================================================================*/

.eps4bold {
    font-weight: 600 !important;
    font-size: 1em !important;
}

.eps4center {
    text-align: center;
}

.poppdf {
    padding: 1em 2em;
    margin: 2em;
}

#C\:eps4Removal {
    width: 1024px;
    margin: auto;
}

#C\:eps4removalContactButton {
    text-align: center;
    position: relative;
    margin: 3em;
}


    #C\:eps4removalContactButton > span.eps4button {
        position: relative;
    }



.eps4instructionsGallery {
    color: #fff;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

    .eps4instructionsGallery ul {
        height: 100%;
    }

    .eps4instructionsGallery li {
        width: 100%;
        height: 100%;
        display: none;
    }

    .eps4Gallery li,
    .eps4instructionsGallery li {
        list-style: none;
    }

.eps4Gallery .eps4imgEdit,
.eps4Gallery .eps4imgDelete {
    margin-top: 77.5%;
    position: absolute;
}

.eps4Gallery .eps4imgDelete {
    margin-left: 1.5em;
}

.eps4Gallery img {
    height: auto;
}

.eps4Gallery ul li p:nth-child(4) {
    margin-left: 21.51em;
    font-weight: 500;
    font-size: 1.0038em;
}

/* Gallery Arrows */

.eps4galleryNext,
.eps4galleryPrevious {
    cursor: pointer;
}

.eps4galleryComponent {
    display: inline-block;
    vertical-align: middle;
}

    .eps4galleryComponent.eps4galleryItem {
        width: 100%;
        pointer-events: none;
    }

    .eps4galleryComponent.eps4galleryPrevious {
        z-index: 2;
        margin-right: -120px;
    }

    .eps4galleryComponent.eps4galleryNext {
        z-index: 2;
        margin-left: -120px;
    }

.eps4galleryPhoto .eps4galleryNext,
.eps4galleryPhoto .eps4galleryPrevious {
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
}

.eps4galleryPhoto .eps4galleryClose {
    top: 64px;
    right: 0px;
    position: absolute;
    cursor: pointer;
    opacity: .7;
    background-image: url("../../../images/eps/transverse/blanc/fermer2x.png?v=0123f917c1");
}

.eps4galleryPhoto .eps4galleryNext {
    right: 0;
}

.eps4galleryPhoto .eps4galleryPrevious {
    left: 0;
}

[id*='eps4photoGalleryTitle_'] {
    float: left;
    margin-right: 1em;
}

#C\:eps4photos .eps4settingError {
    padding-top: 0px !important;
    padding-left: 0px !important;
}

#C\:eps4photos figcaption label {
    word-wrap: break-word;
}

#C\:eps4photos .eps4configBtn {
    margin-top: 10px;
}

#C\:eps4photos .eps4settingError .eps4text {
    margin: auto !important;
}

#C\:eps4photosError {
    width: auto;
    text-align: left;
}

    #C\:eps4photosError p {
        margin-top: 0 !important;
        padding-left: 15px;
    }


/*===================================================================*/


/*===================================================================*/

#C\:eps4CarbonDetectorsParameters .eps4equipmentMenu ul:nth-child(3) {
    width: 100%;
}


/*Conteneur && Row*/

.eps4row {
    vertical-align: middle;
    margin: 2.868em auto;
    min-width: 16.56em;
    max-width: 1024px;
}

    .eps4row:after {
        clear: both;
    }

#C\:eps4content {
    width: 100%;
    margin: 0 auto 0 auto;
    min-height: 50em;
    position: relative;
    padding-bottom: 10em;
}

    #C\:eps4content.eps4transparent {
        opacity: 0.3;
    }

#C\:eps4homeContainer .eps4row {
    width: 1000px;
    height: 352.65px;
    left: 0;
    right: 0;
    overflow: hidden;
    position: absolute;
}

    #C\:eps4homeContainer .eps4row #C\:eps4contentTiles {
        width: 100%;
        text-align: center;
        position: relative;
        margin: auto;
        height: 352.65px;
        left: 0px;
    }

#C\:eps4homeContainer .eps4galleryNext,
#C\:eps4homeContainer .eps4galleryPrevious {
    margin-top: 10em;
    position: absolute;
    z-index: 5;
}

#C\:eps4homeContainer .eps4galleryNext,
#C\:eps4homeContainer .eps4galleryPrevious {
    display: none;
}

#C\:eps4videoNext,
#C\:eps4videoPrevious {
    display: inline-block;
    vertical-align: middle;
}

#C\:eps4videoPrevious {
    margin-right: 10px;
}


#C\:eps4videoNext {
    margin-left: 10px;
}

#C\:eps4homeContainer .eps4galleryNext {
    right: 7px;
}

#C\:eps4homeContent {
    margin-top: 35em;
    padding-bottom: 5em;
}

.eps4row:before,
.eps4row:after {
    content: " ";
    display: table;
}

.eps4removalDisabled {
    margin-bottom: 20px;
}


/*  ===================================================================
    == Welcome Pack qwer
    ===================================================================*/
.eps4bgWorkflow {
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #003352;
    padding-top: 64px;
}

#C\:eps4wpContainer #C\:eps4wpProtectedSiteEditFirstStep .eps4msgBloc {
    background-position-y: 50%;
}

#C\:eps4wpProtectedSiteEditSecondStep #C\:eps4TitleFloor {
    display: inline-block;
    margin-right: 1em;
}

#C\:eps4wpProtectedSiteEditSecondStep #C\:eps4protectedSiteFloor {
    width: 50px;
}

#C\:eps4wpProtectedSiteEditSecondStep #C\:eps4TitleFloor ~ .eps4tooltipInfo {
    width: 175px;
}
/*===== Site Prot�g� : Animaux ===== */
#C\:eps4wpProtectedSiteAnimal #C\:eps4TitleAnimals {
    display: inline-block;
    width: 17%;
}

#C\:eps4wpProtectedSiteAnimal table {
    margin-top: 2%;
    border-bottom: 0.0714em solid rgba(164, 179, 189, .2);
}

#C\:eps4wpProtectedSiteAnimal input {
    width: 50%;
}

    #C\:eps4wpProtectedSiteAnimal input:-moz-placeholder {
        font-style: italic;
    }

    #C\:eps4wpProtectedSiteAnimal input::-moz-placeholder {
        font-style: italic;
    }

    #C\:eps4wpProtectedSiteAnimal input::-webkit-input-placeholder {
        font-style: italic;
    }

#C\:eps4wpAnimalInside td {
    border-bottom: none !important;
}

    #C\:eps4wpAnimalInside td p:first-child,
    #C\:eps4wpAnimalOutside td p:first-child {
        display: inline-block;
        width: 17%;
    }

    #C\:eps4wpAnimalInside td div.eps4wrapper-dropdown,
    #C\:eps4wpAnimalOutside td div.eps4wrapper-dropdown {
        display: inline-flex;
        width: 17%;
    }

    #C\:eps4wpAnimalInside td div#C\:eps4cbDangerousAnimalInside,
    #C\:eps4wpAnimalInside td div#C\:eps4cbLockedAnimalInside,
    #C\:eps4wpAnimalOutside td div#C\:eps4cbDangerousAnimalOutside,
    #C\:eps4wpAnimalOutside td div#C\:eps4cbLockedAnimalOutside {
        display: inline-block;
        margin-left: 1%;
    }

    #C\:eps4wpAnimalInside td p.eps4checkboxLabel,
    #C\:eps4wpAnimalOutside td p.eps4checkboxLabel {
        display: inline-block;
        width: 10%;
    }
/*===== Site Prot�g� ===== */

#C\:eps4wpProtectedSiteEditSecondStep #C\:eps4TitleFloor,
#C\:eps4wpProtectedSiteEditSecondStep #C\:eps4TitleAccessHeight {
    min-width: 60px;
    padding-left: 3px;
}

.eps4installStep .eps4rightStep ~ .eps4settingError {
    margin-top: 3.5em;
}

.eps4paddingRightStreetTr td {
    padding-right: 14px;
}

.eps4paddingRightStreetTr input {
    width: 97%;
}

.eps4paddingRightTr td {
    padding-right: 14px;
}

.eps4paddingRightTr input {
    width: 100%;
}

#C\:eps4wpMailingAddressRadio {
    margin: 1em 0em 0.7em 0em;
}

    #C\:eps4wpMailingAddressRadio .eps4Radio {
        display: inline-block;
    }

        #C\:eps4wpMailingAddressRadio .eps4Radio:first-child {
            margin-right: 1em;
        }

#C\:eps4wpMailingPhoneTable {
    border-bottom: 0.0714em solid rgba(164, 179, 189, .2);
}

#C\:eps4protectedSiteFirstStepInfo {
    font-weight: 300;
}

.eps4TTPProMsgBloc {
    margin-top: 4.5em;
}

#C\:eps4wpLocalProMsgBloc {
    display: inline-block;
}

#C\:eps4wpContainer {
    overflow: auto;
}

    #C\:eps4wpContainer .eps4installStep {
        padding-bottom: 0px;
    }

#C\:eps4wpTrustedThirdPartEdit .eps4inputsPhone .eps4phoneNumber {
    width: 198px;
    margin: 0px 3px 0px 5px;
}

#C\:eps4wpTrustedThirdPartEdit #C\:eps4TTPLeaderRequiredBloc {
    height: 3.5em;
    padding-top: 1em;
}

#C\:eps4wpTrustedThirdPartEdit .eps4radioPlageDispo24h {
    margin-right: 1em;
}

#C\:eps4wpTrustedThirdPartEdit .eps4otherRelation {
    margin-left: 1em;
}

#C\:eps4famillyRelationCheck,
#C\:eps4friendRelationCheck,
#C\:eps4neighRelationCheck {
    display: inline-block;
    margin-right: 1em;
}

#C\:eps4otherRelationCheck {
    display: inline-block;
    margin-right: 0.5em;
}


#C\:eps4wpTrustedThirdPartEdit .eps4dropdown {
    margin: 0;
}

#C\:eps4TTPSectionTitle {
    font-size: 1.2em;
    font-weight: 600;
}

.eps4wpTTPSectionTitle {
    font-size: 1.2em !important;
    font-weight: 600;
}

#C\:eps4TTPMsgToggleBloc .eps4itemTitle,
#C\:eps4protectedSiteFirstStepInfo .eps4itemTitle {
    font-weight: bold;
    margin: 0.5em 0 0.5em 0;
}

.eps4wpFormuleIntegral {
    width: 360px;
}

    .eps4wpFormuleIntegral .eps4wpFormuleIntegralDesc {
        display: inline;
    }

#C\:eps4wpControlCallsEditSecondStep span.eps4tooltipInfo,
#C\:eps4wpControlCallsEditSecondStep span.eps4tooltipError,
#C\:eps4wpControlCallsEditFirstStep span.eps4tooltipInfo,
#C\:eps4wpControlCallsEditFirstStep span.eps4tooltipError,
#C\:eps4wpTrustedThirdPartEdit span.eps4tooltipInfo,
#C\:eps4wpTrustedThirdPartEdit span.eps4tooltipError {
    width: 180px;
}

#C\:eps4wpControlCallsEditFirstStep .eps4titleTd .eps4controlCallsTable {
    display: inline;
}

#C\:eps4wpValidation .eps4checkboxLabel {
    vertical-align: top;
}

#C\:eps4wpValidation p {
    width: 90%;
}

/*#C\:eps4wpContainer .eps4remainStep {
	background: url('../../../images/eps/videoinstall/remain.png?v=119ab6f87f') no-repeat 0 50%;
	background-size: 30px;
	padding-left: 35px;
    right: 0;
}*/

#C\:eps4wpContainer .eps4rightStep {
    color: #7e93a1;
}

#C\:eps4wpContainer .eps4subStep {
    font-size: 1.5em;
}

#C\:eps4wpContainer .eps4msgBloc {
    padding: 0.5em 4em;
    background-image: url(../../../images/eps/transverse/rouge/info.png?v=387edf31ed);
    background-repeat: no-repeat;
    background-position-x: 20px;
    background-position-y: 12px;
}

#C\:eps4wpContainer #C\:eps4wpValidation .eps4msgBloc {
    padding: 0.5em 4em;
    background: #eaeff0;
}

.eps4msgBloc.eps4msgBlocWarning {
    padding: 1em 4em;
    background-repeat: no-repeat;
    background-position-x: 20px;
    background-position-y: 12px;
    background-image: url(../../../images/eps/transverse/rouge/alert.png?v=d449e3488b);
}

.eps4msgBlocWarningFix {
    background-position-x: 15px !important;
    background-position-y: 19px !important;
}

#C\:eps4wpContainer .eps4msgBlocSingleLine {
    background-position-y: center;
}

#C\:eps4wpContainer .eps4btn a {
    color: white;
}

.eps4wpStepTitle {
    position: relative;
    margin-bottom: 2em;
}

#C\:eps4wpStepTitle1 {
    margin-left: 27em;
}

#C\:eps4wpStepTitle2 {
    margin-left: 23em;
}

#C\:eps4wpStepTitle3 {
    margin-left: 23em;
}

#C\:eps4wpStepTitle4 {
    margin-left: 31em;
}

#C\:eps4wpContainer .eps4wpSectionTitle {
    margin-top: 1.5em;
    color: #34495e;
    font-size: 1.5em;
    font-weight: 100;
}

#C\:eps4wpContainer .eps4wpSectionSubTitle {
    margin-top: 1.5em;
    color: #34495e;
    font-size: 1.2em;
    font-weight: 100;
    display: inline;
}

#C\:eps4wpContainer .eps4wpSectionSubTitleSpan {
    margin-top: 1.5em;
    color: #34495e;
    font-size: 0.8em;
    font-weight: 100;
    display: inline;
}

#C\:eps4wpContainer {
    min-height: 350px;
    padding: 2em 4em 2em 4em;
    position: relative;
    background-color: rgb(246,248,249);
    color: #003352 !important;
}

.eps4wpInfoIcon {
    height: 14px;
    width: 14px;
    background-image: url(../../../images/eps/welcomepack/infoIcon.png?v=e879d2c349);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}

.eps4Instructions .eps4wpInfoIcon {
    display: none;
}

.eps4otherPro {
    display: inline;
}

#C\:eps4wpWelcomeText {
    text-align: center;
}

#C\:eps4wpContainer h1 {
    color: #003352 !important;
    margin-top: 0em !important;
}

#C\:eps4wpContainer .eps4imgHelp {
    float: left;
    margin-top: 0.5em;
    margin-right: 1em;
}

#C\:eps4wpContainer textarea {
    max-width: 70%;
    min-width: 70%;
    resize: vertical;
}

#C\:eps4wpContainer .eps4fullWidth textarea {
    max-width: 100%;
    min-width: 100%;
}

#C\:eps4wpProtectedSite #C\:eps4nextButton {
    position: relative;
    left: 47.3em;
}

.eps4red {
    color: #fc3a4c;
}

.eps4green {
    color: green;
}

.eps4wpInfo {
    font-size: 0.8em;
}

.eps4wpFooterBloc {
    margin-top: 2.868em;
    min-height: 24.38px;
}

    .eps4wpFooterBloc .eps4configBtn {
        margin-top: 1em;
        min-height: auto;
    }

    .eps4wpFooterBloc .eps4wpCallbackBtn {
        float: left;
    }

    .eps4wpFooterBloc .eps4wpActionsBtn {
        float: right;
    }

.eps4wpValidationCheckbox {
    width: 400px;
    margin: 100px auto;
}

.eps4wpToggleInfo {
    color: #67b5fe;
    cursor: pointer;
}

.eps4wpToggleInfoLeftArrow {
    width: 15px;
    height: 15px;
    padding-left: 17px;
    background-image: url('../../../images/eps/transverse/gris/gauche.png?v=ec1174970c');
    background-repeat: no-repeat;
    background-size: contain;
}

.eps4wpToggleInfoRightArrow {
    width: 15px;
    height: 15px;
    padding-left: 17px;
    background-image: url('../../../images/eps/transverse/gris/droite.png?v=806a7c870f');
    background-repeat: no-repeat;
    background-size: contain;
}

#C\:eps4wpProtectedSite .eps4configBtn {
    margin-bottom: 0.5em;
}

#C\:eps4protectedSiteInfoSeeMore,
#C\:eps4protectedSiteInfoSeeLess {
    color: #67b5fe;
    cursor: pointer;
}

#C\:eps4wpProtectedSite #C\:eps4TitleAccessHeight {
    display: inline-block;
}

#C\:eps4wpMailingAddressStreet {
    width: 632px;
}

#C\:eps4wpTrustedThirdPartEdit .eps4ttpStreet {
    width: 623px;
}

#C\:eps4wpTrustedThirdPartEdit .eps4radioPlageDispoTTP {
    float: left;
    margin-top: 8px;
}

#C\:eps4wpTrustedThirdPartEdit .eps4radioPlageDispo24h {
    float: left;
    margin-top: 6px;
}

.eps4spanHourPeriods {
    height: 30px;
    margin-left: -7px;
}

    .eps4spanHourPeriods label {
        display: inline-block;
        vertical-align: middle;
    }

#C\:eps4wpValidationOk .eps4settingError {
    margin-top: 60px;
}

#C\:eps4wpValidationPicture {
    background-image: url('../../../images/eps/welcomepack/wpValidation.png?v=7975b14907');
    width: 77px;
    height: 76px;
    background-repeat: no-repeat;
    margin: 4em auto 4em auto;
}

#C\:eps4wpFlag {
    background-image: url('../../../images/eps/welcomepack/wpFlag.png?v=e2ef80316b');
    width: 300px;
    height: 63px;
    background-repeat: no-repeat;
    margin: 0em 0em 0em 22em;
    padding-left: 6em;
}

.eps4wpCongratulationsPicto {
    width: 75px;
    height: 75px;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 2em 2em;
}

#C\:eps4wpCongratulationsPicto1 {
    background-image: url('../../../images/eps/welcomepack/wpCongratulationsPicto1.png?v=d88d99180a');
}

#C\:eps4wpCongratulationsPicto2 {
    background-image: url('../../../images/eps/welcomepack/wpCongratulationsPicto2.png?v=d88d99180a');
}

#C\:eps4wpCongratulationsPicto3 {
    background-image: url('../../../images/eps/welcomepack/wpCongratulationsPicto3.png?v=d88d99180a');
}

#C\:eps4wpCongratulationsContent {
    text-align: center;
}

#C\:eps4wpPaperInstructions {
    text-decoration: underline;
    margin-bottom: 1em;
}

#C\:eps4wpPictoListText {
    font-weight: bold;
    margin-top: 1em;
}

#C\:eps4wpThankYou {
    margin-top: 2em;
}

#C\:eps4wpPictoText {
    margin-top: 1em;
}

#C\:eps4wpAddPhotoContainer {
    text-align: center;
    padding-top: 1em;
}

#C\:eps4wpDropDownCountry {
    width: 53%;
}

.eps4wpStep1 {
    background-image: url('../../../images/eps/welcomepack/step1.png?v=b761225569');
}

.eps4wpStep2 {
    background-image: url('../../../images/eps/welcomepack/step2.png?v=4f13e91ac9');
}

.eps4wpStep3 {
    background-image: url('../../../images/eps/welcomepack/step3.png?v=377eb60bac');
}

.eps4wpStep4 {
    background-image: url('../../../images/eps/welcomepack/step4.png?v=41c961af00');
}

.eps4wpStep5 {
    background-image: url('../../../images/eps/welcomepack/step5.png?v=f14b3b3d9b');
}

.eps4wpLeftArrow {
    width: 15px;
    height: 15px;
    cursor: pointer;
    background-image: url('../../../images/eps/transverse/gris/gauche.png?v=ec1174970c');
    background-repeat: no-repeat;
    background-position: center;
}

.eps4wpRightArrow {
    width: 15px;
    height: 15px;
    cursor: pointer;
    background-image: url('../../../images/eps/transverse/gris/droite.png?v=806a7c870f');
    background-repeat: no-repeat;
    background-position: center;
}

#C\:eps4wpContainer #C\:eps4photos figure {
    width: 200px;
    display: inline-block;
}

    #C\:eps4wpContainer #C\:eps4photos figure input {
        width: 140px;
    }

    #C\:eps4wpContainer #C\:eps4photos figure label {
        width: 140px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        max-height: 40px;
        white-space: nowrap;
        vertical-align: bottom;
    }

#C\:eps4wpControlCallsEditFirstStep {
    padding: 10px;
}

#C\:eps4wpControlCallsEditSecondStep .eps4inputsPhone {
    width: 320px;
}

#C\:eps4wpControlCallsEditFirstStep span.eps4hintTitle:before {
    white-space: pre;
    content: '\000A';
}

#C\:eps4wpControlCallsEditFirstStep span.eps4hintTitle {
    font-weight: 600 !important;
    display: inline-block;
}

#C\:eps4wpCbControlCall ~ p {
    color: red;
}

#C\:eps4wpProtectedSiteEditAccess table tbody td {
    border-bottom: 0.0714em solid rgba(164, 179, 189, .2);
    border-collapse: collapse;
    height: 60px;
}

#C\:eps4wpContainer #C\:eps4ObstacleText {
    margin-left: 0.5em;
}

#C\:eps4wpContainer .eps4FloorCell,
#C\:eps4wpContainer .eps4AccessHeightCell {
    padding-top: 22px !important;
}

/*  ===================================================================
    == Waiting Installation                                                      
    ===================================================================*/

.eps4wiContainer {
    margin-top: 140px;
}

/*  ===================================================================
    == Video Installation                                                      
    ===================================================================*/

#C\:eps4videoInstallContainer {
    padding-top: 64px;
}

.eps4btnActivateSDCard {
    margin-top: 25px;
    margin-left: 70px;
    margin-bottom: 20px;
}

/* Utilisé pour l'icône d'edition "crayon" dans l'édition des caméras */
eps4imgEditPosition, div.eps4imgEditPosition {
    display: block;
    margin-right: 18px;
    margin-left: auto;
}

.eps4sdCardConfigRow .eps4sdCardToggleContainer.eps4disabled {
    opacity: 1;
}

    .eps4sdCardConfigRow .eps4sdCardToggleContainer.eps4disabled .eps4toggleContainer {
        opacity: 0.4;
    }

.eps4sdCardConfigRow .eps4sdCardToggleContainer .eps4toggleContainer {
    margin-left: 200px;
}

.eps4sdCardWrapper, .eps4videoParamWrapper {
    display: flex;
    flex-direction: row;
    min-height: 60px;
}

.eps4videoParamWrapper {
    align-items: center;
}

.eps4sdCardWrapper .eps4sdCardIcon {
    width: 125px;
    background-image: url('../../../images/eps/configuration/sdcard.png?v=0a7f7e7889');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60px;
    min-height: 60px;
}


#C\:eps4cameraList .eps4sectionSDCard,
#C\:eps4cameraList .eps4sectionVideoParam {
    padding-left: 0px;
}

.eps4sdCardTitle, .eps4videoParamTitle {
    position: relative;
    margin-left: 15px;
    font-weight: bold;
    padding-bottom: 10px;
}

.eps4sdCardWrapper .eps4sdCardText,
.eps4videoParamWrapper .eps4videoParamText {
    flex: 1;
}

.eps4sdCardWrapper .eps4sdCardItem,
.eps4videoParamWrapper .eps4videoParamItem {
    margin-top: 5px;
    margin-bottom: 5px;
    display: flex;
    flex-direction: row;
}

    .eps4sdCardWrapper .eps4sdCardItem .eps4sdCardItemTitle,
    .eps4videoParamWrapper .eps4videoParamItem .eps4videoParamItemTitle {
        flex: 1;
        font-weight: bold;
    }

    .eps4sdCardWrapper .eps4sdCardItem .eps4sdCardItemContent,
    .eps4videoParamWrapper .eps4videoParamItem .eps4videoParamItemContent {
        width: 210px;
    }

        .eps4sdCardWrapper .eps4sdCardItem .eps4sdCardItemContent b,
        .eps4videoParamWrapper .eps4videoParamItem .eps4videoParamItemContent b {
            margin-right: 5px;
        }

.eps4sdCardWrapper .eps4sdCardBtnRow {
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .eps4sdCardWrapper .eps4sdCardBtnRow .eps4columnGap {
        flex: 1;
    }

.eps4cameraEditInfoSdCard.eps4msgBloc {
    margin-left: 0;
    margin-right: 0;
}

.eps4labelModelCamPositionVisu {
    text-align: center;
}

.eps4sdCardOpenTechnic {
    flex: 1;
}

.eps4camLabelPosition {
    margin-left: 10px;
}

.eps4bgVideoInstall {
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #003352;
}

#C\:eps4videoInstallHeader, 
.eps4progressHeader {
    height: 140px;
    width: 1024px;
    margin: auto;
    position: relative;
}

#C\:eps4videoInstallDiv {
    min-height: 350px;
    padding: 50px 40px 0px;
    position: relative;
    background-color: rgb(246,248,249);
}

    #C\:eps4videoInstallDiv a#C\:A {
        text-decoration: underline !important;
    }

        #C\:eps4videoInstallDiv a#C\:A:hover {
            color: #34495e !important;
        }

    #C\:eps4videoInstallDiv .eps4msgBloc {
        background-color: white;
    }

    #C\:eps4videoInstallDiv #C\:eps4init {
        text-align: center;
    }

        #C\:eps4videoInstallDiv #C\:eps4init .eps4configBtn {
            float: inherit;
        }

    #C\:eps4videoInstallDiv #C\:eps4legal .eps4msgBloc,
    #C\:eps4videoInstallDiv #C\:eps4verifSystem .eps4msgBloc {
        margin: 3em 0;
    }

#C\:eps4cbInfoLegalLabel {
    cursor: pointer;
}

#C\:eps4videoInstallDiv #C\:eps4verifMateriel .eps4msgBloc {
    margin: 1.5em 0;
}

#C\:eps4videoInstallDiv #C\:eps4paramCam .eps4msgBloc,
#C\:eps4videoInstallDiv #C\:eps4paramMicro .eps4msgBloc,
#C\:eps4videoInstallDiv #C\:eps4configCam .eps4msgBloc {
    margin: 2em 0;
}

#C\:eps4paramMicro .eps4toggleWidget.eps4toggleLeft {
    height: 23px;
}

#C\:eps4videoInstallDiv #C\eps4configCam .eps4msgBloc {
    margin-bottom: 20px;
}

#C\:eps4videoInstallDiv .eps4callbackBtn {
    width: auto;
    float: left;
}

#C\:eps4videoInstallDiv .eps4configBtn {
    width: auto;
    float: right;
}

#C\:eps4videoInstallDiv .eps4wifiState {
    margin: 5px;
}

.eps4installStep {
    padding-bottom: 95px;
}

#C\:eps4infoActivation .eps4msgBloc {
    margin-top: 30px;
    margin-bottom: 30px;
}

#C\:eps4verifMateriel {
    padding-bottom: 115px;
    min-height: 570px;
}

#C\:eps4congrat .eps4leftStep {
    width: 500px;
    display: block;
    margin: auto;
}

#C\:eps4congrat .eps4leftStep,
#C\:eps4congrat .eps4configBtn {
    text-align: center;
}

#C\:eps4congrat .eps4configBtn {
    width: 100%;
}

#C\:eps4congrat h2 {
    font-size: 2.2em;
    font-weight: 400;
    margin-bottom: 30px;
}

#C\:eps4congrat h3 {
    margin-bottom: 30px;
}

#C\:eps4paramCam {
    padding-bottom: 40px;
}

#C\:eps4paramMicro b {
    line-height: 2;
}

#C\:eps4paramMicro p {
    line-height: 2;
}

#C\:eps4paramMicro .eps4msgBloc p {
    line-height: 1.5;
}

#C\:eps4videoInstallDiv #C\:eps4systemStatus {
    margin-top: 30px;
}

#C\:eps4videoInstallDiv #C\:eps4systemTestInProgress {
    background: url('../../../images/eps/transverse/loader.gif?v=1b04bda465') no-repeat 0 50%;
    background-size: 25px;
    min-height: 25px;
    padding-left: 30px;
}

#C\:eps4videoInstallDiv #C\:eps4systemTestFail,
#C\:eps4videoInstallDiv #C\:eps4systemTestStop {
    min-height: 25px;
    background-size: 25px;
    background: url('../../../images/eps/videoinstall/icon_warning.png?v=f0f170e4ea') no-repeat 0 50%;
    padding-left: 30px;
    color: #ff4f38;
}


#C\:eps4videoInstallDiv #C\:eps4systemTestOk {
    min-height: 25px;
    background-size: 25px;
    background: url('../../../images/eps/videoinstall/icon_check.png?v=10f4fd3595') no-repeat 0 50%;
    padding-left: 30px;
}

#C\:eps4videoInstallDiv .eps4cameraOk,
#C\:eps4videoInstallDiv .eps4cameraInstalled {
    background-image: url('../../../images/eps/videoinstall/icon_check.png?v=10f4fd3595');
}

#C\:eps4videoInstallDiv .eps4cameraKo {
    background-image: url('../../../images/eps/videoinstall/icon_warning.png?v=f0f170e4ea');
    color: #ff4f38;
}

#C\:eps4videoInstallDiv .eps4cameraLoader {
    background-image: url('../../../images/eps/transverse/loader.gif?v=1b04bda465');
}

#C\:eps4videoInstallRefreshWifi {
    width: 2.0793em;
    height: 2.3661em;
    cursor: pointer;
    background-image: url('../../../images/eps/videoinstall/refresh.png?v=cc50df1790');
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 50px;
}

#C\:eps4videoInstallDiv .eps4sound {
    display: block;
    width: 100%;
    background-position: 5px 50%;
    padding-left: 40px;
    position: relative;
}

    #C\:eps4videoInstallDiv .eps4sound.eps4muted {
        background-image: url('../../../images/eps/accueil/video/sonOff.png?v=189154b8b8');
    }

    #C\:eps4videoInstallDiv .eps4sound .slider-container {
        position: absolute;
        top: 16px;
    }

#C\:eps4videoInstallDiv .eps4soundToggle {
    margin-top: 20px;
}

#C\:eps4videoInstallDiv .eps4sound.eps4off {
    opacity: 0.5;
}

        #C\:eps4videoInstallDiv .eps4soundBar {
            position: absolute;
            top: 50%;
            transform: translate(0, -50%);
            width: 164px;
        }
        
        #C\:eps4videoInstallDiv input[type="range"].eps4soundBar {
            -webkit-appearance: none; /* Override default look */
            appearance: none;
            height: 4px; /* Height of bar */
            background-color: #11A5F0;
            border-radius: 2px;
            outline: none;
        }

        #C\:eps4videoInstallDiv input[type="range"].eps4soundBar::-webkit-slider-thumb {
            -webkit-appearance: none; /* Override default look */
            appearance: none;
            width: 16px; /* Set a specific slider handle width */
            height: 16px; /* Slider handle height */
            border-radius: 10px;
            background: white; /* White background */
            cursor: pointer; /* Cursor on hover */
            border: 2px solid #7e93a1;
        }
        
        #C\:eps4videoInstallDiv input[type="range"].eps4soundBar::-moz-range-thumb {
            width: 14px; /* Set a specific slider handle width */
            height: 14px; /* Slider handle height */
            border-radius: 10px;
            background: white; /* White background */
            cursor: pointer; /* Cursor on hover */
            border: 2px solid #7e93a1;
        }
        
#C\:eps4soundMessage {
    border-radius: 3px;
    color: #fff;
    background: #000;
    padding: 10px 20px;
    opacity: 1;
    width: 240px;
    position: absolute;
    top: 38px;
    left: 0;
    display: none;
}

    .eps4sound:hover #C\:eps4soundMessage,
    #C\:eps4soundMessage:hover {
        display: block;
    }

#C\:eps4videoInstallDiv .eps4VideoPreviewCell {
    width: 400px;
    height: 350px;
}

#C\:eps4videoInstallDiv h1,
#C\:eps4videoInstallDiv h2 {
    text-align: inherit;
    margin-bottom: 15px;
}

#C\:eps4videoInstallDiv h3 {
    font-weight: 1.2em;
}

#C\:eps4videoInstallDiv h1 {
    color: inherit;
    padding-top: 20px;
    text-align: right;
    width: 100%;
    font-size: 1.7em;
    font-weight: 500;
    margin: 0;
}

    #C\:eps4videoInstallDiv h1.eps4bigTitle {
        font-size: 2.4em;
        font-weight: 100;
        text-align: center;
    }

#C\:eps4videoInstallDiv .eps4stepBody {
    position: relative;
}

#C\:eps4videoInstallDiv .eps4stepFooter {
    margin-top: 20px;
    position: absolute;
    left: 40px;
    bottom: 0px;
    right: 40px;
}

#C\:eps4videoInstallDiv #C\:eps4configCam .eps4stepFooter {
    bottom: -10px;
}

#C\:eps4paramCam .eps4stepFooter {
    position: inherit;
}

#C\:eps4modalHamon {
    text-align: justify;
}

    #C\:eps4modalHamon ::-webkit-scrollbar {
        width: 12px;
        background-color: #F5F5F5;
    }

    #C\:eps4modalHamon ::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #7e93a1;
        ;
        background-color: #7e93a1;
        border: 4px solid transparent;
        background-clip: content-box;
    }

    #C\:eps4modalHamon .eps4modalContent {
        overflow: auto;
        height: 550px;
        padding: 0px 20px 20px 20px;
    }

    #C\:eps4modalHamon .eps4modalClose {
        height: 100%;
        width: 100%;
        background-position-x: 530px;
        background-position-y: 20px;
    }

    #C\:eps4modalHamon .eps4modalCloseContainer {
        position: absolute;
        background-color: white;
        height: 50px;
        width: 560px;
    }

    #C\:eps4modalHamon h3 {
        margin-top: 50px;
    }

.eps4msgBloc.eps4remainder {
    font-style: italic;
}

#C\:eps4installCam ul {
    list-style-position: inside;
    list-style-type: none;
}

    #C\:eps4installCam ul li {
        margin: 20px 10px;
    }

table.eps4cameraList {
    width: 90%;
    margin-left: 10%;
    margin-top: 20px;
    margin-bottom: 20px;
}

    table.eps4cameraList tr,
    table.eps4cameraList td {
        height: 100px;
    }

#C\:eps4paramCam .eps4cameraList,
#C\:eps4configCam .eps4cameraList {
    margin-top: 20px;
}

.eps4cameraItem {
    display: table-cell;
    vertical-align: top;
    padding-right: 30px;
    width: 390px;
}

    .eps4cameraItem .eps4cameraTitle {
        font-weight: bold;
    }

.eps4paramDetail {
    padding: 8px 0px 8px 40px;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    min-width: 270px;
    min-height: 25px;
}

.eps4configDetail {
    display: table-cell;
    vertical-align: middle;
    min-width: 248px;
    padding-right: 10px;
}

    .eps4configDetail.input {
        min-width: 210px;
    }

.eps4cameraTitle {
    font-weight: bold;
}

.eps4cameraDetail {
    margin-bottom: 20px;
    display: table;
}

    .eps4cameraDetail .eps4cameraSnap {
        height: 100px;
        transition: all 1s;
    }

.eps4cameraSnapWrapper {
    position: relative;
}

.eps4cameraSnap.focus {
    padding: 10px;
    background-color: rgba(0,0,0,0.5);
    border-radius: 5px;
    height: 260px;
    width: 350px;
    position: absolute;
    left: -100px;
    top: -80px;
}

.eps4cameraDetail .eps4cameraSnap img {
    height: 100%;
    cursor: pointer;
}

.eps4cameraDetail img {
    height: 100px;
}

#C\:eps4modalDisplaySnapshot {
    z-index: 15;
}

    #C\:eps4modalDisplaySnapshot .eps4modalSnapWrapper {
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        margin: auto;
        position: absolute;
        height: 300px;
        width: 320px;
    }

    #C\:eps4modalDisplaySnapshot .eps4modalClose {
        background-image: url('../../../images/eps/transverse/blanc/fermer2x.png?v=0123f917c1');
        width: 60px;
        height: 60px;
        margin-top: 20px;
        margin-right: 20px;
    }

    #C\:eps4modalDisplaySnapshot .eps4cameraTitle {
        font-weight: bold;
        color: white;
    }

.eps4CameraThumb {
    height: 100%;
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    display: inline-block;
    width: 50px;
    height: 50px;
}

.eps4CameraThumbTYPE1 {
    background-image: url('../../../images/eps/videoinstall/cam-type1.png?v=2.090');
}

.eps4tableStep.eps4clearColumn {
    display: table;
    width: 100%;
}

    .eps4tableStep.eps4clearColumn .eps4rightStep {
        width: 150px;
        display: table-cell;
        vertical-align: top;
    }

    .eps4tableStep.eps4clearColumn .eps4leftStep {
        display: table-cell;
        padding-right: 16px;
        vertical-align: top;
    }

.eps4tableStep.eps4floatColumn {
    display: block;
    width: 100%;
}

    .eps4tableStep.eps4floatColumn .eps4rightStep {
        width: 150px;
        float: right;
        position: relative;
        margin-left: 16px;
        margin-bottom: 16px;
    }

    .eps4tableStep.eps4floatColumn .eps4leftStep {
        width: 100%;
        display: block;
        float: left;
    }

.eps4installStep .eps4stepHeader h2 {
    float: left;
}

.eps4installStep .eps4subStep {
    font-size: 1.7em;
    margin-bottom: 10px;
    float: right;
}

.eps4installStep .eps4stepFooter .eps4configBtn {
    text-align: right;
    margin-top: 0;
}

.eps4installStep .eps4subStep span,
.eps4installStep .eps4remainStep span {
    font-weight: 500;
}

.eps4installStep .eps4remainStep {
    background: url('../../../images/eps/videoinstall/remain.png?v=119ab6f87f') no-repeat 0 50%;
    background-size: 30px;
    padding-left: 35px;
    right: 0;
    position: absolute;
}

#C\:eps4infoFactWrapper {
    display: table;
    width: 100%;
    margin-bottom: 20px;
}

#C\:eps4infoAbonnement {
    display: table-cell;
}

#C\:eps4infoGap {
    width: 5%;
    display: table-cell;
}

#C\:eps4infoAbonnement .eps4titleTd:not(:first-child) {
    margin-top: 20px;
}

#C\:eps4infoAboModif span {
    float: right;
}

.eps4infoFactPart {
    background-color: #fff;
    padding: 20px;
    width: 100%;
}

#C\:eps4infoOldAmount,
#C\:eps4infoAboNewAmount {
    float: right;
}

#C\:eps4infoAboModif {
    height: 150px;
}

    #C\:eps4infoAboModif li {
        margin-bottom: 15px;
    }

#C\:eps4infoEquipment .eps4devicesList {
    height: 294px;
}

#C\:eps4infoEquipment {
    display: table-cell;
    width: 40%;
}

.eps4stepVideoInstallFinish {
    height: 200px;
    background: url('../../../images/eps/videoinstall/finish.png?v=284a2d191f') no-repeat 0 50%;
    background-size: contain;
    background-position: center;
}

.eps4stepVideoInstallBegin {
    height: 200px;
    background: url('../../../images/eps/videoinstall/home.png?v=17222ba5b6') no-repeat 0 50%;
    background-position: center;
}

#C\:eps4videoInstallStepList, 
.eps4progressStepList {
    width: 100%;
    display: table;
    table-layout: fixed;
    height: 100px;
}

    #C\:eps4videoInstallStepList .eps4step.eps4current, 
    .eps4progressStepList .eps4step.eps4current {
        opacity: 1;
    }

    #C\:eps4videoInstallStepList .eps4step, 
    .eps4progressStepList .eps4step {
        padding-top: 75px;
        display: table-cell;
        color: #FFF;
        font-size: 1.1em;
        text-align: center;
        background-repeat: no-repeat;
        background-position: 50% 35px;
        background-size: auto 35px, contain;
        opacity: 0.4;
    }

.eps4liveView {
    width: 100%;
}

table.eps4notifVisu div.eps4toggleWidget {
    display: inline-block;
}

.eps4toggleWidget {
    position: relative;
    height: 23px;
}

    .eps4toggleWidget .eps4actionIcon {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 75px;
    }

#C\:eps4videoOption {
    vertical-align: top;
}

#C\:eps4testCam .video-js {
    height: 100%;
}

#C\:eps4testCam #C\:eps4videoOption h3 {
    width: 240px;
}

#C\:eps4testCam .eps4toggleWidget.eps4toggleLeft .eps4labelToggle {
    padding-top: 10px;
    position: absolute;
}

.eps4gotoCam {
    right: 0;
    bottom: 0;
    position: absolute;
}

    .eps4gotoCam .eps4text {
        vertical-align: middle;
        display: inline-block;
    }

    .eps4gotoCam .eps4pagerNext,
    .eps4gotoCam .eps4pagerLast {
        display: inline-block;
        vertical-align: middle;
        background-image: url(../../../images/eps/transverse/gris/droite.png?v=806a7c870f);
    }

    .eps4gotoCam .eps4pagerPrevious,
    .eps4gotoCam .eps4pagerFirst {
        display: inline-block;
        vertical-align: middle;
        background-image: url(../../../images/eps/transverse/gris/gauche.png?v=ec1174970c);
    }

    .eps4gotoCam .eps4text {
        padding: 5px;
    }

#C\:eps4videoInstallStepList .eps4step1 {
    background-image: url('../../../images/eps/videoinstall/step1.png?v=5be95d3d90');
}

#C\:eps4videoInstallStepList .eps4step2 {
    background-image: url('../../../images/eps/videoinstall/step2.png?v=0165cb2b20');
}

#C\:eps4videoInstallStepList .eps4step3 {
    background-image: url('../../../images/eps/videoinstall/step3.png?v=53587bdeef');
}

#C\:eps4videoInstallStepList .eps4step4 {
    background-image: url('../../../images/eps/videoinstall/step4.png?v=8a2d2e1459');
}

#C\:eps4videoInstallStepList .eps4step5 {
    background-image: url('../../../images/eps/videoinstall/step5.png?v=a318c9caed');
}

#C\:eps4videoInstallStepList .eps4step6 {
    background-image: url('../../../images/eps/videoinstall/step6.png?v=41c961af00');
}

#C\:eps4videoInstallStepList .eps4step7 {
    background-image: url('../../../images/eps/videoinstall/step7.png?v=f14b3b3d9b');
}

.eps4branchWifi {
    background: url(../../../images/eps/videoinstall/branch_wifi.png?v=d306f586de) no-repeat;
    background-size: contain;
    width: 100%;
    height: 350px;
    margin-top: 40px;
    margin-bottom: 15px;
    margin-left: 159px;
}

#C\:eps4branchWifi p {
    line-height: 2.5;
}

.eps4branchWifiPaw {
    float: right;
    margin-right: 340px;
    margin-top: 70px;
}

.eps4branchWifiNum1 {
    float: right;
    margin-top: 80px;
    margin-right: 160px;
}

.eps4branchWifiRj {
    float: right;
    margin-top: 40px;
    margin-right: 580px;
}

.eps4branchWifiNum2 {
    float: right;
    margin-top: 45px;
    margin-right: 300px;
}

.eps4branchWifiBox {
    float: left;
    margin-left: 50px;
    margin-top: 120px;
}

.eps4branchWifiAlim {
    float: right;
    margin-top: 110px;
    margin-left: 0px;
    margin-right: -55px;
}

.eps4startWifi {
    background: url(../../../images/eps/videoinstall/start_wifi.png?v=12d6bdd0d8) no-repeat;
    background-size: contain;
    width: 100%;
    height: 350px;
    margin-top: 20px;
    margin-bottom: 30px;
    margin-left: 159px;
}

#C\:eps4startWifi p {
    line-height: 2.5;
}

.eps4startWifiExplanation {
    float: left;
    margin-top: 241px;
    margin-left: 280px;
}

    .eps4startWifiExplanation > div {
        margin-bottom: 27px;
    }

.eps4equipment {
    padding: 6px;
    height: 175px;
    width: 175px;
    border: 1px rgb(202,202,202) solid;
    border-radius: 5px;
    background-color: white;
}

    .eps4equipment .eps4equipmentName {
        float: left;
    }

.eps4equipmentName > p {
    width: 140px;
}

.eps4equipment .eps4equipmentNumber {
    float: right;
}

.eps4packageList {
    margin-top: 30px;
}

.eps4installStep ul,
.eps4installStep ol {
    margin-left: 2em;
}

.eps4installStep .iti__country-list {
    margin-left: 0 !important;
}

.eps4installStep .eps4phoneListVisuWidget ul:not(.eps4dropdown) {
    margin-left: 0px;
}

#C\:eps4branchWifi ul li,
#C\:eps4startWifi ul li {
    margin-bottom: 30px;
    list-style-type: none;
}

.eps4roundNumber {
    height: 25px;
    width: 25px;
    margin-right: 15px;
    border-radius: 50%;
    display: inline-block;
    background-color: #15a7f0;
    text-align: center;
    color: white;
    font-weight: 600;
    font-size: 1.2em;
}

.eps4equipmentPicture {
    margin-left: auto;
    margin-right: auto;
    margin-top: 45px;
    height: 100px;
    width: 100%;
    background-size: 120px;
    background-position: center;
    background-repeat: no-repeat;
}

.eps4hotspotPict {
    background-image: url(../../../images/eps/videoinstall/hotspot.png?v=599a81ac48);
}

/*AHE - Ajout infos wifi*/

div.eps4vsHotspotInformation {
    display: flex;
    flex-direction: row;
}

    div.eps4vsHotspotInformation div.eps4hotspotText {
        flex: 1;
    }

    div.eps4vsHotspotInformation div.eps4hotspotPict {
        width: 100px;
        background-size: 82px;
        background-repeat: no-repeat;
        background-position: 50%;
        float: left;
    }
    /*AHE - Ajout infos wifi*/
    div.eps4vsHotspotInformation div.eps4hotspotPict {
        background-image: url(../../../images/eps/videosouscription/hotspot.png?v=af3aba040b);
    }
/*AHE - Ajout infos wifi*/
div.eps4vsHotspotPrice {
    margin-top: 5px;
    font-weight: bold;
    font-size: 1.2em;
}
/*AHE - Ajout infos wifi*/
div.eps4vsHotspotInformation h4 {
    font-size: 1.1em;
    margin-bottom: 5px;
}
/*AHE - Ajout infos wifi*/
div.eps4vsQuantityRow div.eps4vsCostSelection,
div.eps4vsQuantityRow div.eps4vsQuantitySelection {
    width: 50%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

div.eps4vsQuantityRow div.eps4vsQuantitySelection {
    padding-bottom: 12px;
}

    /*AHE - Ajout infos wifi*/
    div.eps4vsQuantityRow div.eps4vsQuantitySelection span.eps4vsQuantityLbl {
        float: left;
        margin-top: 12px;
    }

div.eps4vsQuantityDropdown,
div.eps4vsSDCQuantityDropdown {
    width: 150px;
}

    div.eps4vsQuantityDropdown input,
    div.eps4vsSDCQuantityDropdown input {
        width: 105px;
        height: 30px;
        color: #7e93a1;
        border-radius: 0.4em !Important;
        background: #eaeff0;
        border: 0.0424em solid rgba(52, 73, 94, .6) !Important;
    }

.eps4vsQuantityTabRow.eps4vsQuantitySDC {
    margin-top: 10px;
}

div.eps4vsQuantityRow .eps4vsQuantityTabCell {
    display: inline-block;
}

div.eps4vsQuantityRow .eps4vsQuantityInput {
    margin-left: 20px;
}

/*AHE - Ajout infos wifi*/
div.eps4vsQuantityRow div.eps4vsCostSelection div.eps4vsCostSelectionTOP {
    width: 100%;
}
    /*AHE - Ajout infos wifi*/
    div.eps4vsQuantityRow div.eps4vsCostSelection div.eps4vsCostSelectionTOP div.eps4blue {
        float: right;
    }

.eps4rj45Pict {
    background-image: url(../../../images/eps/videoinstall/RJ45.png?v=463eeb6b16);
}

.eps4alimPict {
    background-image: url(../../../images/eps/videoinstall/alim.png?v=8effbdc5cc);
}

.eps4cameraPict {
    background-image: url(../../../images/eps/videoinstall/camera_ship.png?v=f2b71dc09a);
}

.eps4alimCamPict {
    background-image: url(../../../images/eps/videoinstall/alim_cam.png?v=8effbdc5cc);
}

#C\:eps4infoFacturation .eps4devicesList,
#C\:eps4infoFacturation #C\:eps4infoAboModif ul {
    margin-left: 10px;
}

.eps4progressContainer {
    width: 100%;
    height: 6px;
    margin-top: 10px;
    position: relative;
}

.eps4progressBack {
    width: 886px;
    height: 100%;
    margin-right: 69px;
    margin-left: 69px;
    background: white;
    opacity: 0.99;
    border-radius: 0.4em;
    position: relative;
}

.eps4progressBarPoints {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: table;
    /*padding: 0 1px;*/
}

.eps4progressBar {
    border-radius: 0.4em;
    height: 100%;
    width: 0;
    background: rgb(17,165,240);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.eps4stepPoint {
    display: table-cell;
    position: relative;
}

    .eps4stepPoint::before {
        content: '';
        height: 4px;
        width: 4px;
        border-radius: 50%;
        background-color: #003352;
        display: inline-block;
        -webkit-transition: background-color .6s ease;
        -o-transition: background-color .6s ease;
        transition: background-color .6s ease;
        top: 1px;
        left: 0;
        right: 0;
        margin: auto;
        position: absolute;
    }

    .eps4stepPoint.eps4current::before {
        background-color: #FFF;
    }

.eps4scFinishedActions {
    margin-left: 3em;
    margin-top: 10px;
    padding-left: 56px;
    background-image: url('../../../images/eps/transverse/check.png?v=29e20fa2cd');
    background-repeat: no-repeat;
    background-position: 10px, 50%;
}

    .eps4scFinishedActions > p:not(:last-child) {
        margin-bottom: 0.3em;
    }


/* ========================== Visual step ========================== */

.eps4visualStepProgress {
    margin-top: 10px;
    margin-bottom: 60px;
    margin-left: calc(69px - 100px);
    width: calc(100% + 100px);
}

.eps4visualStepList {
    width: 100%;
    display: table;
    table-layout: fixed;
}

    .eps4visualStepList .eps4visualStep {
        display: table-cell;
        font-size: 0.8em;
        text-align: center;
    }

.eps4visualStepContainer {
    margin-top: 10px;
    position: relative;
}

.eps4visualStepBarPoints {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: table;
    table-layout: fixed;
}

.eps4visualStepPoint {
    display: table-cell;
    position: relative;
}

    .eps4visualStepPoint:not(:last-child)::before {
        content: '';
        height: 6px;
        width: 100%;
        display: inline-block;
        transition: background-color .6s ease;
        top: 6px;
        position: absolute;
        left: 50%;
    }

    .eps4visualStepPoint::after {
        content: '';
        height: 18px;
        width: 18px;
        border-radius: 50%;
        display: inline-block;
        transition: background-color .6s ease;
        top: 0px;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
    }

    /* Couleurs  */

    .eps4visualStepPoint:not(:last-child)::before {
        background-image: linear-gradient(to bottom, #D0D0D0, #EBEBEB);
    }

    .eps4visualStepPoint::after {
        background-image: linear-gradient(to bottom, #D0D0D0, #EBEBEB);
    }

    .eps4visualStepPoint.eps4visualStepFinish::before {
        background-image: none;
        background-color: #0f74a8;
    }

    .eps4visualStepPoint.eps4visualStepFinish::after {
        background-image: none;
        background-color: #0f74a8;
    }

    .eps4visualStepPoint.eps4visualStepFinish.eps4visualStepOldCurrent::before {
        background-image: linear-gradient(to right, #0f74a8, #149AE2);
    }

    .eps4visualStepPoint.eps4visualStepCurrent::before {
        background-image: linear-gradient(to right, #149AE2, #EBEBEB);
    }

    .eps4visualStepPoint.eps4visualStepCurrent::after {
        background-image: none;
        background-color: #149AE2;
    }



/*  ===================================================================
    == WELCOME PACK                                                       
    ===================================================================*/
#C\:eps4welcomeDiv {
    min-height: 581px;
    margin: 5% auto;
    position: relative;
}

#C\:eps4welcome {
    padding-bottom: 13%;
}

.eps4welcomeForm {
    max-width: 690px;
    margin: auto;
}

#C\:eps4mailingListButton_1 .eps4configBtn,
#C\:eps4mailingListVisu .eps4configBtn {
    margin-bottom: 0 !important;
}


/*Menu*/

.eps4iconNavigation {
    text-align: center;
    margin: auto;
    width: 515px;
}

.eps4iconContainer > div {
    display: inline-block;
    padding: 0;
    opacity: .5;
    width: 84px;
    height: 66px;
    margin: 0 3em 1em 3em;
    background-size: contain;
}

    .eps4iconContainer > div.eps4iconSelected {
        opacity: 1;
        position: relative;
    }

        .eps4iconContainer > div.eps4iconSelected:after {
            content: '';
            width: 0;
            height: 0;
            top: 70px;
            left: 0;
            right: 0;
            margin: auto;
            border-width: 0 10px 10px 10px;
            border-style: solid;
            position: absolute;
            border-color: #fff transparent;
        }


.eps4visited {
    height: 100%;
    text-align: left;
    opacity: 1 !important;
    position: relative;
}

    .eps4visited:after {
        content: '';
        width: 0;
        height: 0;
        top: 70px;
        left: 0;
        right: 0;
        margin: auto;
        border-width: 0 10px 10px 10px;
        border-style: solid;
        position: absolute;
        border-color: #fff transparent;
    }

.eps4removalTitle .eps4visited:after {
    margin-top: 101px;
    z-index: 5;
}

#C\:eps4mailingFirstNameVisu,
#C\:ps4mailingNameVisu,
#C\:eps4mailingPostalCodeVisu,
#C\:eps4mailingCityVisu,
#C\:eps4prefixMobileVisu,
#C\:eps4numberMobileVisu {
    display: inline-block;
    margin-right: .25em;
    vertical-align: bottom;
}

#C\:eps4removalDiv {
    width: 984px;
    min-height: 650px;
    margin: auto;
    font-weight: 300;
    display: block;
    position: relative;
    padding-bottom: 20px;
}

    #C\:eps4removalDiv div.eps4iconNavigation h1 {
        margin: 0;
    }

    #C\:eps4removalDiv h2,
    div.eps4welcomeForm h2 {
        font-size: 1em;
        position: absolute;
        top: 1em;
        right: 1em;
    }

    #C\:eps4removalDiv .eps4whiteDivShadow,
    #C\:eps4removalDiv .eps4removalButtons {
        width: 690px;
        position: relative;
        padding: 2em 2em 1em 2em;
    }

    #C\:eps4removalDiv .eps4removalButtons {
        margin: auto;
        text-align: center;
    }

/* Permet un affichage convenable quand le libellé du bouton radio est sur plusieurs lignes (les boutons radio inline écraseront ceci) */
.eps4Radio {
    display: flex;
    align-items: center;
}

.eps4inlineRadios .eps4Radio {
    display: inline-block;
    margin-right: 20px;
}

.eps4Radio > div,
.eps4Radio > label {
    display: inline-block;
    vertical-align: middle;
}

.eps4spanHourPeriods label {
    margin: 0 0.5em;
}

.eps4access .eps4checkboxCheck,
.eps4access .eps4checkboxUnCheck {
    margin-right: 0.25em;
}

.eps4access {
    display: inline-block;
    padding-right: 0.7em;
    position: relative;
}

    .eps4access .eps4checkboxCheck,
    .eps4access .eps4checkboxUnCheck {
        float: none;
    }

    .eps4access input {
        text-align: center;
        width: 6.18em !important;
    }

input#C\:eps4ObstacleText {
    width: 50px;
}

#C\:eps4protectedSiteEdit .eps4Radio label {
    display: inline-block;
}

#C\:eps4protectedSiteEdit table tbody tr th,
#C\:eps4protectedSiteEdit table tbody tr h4,
#C\:eps4controlCallEdit table tbody tr th,
#C\:eps4joinMeEdit table tbody tr th,
#C\:eps4joinMeVisu table tbody tr th,
#C\:eps4mailingListEdit table tbody tr th,
#C\:eps4mailingListVisu table tbody tr th {
    text-align: left;
}

#C\:eps4protectedSiteEdit table tbody tr:nth-child(15) td {
    height: 3.5em;
}

/*==== Protected Site/Animal : Visu ====*/

#C\:eps4protectedSiteVisu tbody tr th {
    text-align: left !important;
}

#C\:eps4ProtectedSiteVisuAnimalHeader p.eps4text {
    width: 27%;
    display: inline-block;
}

#C\:eps4ProtectedSiteVisuAnimalHeader td p:last-child {
    width: auto;
    display: inline-flex;
}

#C\:eps4AnimalInsideVisu p.eps4text,
#C\:eps4AnimalOutsideVisu p.eps4text {
    width: auto;
    padding-right: 3.5%;
    display: inline-block;
}

#C\:eps4AnimalInsideVisu td p:first-child,
#C\:eps4AnimalOutsideVisu td p:first-child {
    width: 27%;
    padding-right: 3.5%;
    display: inline-block;
}

#C\:eps4AnimalInsideVisu td,
#C\:eps4ProtectedSiteVisuAnimalHeader td {
    border-bottom: none !important;
}

#C\:eps4AnimalInsideVisu td,
#C\:eps4AnimalOutsideVisu td {
    height: auto !important;
}

/*==== Protected Site/Animal : Edit ====*/

#C\:eps4ProtectedSiteAnimalHeader td p.eps4text {
    display: inline-block;
    width: 23%;
}

#C\:eps4ProtectedSiteAnimalHeader td input {
    display: inline-block;
    width: 50%;
}

    #C\:eps4ProtectedSiteAnimalHeader td input:-moz-placeholder {
        font-style: italic;
    }

    #C\:eps4ProtectedSiteAnimalHeader td input::-moz-placeholder {
        font-style: italic;
    }

    #C\:eps4ProtectedSiteAnimalHeader td input::-webkit-input-placeholder {
        font-style: italic;
    }

#C\:eps4ProtectedSiteAnimalHeader td,
#C\:eps4AnimalInside td {
    border-bottom: none !important;
}

    #C\:eps4AnimalInside td p.eps4text,
    #C\:eps4AnimalOutside td p.eps4text {
        display: inline-block;
        width: 23%;
    }

    #C\:eps4AnimalInside td div.eps4wrapper-dropdown,
    #C\:eps4AnimalOutside td div.eps4wrapper-dropdown {
        display: inline-flex;
        width: 24%;
    }

    #C\:eps4AnimalInside td div#C\:eps4cbDangerousAnimalInside,
    #C\:eps4AnimalInside td div#C\:eps4cbLockedAnimalInside,
    #C\:eps4AnimalOutside td div#C\:eps4cbDangerousAnimalOutside,
    #C\:eps4AnimalOutside td div#C\:eps4cbLockedAnimalOutside {
        display: inline-block;
        margin-left: 1%;
    }


    #C\:eps4AnimalInside td p.eps4checkboxLabel,
    #C\:eps4AnimalOutside td p.eps4checkboxLabel {
        display: inline-block;
        width: 13%;
    }


#C\:eps4cbDigicodeText,
#C\:eps4cbKeyBoxText {
    margin-left: .5em;
}

#C\:eps4terminateButtonDiv {
    text-align: center;
}

    #C\:eps4terminateButtonDiv .eps4configBtn {
        width: 100% !important;
    }

.eps4inputsPhone {
    width: 100%;
    display: flex;
}

.eps4summaryTdPhone {
    font-size: 11px;
}

.eps4inputsPhone input {
    display: inline-block;
    float: none;
    padding-left: .52em;
}

.eps4inputsPhone .eps4phonePrefix {
    width: 80px;
}

.eps4inputsPhone .eps4phoneNumber {
    flex-grow: 1;
    margin-left: 5px;
}

/* Modal Signo Impact (Join Me)*/

#C\:eps4updateDiv {
    margin-bottom: 1.5em;
}

#C\:eps4updateList,
#C\:eps4deleteList {
    overflow-y: auto;
    max-height: 350px;
}

#C\:eps4ModalSignoImpact .eps4checkboxLabel {
    max-width: 500px;
    font-weight: 600 !important;
}

#C\:eps4ModalSignoImpact [class*="eps4checkbox"],
#C\:eps4ModalSignoImpact .eps4checkboxLabel {
    vertical-align: top;
}

#C\:eps4ModalSignoImpact .eps4coordsSignoImpact {
    margin-left: 25px;
}

/*  ===================================================================
    == WORKFLOW VIDEO / DECLARATION CERFA                                              
    ===================================================================*/

#C\:eps4VideoCerfaheaderBarWorkflow .eps4stepCerfa {
    background-image: url('../../../images/eps/configuration/cerfa.png?v=0a627bcba2');
}

#C\:eps4VideoCerfaheaderBarWorkflow .eps4stepEnd {
    background-image: url('../../../images/eps/sdcard/stepEnd.png?v=f14b3b3d9b');
}

#C\:eps4videoCerfaWelcome input#C\:eps4modalDateCerfaValue {
    margin: 0em .54em;
    cursor: pointer;
}

/*  ===================================================================
    == WORKFLOW ACTIVATION SD CARD                                              
    ===================================================================*/

#C\:eps4activationSdCardheaderBarWorkflow .eps4stepWelcome {
    background-image: url('../../../images/eps/sdcard/stepPresentation.png?v=5be95d3d90');
}

#C\:eps4activationSdCardheaderBarWorkflow .eps4stepFirmwareUpdate {
    background-image: url('../../../images/eps/sdcard/stepFirmwareUpdate.png?v=a318c9caed');
}

#C\:eps4activationSdCardheaderBarWorkflow .eps4stepFormat {
    background-image: url('../../../images/eps/sdcard/stepFormat.png?v=b4107d5364');
}

#C\:eps4activationSdCardheaderBarWorkflow .eps4stepSettings {
    background-image: url('../../../images/eps/sdcard/stepSetting.png?v=a318c9caed');
}

#C\:eps4activationSdCardheaderBarWorkflow .eps4stepEnd {
    background-image: url('../../../images/eps/sdcard/stepEnd.png?v=f14b3b3d9b');
}

#C\:eps4activationSdCardBlocFormatWorking H3 {
    text-align: center;
}

#C\:eps4activationSdCardFormatLoader, #C\:eps4activationSdCardFirmwareUpdateLoader {
    margin-bottom: 20px;
}

.eps4activationSdCardLoadingGIF {
    margin: 20px auto;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120px 120px;
    background-image: url('../../../images/eps/sdcard/loading.gif?v=078aa3f093');
}

.eps4activationSdCardLoadEnd .eps4activationSdCardLoadingGIF {
    background-image: url('../../../images/eps/transverse/check_big.png?v=c8946f5830');
    background-size: 100px 100px;
}

#C\:eps4activationSdCardFormatProgress, #C\:eps4activationSdCardFirmwareUpdateProgress {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

    #C\:eps4activationSdCardFormatProgress .eps4progressBarText, #C\:eps4activationSdCardFirmwareUpdateProgress .eps4progressBarText {
        width: 100%;
        text-align: right;
    }

#C\:eps4activationSdControl {
    margin-top: 20px;
}

#C\:eps4activationSdControlDropdown {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px;
}

.eps4AutoRecordOnDetectionToggle {
    padding-top: 10px;
    padding-bottom: 10px;
}

.eps4AutoRecordOnDetectionToggle .eps4toggleWidget {
    height: 35px;
}

.eps4AutoRecordOnDetectionToggle .eps4labelToggle {
    width: 300px;
    display: block;
}

#C\:eps4activationSdCardFormatLoading, #C\:eps4activationSdCardFirmwareUpdateLoading {
    text-align: center;
}

    #C\:eps4activationSdCardFormatLoading .eps4activationSdCardWarning, #C\:eps4activationSdCardFirmwareUpdateLoading .eps4activationSdCardWarning {
        height: 24px;
        display: inline-block;
        padding-left: 36px;
        padding-top: 2px;
        background-repeat: no-repeat;
        background-image: url('../../../images/eps/sdcard/icon_warning.png?v=f0f170e4ea');
    }

#C\:eps4CameraAutoRecordingDropdown {
    margin-top: 5px;
    width: 300px;
}
/*===================================================================*/


/*===================================================================*/


/*Selection du lieu*/

#C\:eps4containerHeader {
    background-color: #eaeff0;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    margin-bottom: 8px;
}

    #C\:eps4containerHeader #C\:eps4select {
        padding-top: 20px;
    }

#C\:eps4select {
    color: #fff;
    width: 1024px;
    padding-bottom: 20px;
    text-align: center;
    position: relative;
    margin: auto;
}

#C\:eps4timeContainer #C\:eps4containerHeader,
#C\:eps4recordsContainer #C\:eps4containerHeader {
    margin-bottom: 0px;
}

#C\:eps4homeContainer #C\:eps4containerHeader {
    background-image: none;
    background-color: transparent;
    padding-top: 0px;
    height: 165px;
    margin: 0px;
}

    #C\:eps4homeContainer #C\:eps4containerHeader #C\:eps4select {
        padding-top: 60px;
    }

#C\:eps4homeContainer #C\:eps4siteTitleError {
    width: 100%;
    margin-bottom: -33px;
}

#ei_tpl_contenu #C\:eps4containerHeader #C\:eps4siteTitleError {
    width: 50%;
}

.contentwrapper li {
    max-width: 1020px;
    overflow: hidden;
}

    .contentwrapper li:first-child {
        min-width: 100px;
    }

    .contentwrapper li h1 {
        word-wrap: break-word;
    }

#C\:eps4select h1,
.eps4select h1,
#C\:eps4select h2 {
    padding: 0em !important;
    margin: 0 auto !important;
}

#C\:eps4select input#C\:eps4InputSiteTitle {
    z-index: 5;
    color: #fff;
    height: auto;
    border: none;
    text-align: center;
    font-family: Ubuntu;
    line-height: 38.45px;
    margin: .15em 0 .19em 0 !important;
    background: transparent !important;
    text-shadow: 0em 0em .5em rgba(0, 0, 0, .45);
}

a#C\:A {
    text-decoration: none !important;
}

    a#C\:A:hover {
        color: #fff !important;
    }

#C\:eps4EditSiteTitleIcon {
    padding-left: 0.7em;
}

.contentwrapper {
    width: 1024px;
    height: 72px;
}

    .contentwrapper ul li {
        display: inline-block;
        vertical-align: top;
    }

        .contentwrapper ul li:nth-child(n+2) {
            margin-top: 10px;
        }

#C\:eps4EditSiteTitleIcon,
#C\:eps4CancelSiteTitleIcon,
#C\:eps4ValidateSiteTitleIcon {
    cursor: pointer;
    position: absolute;
}



#C\:eps4CancelSiteTitleIcon,
#C\:eps4ValidateSiteTitleIcon {
    margin-left: .5em;
}

#C\:eps4CancelSiteTitleIcon {
    z-index: 10;
}

#C\:eps4ValidateSiteTitleIcon {
    padding-right: 5em;
}

/*  ===================================================================
    == JAVASCRIPT HELPER                                                          
    ===================================================================*/

/* -------------------*/
/*--- Title  ---*/
/* -------------------*/

.eps4browserSelect {
    margin: 1em auto;
}

.eps4browser {
    display: inline-block;
    width: 10em;
    margin: 0 3em;
}

    .eps4browser a {
        display: block;
        text-decoration: none !important;
    }

        .eps4browser a.eps4icn {
            height: 5em;
            margin-bottom: 0.5em;
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }

        .eps4browser a.eps4text {
            text-transform: uppercase;
            color: #fff !important;
        }

.eps4icnEDG {
    background-image: url(../../../images/eps/composants/icn_edge.png);
}

.eps4icnFF {
    background-image: url(../../../images/eps/composants/icn_firefox.png?v=5c8bb293a1);
}

.eps4icnGC {
    background-image: url(../../../images/eps/composants/icn_chrome.png?v=ccb5770ea8);
}

/* -------------------*/
/*--- Content  ---*/
/* -------------------*/
#C\:eps4background.eps4jsHelpBG {
    z-index: 0;
    background: #fff url('../../../images/eps/composants/http_background.jpg?v=cff9f11083') no-repeat center;
}

.eps4jsHelp .eps4setting {
    background: #fff;
}

.eps4jsHelp ol.eps4stepList {
    padding: 1em 4em;
}

.eps4jsHelp .eps4screen {
    text-align: center;
}

.eps4edgeStep1 {
    background: url('../../../images/eps/javascriptHelp/edge/step1.PNG');
    background-repeat: no-repeat;
    height: 100px;
}

.eps4edgeStep2 {
    background: url('../../../images/eps/javascriptHelp/edge/step2.PNG');
    background-repeat: no-repeat;
    height: 290px;
}

.eps4edgeStep3 {
    background: url('../../../images/eps/javascriptHelp/edge/step3.PNG');
    background-repeat: no-repeat;
    height: 180px;
}

.eps4edgeStep4 {
    background: url('../../../images/eps/javascriptHelp/edge/step4.PNG');
    background-repeat: no-repeat;
    height: 100px;
}

.eps4firefoxStep1 {
    background: url('../../../images/eps/javascriptHelp/firefox/step1.PNG?v=c0d62fc3c1');
    background-repeat: no-repeat;
    height: 104px;
}

.eps4firefoxStep2 {
    background: url('../../../images/eps/javascriptHelp/firefox/step2.PNG?v=88adee4edf');
    background-repeat: no-repeat;
    height: 271px;
}

.eps4firefoxStep3 {
    background: url('../../../images/eps/javascriptHelp/firefox/step3.PNG?v=290440275d');
    background-repeat: no-repeat;
    height: 200px;
}

.eps4firefoxStep4 {
    background: url('../../../images/eps/javascriptHelp/firefox/step4.PNG?v=8dbc626528');
    background-repeat: no-repeat;
    height: 218px;
}

.eps4firefoxStep5 {
    background: url('../../../images/eps/javascriptHelp/firefox/step5.PNG?v=f588eb3a76');
    background-repeat: no-repeat;
    height: 253px;
}

.eps4chromeStep1 {
    background: url('../../../images/eps/javascriptHelp/chrome/step1.PNG?v=d2ec3eb085');
    background-repeat: no-repeat;
    height: 105px;
}

.eps4chromeStep2 {
    background: url('../../../images/eps/javascriptHelp/chrome/step2.PNG?v=13f5de3573');
    background-repeat: no-repeat;
    height: 302px;
    /* border: solid thin #808080; */
}

.eps4chromeStep3 {
    background: url('../../../images/eps/javascriptHelp/chrome/step3.PNG?v=fb52489078');
    background-repeat: no-repeat;
    height: 412px;
    /* border: solid thin #808080; */
}

.eps4chromeStep4 {
    background: url('../../../images/eps/javascriptHelp/chrome/step4.PNG?v=2fbf2da91c');
    background-repeat: no-repeat;
    height: 410px;
}

.eps4chromeStep5 {
    background: url('../../../images/eps/javascriptHelp/chrome/step5.PNG?v=14bfb56531');
    background-repeat: no-repeat;
    height: 79px;
}




/*===================================================================*/


/**     ADVERTISEMENT   */


/*===================================================================*/


/* -------------------*/


/*--- COMMON  ---*/


/* -------------------*/

.eps4adContent,
.eps4adContent2,
.eps4adContentAltSEP,
.eps4adContentPartSEP {
    width: 100%;
    height: 327px;
    border-radius: .4em;
}

.eps4adContentAltSEP {
    padding: 2em 0em 5.5em 2.5em;
}

.eps4adContentPartSEP {
    padding-top: 45px;
    padding-left: 210px;
}
/* -------------------*/


/*--- DIDACTICIEL ---*/


/* -------------------*/

.eps4pubDidacticielText {
    margin: 3.5em 49em 0em 3em;
    height: 15em;
}

.eps4pubDidacticiel h2 {
    color: rgb(166, 134, 96) !important;
}

.eps4pubDidacticiel p {
    font-size: 14px;
    margin-bottom: 1em;
}

.eps4pubDidacticiel a {
    text-decoration: none !important;
}


/* -------------------*/


/*--- NEWSLETTER  ---*/


/* -------------------*/

.eps4adBtnDiv {
    margin-top: 7em;
}

.eps4adButton {
    background-color: rgba(252, 102, 25, 1);
    padding: 0.5em 2em 0.5em 2em;
    color: white;
    margin-top: 7em;
}

/* -------------------*/


/*--- HOMEPAGE ---*/


/* -------------------*/

.eps4miniLoader .eps4LoaderGIF {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    bottom: -12px;
}

/* --- TODO A supprimer MEP 247: 'I' d'information de dernier etat connu sur la Homepage*/
.eps4tooltipDivText {
    visibility: hidden;
    width: 150px;
    font-size: 12.3px;
    font-weight: 500;
    background-color: #fff;
    color: #808080;
    border: 1.5px solid #808080;
    text-align: center;
    padding: 7px;
    bottom: 132px;
    left: 40px;
    line-height: 17px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

.eps4tooltipRight .eps4tooltipDivText {
    right: 0px;
}


.eps4loadingInformation {
    position: relative;
    bottom: 3px;
}

    .eps4loadingInformation:hover .eps4tooltipDivText {
        visibility: visible;
    }
/* --- */

.eps4widgetTop h1 {
    display: inline-block;
}

.eps4icoDatePoolingDone {
    background-size: contain;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    display: inline-block;
    background-image: url('../../../images/eps/accueil/widget/information.png?v=ae52b5772e');
}

#C\:eps4homeContainer #C\:eps4service {
    width: 1024px;
    position: relative;
    margin: auto;
}

#C\:eps4homeContainer .eps4galleryNext {
    margin-right: -70px;
}

#C\:eps4homeContainer .eps4galleryPrevious {
    margin-left: -70px;
}

@media screen and (max-width:1150px) {
    #C\:eps4homeContainer .eps4galleryNext {
        margin-right: 10px;
    }

    #C\:eps4homeContainer .eps4galleryPrevious {
        margin-left: 10px;
    }
}


#C\:eps4wpContainer #C\:eps4service {
    text-align: center;
}

#C\:eps4assistanceDiv {
    display: flex;
    margin: 15px auto;
    width: 1024px;
}

    #C\:eps4assistanceDiv .eps4assistanceItem {
        height: 220px;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
    }

#C\:eps4tutoriauxVideoDiv {
    margin-right: 8px;
    background-image: linear-gradient( rgba(42,53,58,0.9), rgba(42,53,58,0.9) ), url('../../../images/eps/accueil/assistance/tuto-background.jpg?v=ea079db0d3');
}

#C\:eps4foireAuxQuestionsDiv {
    margin-left: 8px;
    background-image: linear-gradient( rgba(42,53,58,0.9), rgba(42,53,58,0.9) ), url('../../../images/eps/accueil/assistance/faq-background.jpg?v=766981b31e');
}

#C\:eps4assistanceDiv .eps4assistanceTitle {
    color: white;
    height: 72%;
    padding: 42px 15px 40px 0;
    text-transform: uppercase;
    background-repeat: no-repeat;
    background-size: cover;
}

#C\:eps4foireAuxQuestionsDiv .eps4assistanceTitle {
    padding-left: 234px;
    background-image: url('../../../images/eps/accueil/assistance/bubble.png?v=995ff17fde');
    background-size: 100px;
    background-position: 15% 50%;
}

#C\:eps4tutoriauxVideoDiv .eps4assistanceTitle {
    padding-left: 167px;
    background-image: url('../../../images/eps/accueil/assistance/play.png?v=efe3a3e44f');
    background-size: 71px;
    background-position: 12% 54%;
}

#C\:eps4assistanceDiv .eps4assistanceTitle h2,
#C\:eps4assistanceDiv .eps4assistanceTitle h3 {
    color: inherit;
}

#C\:eps4assistanceDiv .eps4assistanceTitle h2 {
    font-weight: 400;
    font-size: 18px;
}

#C\:eps4assistanceDiv .eps4assistanceTitle h3 {
    font-size: 19px;
    margin-top: 10px;
    font-weight: 500;
    line-height: 25px;
}

#C\:eps4assistanceDiv .eps4assistanceBtnsWrapper {
    flex: 1;
    text-align: center;
}

    #C\:eps4assistanceDiv .eps4assistanceBtnsWrapper .eps4btn {
        background-color: #FFF;
        display: inline-block;
        color: #2c383d;
        width: 53%;
    }

/* BANNIERE */

#C\:AdvertBannerPanel\.A\:eps4bannerWidget, /* Nom de la bannière avant la fin de son chargement (On veut qu'elle ait les bonnes dimensions dès le début) */
#C\:eps4bannerWidget {
    width: 1024px;
    margin: 0 auto 1em auto;
    height: 327px;
}

    #C\:AdvertBannerPanel\.A\:eps4bannerWidget .eps4whiteDivShadow,
    #C\:eps4bannerWidget .eps4whiteDivShadow {
        height: 100%;
    }

    #C\:eps4bannerWidget.eps4twoCols {
        display: flex;
        flex-direction: row;
    }

    #C\:eps4bannerWidget .eps4bannerWrapper {
        height: 100%;
    }

        #C\:eps4bannerWidget .eps4bannerWrapper .eps4bannerHide {
            display: block;
        }

        #C\:eps4bannerWidget .eps4bannerWrapper .eps4bannerShow {
            display: none;
        }

        #C\:eps4bannerWidget .eps4bannerWrapper.eps4mainWidth .eps4mainWidth.eps4bannerShow,
        #C\:eps4bannerWidget .eps4bannerWrapper.eps4fullWidth .eps4fullWidth.eps4bannerShow,
        #C\:eps4bannerWidget .eps4bannerWrapper.eps4sideWidth .eps4sideWidth.eps4bannerShow {
            display: block;
        }

        #C\:eps4bannerWidget .eps4bannerWrapper.eps4mainWidth .eps4mainWidth.eps4bannerHide,
        #C\:eps4bannerWidget .eps4bannerWrapper.eps4fullWidth .eps4fullWidth.eps4bannerHide,
        #C\:eps4bannerWidget .eps4bannerWrapper.eps4sideWidth .eps4sideWidth.eps4bannerHide {
            display: none;
        }

        #C\:eps4bannerWidget .eps4bannerWrapper .eps4whiteDivShadow {
            width: 100%;
            height: 100%;
            margin: 0;
        }

    #C\:eps4bannerWidget.eps4twoCols .eps4bannerWrapper.eps4main {
        width: 695px;
    }

    #C\:eps4bannerWidget.eps4twoCols .eps4bannerWrapper.eps4side {
        flex: 1;
        margin-left: 15px;
    }

    #C\:eps4bannerWidget .eps4bannerWrapper {
        position: relative;
    }

        #C\:eps4bannerWidget .eps4bannerWrapper .carousel,
        #C\:eps4bannerWidget .eps4bannerWrapper .carousel-inner,
        #C\:eps4bannerWidget .eps4bannerWrapper .carousel-inner .item,
        #C\:eps4bannerWidget .eps4bannerWrapper .carousel-inner .item .eps4adContent {
            height: 100%;
        }

        #C\:eps4bannerWidget .eps4bannerWrapper .eps4sliderContainer {
            overflow: hidden;
        }

    #C\:eps4bannerWidget .eps4adContent a {
        text-decoration: none;
    }

    #C\:eps4bannerWidget .eps4adContent .eps4btn {
        margin-left: 0;
    }

#C\:eps4pubDiv {
    height: 327px;
}

#C\:eps4homeContent #C\:eps4pubDiv .eps4Loader {
    display: block;
    padding-top: 100px;
}

.eps4pubOffre:first-child {
    margin-top: 3em;
}

.pubText {
    margin-bottom: 3em;
}

.pubImage {
    float: right;
}

.eps4pubOffre {
    height: 6em;
    width: 90%;
    margin: auto;
    line-height: 6em;
    border-top: 1px solid #ced0c5;
    border-bottom: 1px solid #ced0c5;
}

    .eps4pubOffre p {
        margin-left: 2.75em;
        padding: 0 !important;
    }

    .eps4pubOffre:last-child {
        border: none !important;
    }

    .eps4pubOffre h2,
    .eps4pubOffre p {
        margin-top: 0 !important;
        color: #2f6b8f !important;
        vertical-align: top;
        display: inline-block;
    }

    .eps4pubOffre span {
        font-size: 3em;
        font-weight: 700;
        margin-left: -.6em;
        position: absolute;
        color: #2f6b8f !important;
    }

/* ASTUCE */

#C\:eps4tips ul {
    margin-left: 1em;
}

#C\:eps4tips p {
    max-width: 685px;
}

#C\:eps4tips .eps4msgBloc {
    margin: 0 3.5em 0 0;
}

/* COURBES */

.eps4chartLeft,
.eps4chartRight {
    display: table-cell;
    padding: 1em;
    vertical-align: top;
    position: relative;
}

/* COLONNE GAUCHE*/

.eps4chartLeft {
    color: #fff;
    min-width: 230px;
    max-width: 230px;
    border-top-left-radius: .4em;
    border-bottom-left-radius: .4em;
    border-top-right-radius: 0em !important;
    border-bottom-right-radius: 0em !important;
    border-color: rgba(213, 221, 224, .1);
    box-shadow: -.2em 0em 1em rgba(0, 0, 0, .05);
}

    .eps4chartLeft h4.eps4chartHeader {
        color: #fff !important;
        text-transform: uppercase;
    }

    .eps4chartLeft .eps4chartContent {
        text-align: center;
        height: 11em;
        margin-top: 4em;
    }

    .eps4chartLeft .eps4chartFooter {
        right: 6px;
        bottom: 17px;
        position: absolute;
    }

.eps4chartFooter {
    width: 100%;
    text-align: right;
}

    .eps4chartFooter > div {
        display: inline-block;
        vertical-align: bottom;
    }

    .eps4chartFooter .eps4imgHelp {
        float: none;
        margin: 0.6em;
    }

.eps4chartLegend {
    text-align: left;
}

.eps4chartLeft .eps4chartIcon {
    margin: auto;
}

.eps4chartLeft h5.eps4chartTitle {
    font-size: 3.5em !important;
    font-weight: 500;
}

.eps4chartLeft .eps4iconWater {
    height: 85px;
    width: 66px;
}

/* COLONNE DROITE */

.eps4chartRight {
    width: 859px;
}

    .eps4chartRight .eps4chartHeader {
        display: inline-block;
        width: 40em;
        margin-left: 2.3em;
    }

    .eps4chartRight h4 {
        font-weight: normal !important;
    }

.eps4chartError {
    margin: 0.5em 0 0.5em 2em;
}

#C\:eps4valveCurve .eps4chartError {
    width: 713px;
}

#C\:eps4temperatureCurve .eps4chartError {
    width: 685px;
}

#C\:eps4hcTemperatureHistogram .eps4icon-star-full {
    font-size: 1.2em;
    margin-left: 2px;
    margin-top: 5px;
}

.eps4chartZone {
    text-align: center;
    min-height: 264px;
}

#C\:eps4temperatureCurve .eps4chartZone {
    margin: auto;
    width: 100%;
    max-height: 264px;
    overflow: hidden;
}

#C\:eps4temperatureHistogram .eps4Loader {
    padding-bottom: 156px;
}

#C\:eps4temperatureCurve .eps4Loader {
    padding: 88px;
}

#C\:eps4valveHistogram .eps4Loader {
    margin-bottom: 9em;
}

#C\:eps4valveCurve .eps4chartZone {
    margin-bottom: 0.7em;
}

#C\:eps4valveCurve .eps4drillUp {
    margin-right: 30px;
    float: right;
    margin-top: 10px;
}

#C\:eps4valveCurve .eps4Loader {
    margin-bottom: 8.75em;
}

.eps4chartRight .eps4chartZone > div {
    display: inline-block;
    max-width: 100%;
}

.eps4arrowPrevious,
.eps4arrowNext {
    margin: 8.4em 0;
}
/*-------------- */
.highcharts-container {
    max-width: 100% !important;
    max-height: 290px;
}

    .highcharts-container text,
    .highcharts-container svg {
        font-family: Ubuntu !important;
    }

    .highcharts-container .highcharts-tracker g text tspan {
        stroke: #666;
        stroke-opacity: 0.16;
        stroke-width: 1px;
    }

#C\:eps4hcValveCurve .highcharts-container {
    max-width: 100% !important;
    height: 266px !important;
    overflow: visible !important;
}

    #C\:eps4hcValveCurve .highcharts-container text,
    #C\:eps4hcValveCurve .highcharts-container svg {
        font-family: Ubuntu !important;
        height: 266px !important;
        overflow: visible;
    }

/*--------------*/
/*#C\:eps4hcValveCurve .highcharts-container svg .highcharts-series path.highcharts-tracker :last-of-type {
    stroke-width: 5px;
}*/

.highcharts-container svg g.highcharts-no-data {
    opacity: .7;
    /*  transform: translate(278px, 100px) !important; */
}

.eps4chartPeriod p,
.eps4chartPeriod input {
    display: inline-block;
}

.eps4chartFilters {
    margin-left: 2.3em;
}

.eps4chartPeriod p {
    margin: 0 0.5em;
}

.eps4chartFilters .eps4wrapper-dropdown {
    margin-right: 0.5em;
    vertical-align: middle;
}

.eps4wrapper-dropdown#C\:eps4dropdownZone {
    width: 200px;
}

.eps4wrapper-dropdown#C\:eps4dropdownTemperaturePeriod {
    width: 114px;
}

    #C\:eps4dropdownZone ul.eps4dropdown.mCustomScrollbar._mCS_5,
    .eps4wrapper-dropdown#C\:eps4dropdownValvePeriod > ul,
    .eps4wrapper-dropdown#C\:eps4dropdownTemperaturePeriod > ul {
        max-height: 140px;
    }

.eps4chartPeriod {
    display: none;
}

#C\:eps4temperatureCurve .eps4chartLegend {
    float: left;
    margin-left: 35px;
}

#C\:eps4valveCurve .eps4chartLegend {
    float: left;
    margin-left: 35px;
}

.eps4chartLegend p,
.eps4chartLegend li {
    text-align: left;
    text-transform: uppercase;
    font-size: 0.7em;
}

.eps4chartLegend p {
    font-weight: 600 !important;
}

.eps4chartLegend ul li {
    list-style: none;
    display: inline-block;
    position: relative;
    margin: 5px 15px;
}

    .eps4chartLegend ul li::before {
        content: "";
        width: 10px;
        height: 10px;
        top: 0;
        bottom: 0;
        margin: auto;
        border-radius: 50%;
        position: absolute;
        left: -12px;
    }

    .eps4chartLegend ul li:nth-child(1)::before {
        background: #d2220f;
    }

    .eps4chartLegend ul li:nth-child(2)::before {
        background: #FFE20C;
    }

    .eps4chartLegend ul li:nth-child(3)::before {
        background: rgb(27, 141, 61);
    }

.highcharts-container {
    margin: 1em auto;
}

.eps4unitSelector {
    width: 11em;
    display: inline-block;
    vertical-align: middle;
    border-radius: 5px;
    margin-top: 5px;
    height: 30px;
    line-height: 30px;
    position: relative;
    z-index: 1;
    text-align: center;
    float: right;
}

    .eps4unitSelector li:first-child {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .eps4unitSelector li:last-child {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

#C\:eps4titleModalUpdate {
    margin-left: 0px !important;
}

#C\:eps4ButtonDaysAddPlanning li,
#C\:eps4ButtonDaysAddPlanningUpdate li,
#C\:eps4ButtonDaysAddAlarmPlanning li,
#C\:eps4ButtonDaysAddAlarmPlanningUpdate li {
    color: #fff;
    width: 40px;
    opacity: 0.4;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    background: #17A7F0;
    display: inline-block;
    transition: opacity .25s ease-out;
    margin: 15px 7px;
    border-radius: 50%;
}

#C\:eps4ButtonDaysAddPlanning p,
#C\:eps4ButtonDaysAddPlanningUpdate p,
#C\:eps4ButtonDaysAddAlarmPlanning p,
#C\:eps4ButtonDaysAddAlarmPlanningUpdate p {
    width: 100%;
    text-align: center;
    padding: 0 !important;
}

#C\:eps4dropDownTypeAction,
#C\:eps4dropDownTypeActionUpdate {
    margin-top: 1em;
    margin-bottom: 1em;
}

#C\:eps4actionStart,
#C\:eps4actionStartUpdate {
    margin-bottom: 1.5em;
}

#C\:eps4HighChartWaterCalendar .highcharts-tooltip span {
    z-index: 9999 !important;
    opacity: 1;
    background-color: #FFF1AB;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #FFB14B;
}

#C\:eps4HighChartWaterCalendar {
    height: 800px;
    width: 840px;
    display: none;
}

#C\:eps4UploadButton {
    display: none;
}

#C\:eps4ButtonsValidAddPlanning,
#C\:eps4ButtonsValidAddPlanningUpdate,
#C\:eps4ButtonsConfirmPlanning {
    margin-bottom: 1em;
}

#C\:eps4ButtonsValidAddMESPlanning {
    margin-top: 1em;
}


.eps4unitSelector li {
    width: 50px;
    text-align: center;
    opacity: .8;
    height: 30px;
    cursor: pointer;
    background: #ebeef4;
    display: inline-block;
    transition: opacity .25s ease;
}

    .eps4unitSelector li:hover,
    #C\:eps4ButtonDaysAddPlanning li:hover {
        opacity: 1;
    }

    .eps4unitSelector li:nth-child(2) {
        border-left: 1px solid #ebeef4;
        border-right: 1px solid #ebeef4;
    }

.eps4DaySelected {
    font-weight: 600;
    opacity: 1 !important;
    color: #fff !important;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    background: #17A7F0 !important;
}

.eps4UnitSelected {
    font-weight: 600;
    opacity: 1 !important;
    color: #fff !important;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    background: #7e93a1 !important;
}

.eps4icnCurve,
.eps4icnHistogram,
.eps4icnHistogramWeek,
.eps4icnHistogramHistoric {
    cursor: pointer;
}

    .eps4icnCurve:hover,
    .eps4icnHistogram:hover,
    .eps4icnHistogramWeek:hover,
    .eps4icnHistogramHistoric:hover {
        color: #1a272d;
    }

.eps4setPanel {
    margin-left: 10px;
}

.eps4homeLabel P:first-child {
    font-weight: 500 !important;
}

.eps4homeLabel {
    height: 280px;
    margin-top: 1.7925em;
    margin-left: 2em;
    position: absolute;
}


#C\:eps4chartTemperature {
    display: table;
}

    #C\:eps4chartTemperature .eps4wrapper-dropdown,
    #C\:eps4chartValve .eps4wrapper-dropdown {
        vertical-align: top;
    }


/*Icone roue*/

[class*='eps4wheel'] {
    cursor: pointer;
    display: inline-block;
}

[class*='eps4widget'] [class*='eps4wheel'] {
    top: 5.736em;
    left: 13.9815em;
    position: absolute;
    margin-top: 0.8604em;
    margin-bottom: 0.2434em;
}

/*-------------*/

/* Shutter */

.eps4allowOpenShuttersLoadingGIF {
    margin: 20px auto;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120px 120px;
    background-image: url('../../../images/eps/sdcard/loading.gif?v=078aa3f093');
}

.eps4allowOpenShuttersLoadingEndGIF {
    margin: 20px auto;
    width: 70px;
    height: 70px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90px 90px;
    background-image: url('../../../images/eps/transverse/check_big.png?v=c8946f5830');
}


/*===================================================================*/


/*===================================================================*/


/* ---------------------*/


/* --- Timeline --- */


/* ---------------------*/

#C\:eps4timeContent .eps4settingError {
    min-height: 3em;
    padding-top: 0.75em;
}

    #C\:eps4timeContent .eps4settingError p {
        color: white;
    }

.eps4tmlEventLoader {
    margin-left: 16em;
}

#C\:eps4timeContainer .eps4row {
    text-align: center;
}

/* La classe "eps4TimeAlert" devrait plutôt être appelé qqchose du genre "eps4timeFilterElem", elle représente un bloc dans les filtres du journal  */
.eps4timeAlert {
    height: 30px;
    line-height: 30px;
    border-radius: .3em;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.eps4timeFilterType {
    transition: .5s;
    width: 8.5em;
    padding-left: 2.5em;
    text-align: left;
    margin-right: 1em;
    background-color: rgb(187, 204, 215);
    background-repeat: no-repeat;
    background-position: 5% 50%, 95% 50%;
    background-size: 21px 21px, auto;
}

    .eps4timeFilterType,
    .eps4timeFilterType:active {
        color: #7e93a1;
    }    

    .eps4timeFilterType:hover {
        background-color: rgb(245, 245, 245);
        color: #7e93a1;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    }

    .eps4timeFilterType.eps4timelineSelected {
        background-color: rgb(255, 255, 255);
        background-repeat: no-repeat;
        background-position: 5% 50%, 95% 50%;
    }
    
#C\:eps4timeRefreshLine {
    vertical-align: middle;
}

.eps4timelineGotoArrow,
.eps4timelineGotoArrowWhite {
    bottom: .5em;
    right: .5em;
    position: absolute;
}

#C\:eps4dropdownAvatar {
    text-align: left;
    margin-right: 1em;
    padding-left: 0 !important;
    width: 10em !important;
}

    #C\:eps4dropdownAvatar span[class*='eps4avatar31'] {
        padding-left: 37px;
        padding-right: 10px;
        border-radius: 0;
        background-size: 25px;
        background-position: 5px center !important;
    }

    #C\:eps4dropdownAvatar .eps4dropdown {
        max-width: 600px;
    }

        #C\:eps4dropdownAvatar .eps4dropdown .eps4avatarText {
            white-space: normal;
            width: 400px; /* Hack pour IE11 */
            width: -webkit-max-content;
            width: -moz-max-content;
            width: max-content;
            height: auto;
            margin-left: 0px;
        }

#C\:eps4avatarValue {
    padding-left: 10px;
}

#C\:eps4dropdownAvatar span {
    margin-top: 1px;
    width: 100%;
    margin: auto;
    float: none;
}

.eps4timeAlert.eps4wrapper-dropdown {
    background: #fff;
    transition: .5s;
    color: #7e93a1;
    width: 10em;
    padding-right: .6em;
    cursor: pointer;
    vertical-align: middle;
    font-weight: 500 !important;
}

    .eps4timeAlert.eps4wrapper-dropdown .eps4dropdown {
        background: #fff;
        border-radius: 0.3585em;
        border-color: transparent;
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    }

        .eps4timeAlert.eps4wrapper-dropdown .eps4dropdown li {
            padding-left: 0;
        }

        .eps4timeAlert.eps4wrapper-dropdown .eps4dropdown ul:hover {
            background: #eaeff0;
        }

.eps4timeAlert#C\:eps4timelinePeriodInputs {
    margin: 0 1em;
    cursor: default;
}



/*-- Message Alerte --*/

.eps4logo {
    margin-left: 8.8908em;
    position: absolute;
    margin-top: -2.0076em;
}

.eps4picto {
    display: inline-block;
}


/*---Alerts---*/

.eps4nothingTimeline,
#C\:eps4errorTimeline {
    width: 725px;
    color: #fff !important;
    text-align: center;
    display: none;
}

.eps4nothingTimeline {
    margin: 99px auto;
}

#C\:eps4errorTimeline {
    margin: 110px auto;
}

    .eps4nothingTimeline h2,
    #C\:eps4errorTimeline h2 {
        color: #fff;
    }

.eps4alertTemp {
    height: 75px;
    position: relative;
}

.eps4msgAlert,
.eps4alertTemp {
    background: rgba(255, 255, 255, 1);
}

.eps4tuileHeader {
    display: flex;
}

    .eps4tuileHeader .eps4picto {
        flex-shrink: 0;
    }

    .eps4tuileHeader .eps4picto,
    .eps4tuileHeaderContent {
        display: inline-block;
        vertical-align: top;
    }

.eps4tuileHeaderContent {
    margin-left: 16px;
}

.eps4msgAlert,
.eps4alertTemp,
.eps4msgWelcome {
    margin-left: 14.6344em;
    padding: .5em;
    border-radius: 0.3585em;
}

.eps4alertTemp,
.eps4msgWelcome {
    cursor: pointer;
}

.eps4msgAlertWater a,
.eps4alertTemp a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.eps4msgAlertWater {
    cursor: auto !important;
    position: relative;
}

#C\:eps4timelineError {
    width: 500px;
    line-height: 1;
    color: #fff !important;
    text-align: center;
    display: none;
    padding: 0.5em 0em 0.5em 3.5em !important;
}

.eps4TimelineBloc {
    width: 100%;
    margin: 9px auto;
}

    .eps4TimelineBloc .eps4Gallery {
        position: relative;
        display: none; /*Initialement masqué en arrivant sur la page*/
    }

    .eps4TimelineBloc .eps4galleryComponent.eps4galleryItem {
        pointer-events: auto;
    }

    .eps4TimelineBloc .eps4galleryComponent.eps4galleryNext {
        position: absolute;
        margin-right: 0;
        right: 30px;
        top: 85px;
    }

    .eps4TimelineBloc .eps4galleryComponent.eps4galleryPrevious {
        position: absolute;
        margin-right: 0;
        left: 30px;
        top: 85px;
    }

    .eps4TimelineBloc .expanderTable {
        width: 100%;
    }


.eps4msgAlert h1,
.eps4alertTemp h1 {
    color: #34495e;
}

.eps4msgAlert p,
.eps4alertTemp p {
    color: #7e93a1;
}

/*--- Evenement---*/

.eps4msgEvent, .eps4msgDefect,
.eps4msgWelcome {
    padding: .5em;
    min-height: 59px;
    margin-left: 14.6344em;
    border-radius: 0.3585em;
    background: rgba(255, 255, 255, .25);
}

.eps4msgDefect .eps4tuileHeader {    
    align-items: center;    
}
    .eps4msgDefect .eps4clickableDefect {            
        cursor: pointer;
    }

    .eps4msgDefect .eps4tuileHeader .eps4tuileHeaderContent {    
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .eps4msgDefect .eps4tuileHeader .eps4timelineGotoArrow {    
        bottom: unset;
        right: unset;
        position: unset;
        margin-right: 0.5em;
    }

.eps4msgWelcome {
    margin-bottom: 431px;
}

    .eps4msgWelcome h2 {
        color: #fff !important;
    }

#C\:eps4newSubscriber {
    display: none;
}

.eps4NewsPanel {
    padding: 2em;
    background: #fff;
    margin-bottom: 2em;
    border: 0.06em solid rgba(213, 221, 224, 0.1);
}

#C\:eps4recentNewsLetters {
    width: 500px;
    margin-bottom: 2em;
}


/* --- Time new Time ---*/

.eps4DisplayedPage {
    display: block !important;
}

.hide {
    display: none;
}

.eps4TimelineAccordion {
    width: 318px;
}

.eps4settingErrorRecords {
    top: 140px;
}

.eps4settingError {
    min-height: 1em;
    color: #fff;
    height: auto;
    margin: .5em auto;
    display: none;
    font-size: 1em;
    border-radius: .4em;
    position: relative;
    background-color: #ff4f38;
    text-align: left;
    padding: .5em .5em .5em 42px;
}

#C\:eps4content .eps4settingError {
    max-width: 90%;
    margin: 1em auto;
}

.eps4modal .eps4settingError {
    font-size: 0.9em;
}

.eps4settingError {
    z-index: 8;
}

/* TODO 14/09/2022: Pour la prod seulement */
/*.eps4TuileExpanderContent {
    display: none;    
}*/

/* TODO 14/09/2022: Pour Test et recette seulement */
.eps4TuileExpanderContent {
    display: block;
}

.eps4AlertActionsListContent {
    display: none;
}


.expanderTable {
    overflow: scroll;
    max-width: 100%;
    table-layout: fixed;
}

    .expanderTable tr {
        border-bottom: .063em solid #eaeff0;
    }

        .expanderTable tr td:first-child {
            width: 2.4em;
        }

        .expanderTable tr td:last-child {
            text-align: right;
            font-weight: 600;
            min-width: 150px;
        }

.eps4TuileExpander,
.eps4AlertActionsList {
    padding: 0 20px;
    position: relative;
    list-style-type: none;
    border-bottom-right-radius: 0.3585em;
    border-bottom-left-radius: 0.3585em;
}

    .eps4TuileExpander .eps4TimelineExpanderHeaderTitle,
    .eps4AlertActionsList .eps4TimelineExpanderHeaderTitle {
        width: auto;
        float: left;
        color: #34495e;
        font-weight: 500;
        margin-left: 4.8305em;
        margin-bottom: 1em;
    }

    .eps4TuileExpander .eps4TimelineExpanderPagerPage,
    .eps4AlertActionsList .eps4TimelineExpanderPagerPage {
        width: auto;
        float: left;
        color: #34495e;
        font-weight: 400;
        margin-left: 20.8305em;
    }

ul.eps4mediaInformation li {
    display: inline-block;
}

ul.eps4mediaInformation li {
    vertical-align: middle;
}

    ul.eps4mediaInformation li:nth-child(4) {
        float: right;
    }

.eps4imgEdit {
    margin-left: 1em;
}

.eps4imgDelete,
.eps4imgEdit {
    display: inline-block;
    vertical-align: middle;
}


.eps4settingError#C\:eps4photoTitleError {
    width: 83%;
    margin-left: 0 !important;
}

.eps4photoPager {
    display: none;
}


/* Nombre de page expander*/

[class*="eps4AlertActionsListContent_"] p {
    font-weight: 500;
    font-size: 1.0038em;
    margin-top: .7em;
}

.eps4pagerNext,
.eps4pagerPrevious {
    cursor: pointer;
}

ul.footerPager li {
    width: 40px;
    height: 40px;
    text-align: center;
    list-style: none;
    display: inline-block;
    vertical-align: bottom;
}

.eps4pagerLast,
.eps4pagerFirst {
    opacity: .5;
}

.eps4tuile {
    margin-top: 1.434em;
    position: relative;
    width: 850px;
    margin: auto;
    height: auto;
    z-index: 5;
}

    .eps4tuile::after {
        content: '';
        position: absolute;
        left: 0;
        width: 0.1em;
        bottom: -31px;
        height: 58%;
        margin-left: 10.31em;
        background-color: #fff;
    }

.eps4date {
    float: left;
    width: 14.48em;
    height: 3em;
    margin-left: -90px;
    text-align: right;
}

    .eps4date h4 {
        color: #fff;
        margin-top: 32px;
    }

.eps4line {
    top: 62px;
    width: 0.1em;
    bottom: 0;
    min-height: 59%;
    margin-left: 10.31em;
    position: absolute;
    background-color: #fff;
}

.eps4staticLine {
    position: absolute;
    width: 0.1em;
    height: 11.7em;
    margin-left: 10.31em;
    top: 100%;
    background-color: #fff;
}

.eps4staticLineWelcome {
    position: absolute;
    width: 0.1em;
    height: 590px;
    margin-left: 10.31em;
    top: 80%;
    background-color: #fff;
}

.eps4logo {
    top: 50px;
    position: absolute;
}

.eps4pictoTemp {
    width: 3.9511em;
    height: 3.9511em;
    line-height: 3.9511em;
    text-align: center;
    border-radius: .4em;
}

    .eps4pictoTemp p {
        font-size: 1.5em;
        color: #fff;
    }

#C\:eps4timeContent,
#C\:eps4timeFilters {
    width: 100%;
    overflow: hidden;
    margin: 0em auto 0em auto;
    background: rgba(0, 0, 0, .15);
}

#C\:eps4timeFilters {
    overflow: visible;
}

    #C\:eps4timeFilters #C\:eps4service {
        height: 100%;
        padding-bottom: 1px;
    }

#C\:eps4timeContent {
    min-height: 240px;
    height: 100%;
    padding-bottom: 10em;
}

    #C\:eps4timeContent .eps4tuile:first-child::before {
        content: '';
        position: absolute;
        left: 0;
        width: 0.1em;
        top: -64px;
        height: 86px;
        margin-left: 10.31em;
        background: #fff;
        background: -webkit-linear-gradient(rgba(255, 255, 255, .1), #fff);
        background: -o-linear-gradient(rgba(255, 255, 255, .1), #fff);
        background: -moz-linear-gradient(rgba(255, 255, 255, .1), #fff);
        background: linear-gradient(rgba(255, 255, 255, .1), #fff);
    }

#C\:eps4timeFilters .eps4row {
    margin-top: 1em;
    margin-bottom: 1em;
    max-width: 100%;
}

    #C\:eps4timeFilters .eps4row.eps4errorRow {
        margin-top: 0;
        margin-bottom: 0;
    }    

.eps4TimelineAccordion {
    margin: 2.7246em auto;
    width: 28.5366em;
    height: 10.4682em;
    overflow: hidden;
    border: 0.1434em solid #fff;
    border-left: 0;
    box-shadow: 0 0 0.717em 0.0717em rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 0 0.717em 0.0717em rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 0.717em 0.0717em rgba(0, 0, 0, 0.35);
}

    .eps4TimelineAccordion ul {
        width: 143.40em;
    }

    .eps4TimelineAccordion li {
        position: relative;
        display: block;
        width: 7.17em;
        height: 10.4682em;
        float: left;
        border-left: 0.1434em solid #fff;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        overflow: hidden;
    }

    .eps4TimelineAccordion ul:hover li {
        width: 4.8039em;
    }

    .eps4TimelineAccordion ul li:hover {
        width: 14.34em;
    }

    .eps4TimelineAccordion li img {
        display: block;
        width: 22.944em;
    }

.eps4TimelineExpanderBtn {
    width: auto;
    bottom: 0;
    right: 0;
    position: absolute;
    cursor: pointer;
}

ul.eps4mediaInformation li:nth-child(2) {
    width: 80%;
}


/*===================================================================*/


/*===================================================================*/


/* ---------------------*/


/* --- Configuration --- */


/* ---------------------*/

.eps4onglet {
    margin: auto;
    margin-bottom: -3.95em;
    width: 100%;
}


/* --------------------*/


/*--- Parameters ---*/


/* --------------------*/

.eps4radioCheck,
.eps4radioUnCheck {
    width: 1.2906em;
    height: 1.2906em;
    margin-right: 0.3em;
    cursor: pointer;
}

.eps4checkboxCheck,
.eps4checkboxUnCheck {
    width: 1.2906em;
    height: 1.2906em;
    margin-right: 0.5em;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.eps4checkboxLabel {
    display: inline;
    vertical-align: middle;
}

.eps4checkboxLabel {
    cursor: pointer;
}

div.eps4successNotification { /* Balise dans la règle pour ne pas se faire surcharger par VideoJS */
    bottom: 0;
    width: 100%;
    height: 55px;
    line-height: 55px;
    color: #fff;
    display: none;
    position: fixed;
    text-align: center;
    background-color: #04B404;
    z-index: 14;
    box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

    div.eps4successNotification p {
        display: block;
        width: 1024px;
        margin: auto;
    }

.eps4settingInfo {
    z-index: 3;
    text-align: left;
    margin: .5em auto;
    color: #7e93a1;
    border: .0717em solid #eaeff0;
    display: none;
    position: absolute;
}

.eps4formulaire > .eps4settingInfo {
    width: 648.6px;
}

.eps4settingInfo p,
.eps4settingInfoStatic p {
    padding: .5em 5% .5em 3.72em !important;
    max-width: 100%;
}

.eps4disabled {
    opacity: .4;
    cursor: default;
    pointer-events: none;
}

.eps4panel {
    width: 64.000em;
    margin: 3em auto;
    height: 5em;
    background: #fff;
}

.eps4siteLabel {
    margin-left: 40px;
}

.eps4updateSiteName {
    margin-left: 40px;
}

#C\:eps4choix {
    width: 100%;
}

    #C\:eps4choix ul {
        width: 1024px;
        margin: auto;
    }

        #C\:eps4choix ul li,
        #C\:eps4choix ul li a,
        #C\:eps4choix ul li ul li span {
            text-decoration: none;
            line-height: 3.585em;
            font-size: .78em;
            color: #fff;
            border-top-left-radius: 0.2151em;
            border-top-right-radius: 0.2151em;
            font-weight: 600;
        }

        #C\:eps4choix ul li {
            display: inline-block;
            text-align: center;
            width: 337px;
            height: 3.6567em;
            cursor: pointer;
            list-style-type: none;
            margin-left: 0.17925em;
            margin-right: 0.17925em;
            text-transform: uppercase;
        }

.eps4configBtn span.inputfile {
    width: 100%;
}

.eps4configBtn input {
    vertical-align: middle;
}

.eps4configBtn a {
    text-decoration: none !important;
}

/* Modal */

.eps4modal {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    overflow-x: none;
    overflow-y: auto;
    display: none;
    z-index: 15;
}

#C\:eps4videoWrapper .eps4modalContent {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
}

.eps4modalContent {
    padding: 20px;
}

.eps4modalContent {
    margin: 2% auto;
    background: #fff;
    text-align: left;
    -webkit-box-shadow: 0em 0em .424em #000;
    -moz-box-shadow: 0em 0em .424em #000;
    box-shadow: 0em 0em .424em #000;
    -webkit-border-radius: 0.217em;
    -moz-border-radius: 0.217em;
    border-radius: 0.217em;
}

#C\:eps4videoContent {
    width: 875px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.eps4modalContent.eps4small {
    width: 400px;
}

.eps4modalContent.eps4medium {
    width: 600px;
}

.eps4modalContent.eps4large {
    width: 800px;
}

#C\:eps4appointmentModal,
#C\:eps4keyboardCodesModal {
    background: none;
    padding: 0;
    box-shadow: none;
}

.eps4modalClose {
    width: 30px;
    height: 30px;
    float: right;
    cursor: pointer;
}

.eps4modal h4 {
    padding: 1em 0 0.5em 0 !important;
}

#C\:eps4ModalAddPhoto span.eps4btn.grey {
    position: relative;
}

    #C\:eps4ModalAddPhoto span.eps4btn.grey::after:hover {
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    }

[id*='eps4modalAuth'] .eps4wrapper-dropdown {
    margin-top: 20px;
    margin-left: 0;
}

#C\:eps4callbackData tr {
    height: 50px;
}

#C\:eps4callbackData table tbody tr td span.eps4tooltipInfo,
#C\:eps4callbackData table tbody tr td span.eps4tooltipError {
    width: 192px;
    bottom: auto !important;
}

#C\:eps4modalDelete p {
    padding: 5px 0 10px 0 !important;
}

.eps4modal .eps4configBtn {
    min-width: 18em;
    margin: 1em auto 0 auto;
}

#C\:eps4rdvFinal p {
    padding-bottom: 0;
}

#C\:eps4rdvSlotList div.eps4msgBloc {
    margin: 1em 0;
}

[id*='modalCallback'] .eps4configBtn,
[id*='modalRdv'] .eps4configBtn,
[id*='eps4modalAuth'] .eps4configBtn,
#C\:eps4modalNotifDelete .eps4configBtn,
#C\:eps4modalStopWorks .eps4configBtn {
    width: auto;
}

#C\:eps4modalAuthPhoneChoice .eps4wrapper-dropdown {
    width: 15.5em;
}

#C\:eps4modalDelete .eps4configBtn {
    width: 100%;
}


.eps4modal h3 {
    margin: 0;
    color: #34495e;
    font-weight: 300 !important;
    font-size: 1.5925em !important;
}
/*
.eps4modal p {
    padding: 5px 39px 10px 0px;
}
*/
.eps4modal a,
.eps4modal #C\:eps4authKey {
    color: #a4b3bd;
}

#C\:eps4authPhone {
    color: #7e93a1;
}

[id*='eps4modalAuth'] h3,
[id*='eps4modalRdv'] h3,
[id*='eps4modalAuth'] p,
[id*='eps4modalRdv'] p,
[id*='eps4modalAuth'] a,
[id*='eps4modalAuth'] input {
    text-align: left;
}


/*Add Signalmenent*/

input.eps4fromDateEdit,
input.eps4toDateEdit,
input.eps4rangeDateEdit {
    margin: 0em .54em;
    cursor: pointer;
}

.CommentEdit {
    width: 90%;
    overflow-y: auto;
}

.eps4modalBg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    color: #1a272d;
    display: none;
    position: fixed;
    background: rgba(0, 0, 0, 0.9);
}

.eps4pageLoaderBg {
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    padding-top: 350px;
    bottom: 0;
    z-index: 10;
    position: fixed;
    background: rgba(0, 0, 0, 0);
}

.sel {
    line-height: 3.585em;
    font-size: .78em;
    border-top-left-radius: 0.2151em;
    border-top-right-radius: 0.2151em;
}

.eps4label {
    width: 11.4003em;
    padding-top: 2.35em;
    margin-bottom: 2.5812em;
    text-align: center;
    display: inline-table;
}

    .eps4label h4 {
        color: #fff;
        margin-top: 1.434em;
    }

    .eps4label p {
        padding-left: 1.5em;
        font-weight: 500;
        font-size: 1.313em;
    }


/*Signo*/

#C\:eps4highRuleLimit,
#C\:eps4lowRuleLimit {
    display: inline-block;
    margin-left: .5em;
    margin-top: -2px;
    text-align: center;
    width: 4em !important;
}

#C\:eps4notificationParameters #C\:eps4lowRuleActive,
#C\:eps4notificationParameters #C\:eps4highRuleActive,
#C\:eps4notificationParameters [name='device'] {
    float: none;
}

#C\:eps4notificationParameters .eps4msgBloc {
    margin-left: 0px;
    margin-right: 0px;
}

#C\:eps4notifAdd h3 {
    text-align: left;
}

#C\:eps4notifAdd table tbody td {
    width: 50%;
}

    #C\:eps4notifAdd table tbody td p.eps4titleTd {
        margin-bottom: -0.6em;
    }

#C\:eps4notifAdd tr[data-security-field='true'] .eps4msgBloc {
    margin: 1em 0em;
}

div[id^='C\:eps4notifEdit'] table tbody td p.eps4titleTd {
    margin-bottom: -0.6em;
}

div[id^='C\:eps4notifEdit'].eps4EXCESS_CONSUMPTION table.eps4twoCols {
    margin-top: 0px;
}

.eps4filter {
    height: 30px;
    line-height: 30px;
    border-radius: .3em;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    width: 195px;
    text-align: left;
    background-image: url('../../../images/eps/transverse/gris/uncheck.png?v=c49806cab8');
    background-color: rgba(187, 204, 215, .4);
    background-repeat: no-repeat;
    background-position: 95% 50%, 5% 50%;
    transition: all 0.5s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

    .eps4filter:hover {
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16), 0px 3px 6px rgba(0, 0, 0, 0.23);
    }

    .eps4filter p {
        margin-left: 1em;
        font-size: 13px !important;
        text-align: left !important;
    }

#C\:eps4notifFilters .eps4filter {
    margin: 0 8px 8px 8px;
    width: auto;
    min-width: 195px;
    padding-right: 38px;
}

.eps4notifAdd #C\:eps4TableAddNotif .eps4wrapper-dropdown {
    width: 15.51em;
    margin-right: 0.717em;
}

#C\:eps4notifEndTimeLabel {
    margin-left: .5em;
}

#C\:eps4notificationList {
    width: 100%;
}

    #C\:eps4notificationList span.eps4btn {
        margin: auto;
    }

.eps4frostRisk .eps4system:nth-child(1) {
    opacity: .7;
}

.eps4frostRisk .eps4frostRiskDropdown {
    width: 100px;
}

#C\:eps4eventCheckbox li {
    list-style: none;
    float: left;
    margin-right: 0.5em;
}

/* Alert Button Start */

#C\:eps4transverse.eps4pubBA,
#C\:eps4transverse.eps4pubCarbon,
#C\:eps4transverse.eps4pubVideo,
#C\:eps4transverse.eps4pubAppliMobileV4,
.eps4faq,
#C\:eps4transverse.eps4pubTemperature,
#C\:eps4transverse.eps4tutorials,
#C\:eps4transverse.eps4pubChangementDeMarque {
    text-align: left;
    padding: 70px;
}

    #C\:eps4transverse.eps4pubBA h3,
    #C\:eps4transverse.eps4pubCarbon h3,
    #C\:eps4transverse.eps4pubVideo h3,
    #C\:eps4transverse.eps4pubTemperature h3,
    .eiEps4boutonPanel .eps4pubBA h3,
    #C\:eps4transverse.eps4pubChangementDeMarque h3 {
        padding: 0;
    }

    #C\:eps4transverse.eps4pubBA p,
    #C\:eps4transverse.eps4pubCarbon p,
    #C\:eps4transverse.eps4pubVideo p,
    #C\:eps4transverse.eps4pubTemperature p,
    #C\:eps4transverse.pubChangementDeMarque p,
    .eiEps4boutonPanel .eps4pubBA p {
        margin-top: 10px;
        margin-bottom: 15px;
    }

.eps4colgroup {
    width: 100%;
}

.eps4col {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    height: 190px;
}

    .eps4col:nth-child(odd) {
        margin-right: 2em;
    }


/* Alert Button End */

/* CO detector Start */
.eps4pubCarbon h2 {
    margin-top: 40px;
}

#C\:eps4transverse.eps4pubCarbon .eps4small {
    font-size: 12px;
}

.eps4detecteurCoBanniere {
    height: 292px;
    margin-top: 30px;
    background-image: url("../../../images/eps/accueil/campagne/detecteurMonoxydeCarboneBanniere_2021.jpg?v=7c2d4ea9de");
}

.eps4detecteurCoBannierePromo {
    height: 269px;
    margin-top: 30px;
    background-image: url("../../../images/eps/accueil/campagne/detecteurMonoxydeCarboneBanniere_2021_Promo.jpg?v=bae924530d");
    background-size: contain;
    background-repeat: no-repeat;
}

.eps4detecteurCoPreview {
    width: 320px;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: center;
    background-image: url("../../../images/eps/accueil/campagne/detecteurMonoxydeCarbonePrix.png?v=0bb435ccaf");
}

.eps4encart {
    background: #eaeff0;
    padding: 30px 25px;
    margin-top: 40px;
}

    .eps4encart .eps4divTable .eps4cell,
    .eps4encart .eps4divTable h2 {
        padding: 0 10px;
    }

.eps4pubCarbon .eps4encart h2 {
    margin-top: 0;
}

.eps4encart .eps4divTable h4 {
    color: #34495e;
    padding-left: 50px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: contain;
}

    .eps4encart .eps4divTable h4.eps4vigilant {
        background-image: url('../../../images/eps/accueil/campagne/picto_vigilant.png?v=c1268b3ad9');
    }

    .eps4encart .eps4divTable h4.eps4surveille {
        background-image: url('../../../images/eps/accueil/campagne/picto_telesurveille.png?v=1efe4a5eef');
    }

    .eps4encart .eps4divTable h4.eps4reactif {
        background-image: url('../../../images/eps/accueil/campagne/picto_reactif.png?v=0f0dffc23f');
    }

    .eps4encart .eps4divTable h4.eps4rassurant {
        background-image: url('../../../images/eps/accueil/campagne/picto_rassurant.png?v=4bc8dbb5bc');
    }

.eps4encart .eps4divTable ul {
    margin-left: 15px;
}

/* CO detector End */

/* Video Pub Start */

.eps4pubVideo h2 {
    margin-top: 40px;
}

.eps4pubVideo #pubVideoCallbackBtn {
    display: inline-block;
}

/* Video Pub End */

/* Changement de marque Pub Start */


/* Changement de marque Pub End */
.eps4divTable {
    display: table;
}

    .eps4divTable .eps4cell {
        display: table-cell;
    }

.eps4notifAdd table tbody tr:nth-child(-n+2) td:nth-child(-n+1) {
    width: 14em;
}

table.eps4notifVisu tr {
    height: 31px;
    line-height: 31px;
}

.eps4notifVisu td:first-child {
    width: 33%;
    vertical-align: top;
}

.eps4notifAdd tbody tr:nth-last-child(2n),
.eps4notifAdd tbody tr:nth-child(even) {
    border-top: .063em solid transparent;
    border-bottom: .063em solid transparent;
}

.eps4threshold {
    text-align: right;
    width: 4em;
}

.eps4unit {
    margin-left: 10px;
}

/*-- Panneaux --*/

.eps4settingDiv {
    width: 1024px;
    margin: 1em auto 0em auto;
    border-radius: 0.4em;
    text-align: center !important;
    box-shadow: -.2em 0em 1em rgba(0, 0, 0, .05);
    border: 0.063em solid;
    border-color: rgba(213, 221, 224, .1);
    background: #fff;
    padding: 2em 0 2em 0;
}

#C\:eps4notifFilters {
    background: none;
    box-shadow: none;
}

.eps4system {
    margin: auto;
    display: table-cell;
    vertical-align: top;
    table-layout: auto;
}

.whiteLoad {
    width: 1024px;
    height: 226px;
    border-radius: .4em;
    text-align: center !important;
}

#C\:eps4notifFilters p,
#C\:eps4notifFiltersNoResults p {
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 1em;
}

#C\:eps4buttonAdd {
    margin-right: 0em !important;
}

#C\:eps4oldReports {
    opacity: .6;
    width: 1024px;
    margin: auto;
}

    #C\:eps4oldReports h3 {
        margin-top: 2em;
        text-align: left;
    }

.eps4roundedIcon {
    display: inline-block;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    margin: 1em 1em 3.5em 1em;
    position: relative;
    vertical-align: top;
}

    .eps4roundedIcon p {
        top: 150px;
        left: 0;
        right: 0;
        margin: auto;
        position: absolute;
    }

.eps4configBtn {
    margin-top: 2.868em;
    min-height: 24.38px;
    margin-bottom: 2em;
}

    /* évite d'avoir trop d'espace en bas des barres de boutons */
    .eps4configBtn .eps4imgUnlock,
    .eps4configBtn .eps4imgLock,
    .eps4configBtn .eps4imgHelp {
        margin-bottom: 0px;
    }

.eps4imgHelp {
    float: right;
    text-align: left !important;
    position: relative;
    margin-left: 1em;
    color: #fff !important;
}

.eps4imgUnlock,
.eps4imgLock {
    float: right;
    margin-bottom: 2.79em;
}

    .eps4imgHelp > span.eps4tooltip,
    .eps4imgInfo > span,
    .eps4imgLock p,
    .eps4imgUnlock p,
    .eps4msgBloc .eps4imgLock p,
    .eps4msgBloc .eps4imgUnlock p,
    .eps4withTooltipWhenDisabled + span {
        padding: 10px 20px;
        margin-top: 0;
        right: 0px;
        opacity: 0;
        visibility: hidden;
        z-index: 10;
        width: 250px;
        text-align: left;
        overflow: hidden;
        position: absolute;
        font-size: 12px;
        font-style: normal;
        border-radius: 3px;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        color: #fff;
        background: rgb(26, 39, 45);
    }
    /* Cas d'un tooltip dans un Td : écrasement du style appliqué à ".eps4system table tbody tr td p" */
    .eps4imgHelp:hover > span.eps4tooltip p {
        color: #fff;
    }

.eps4timelineRefreshing:hover > span {
    display: block;
}

.eps4imgHelp:hover > span,
.eps4imgInfo:hover > span,
.eps4imgUnlock:hover > p,
.eps4imgLock:hover > p,
.eps4imgHelp:active > span,
.eps4imgUnlock:active > p,
.eps4imgLock:active > p,
.eps4withTooltipWhenDisabled.eps4disabled:hover + span {
    opacity: 1;
    visibility: visible;
    overflow: visible;
    margin-top: 30px;
}
.eps4withTooltipWhenDisabled.eps4disabled {
    pointer-events: auto; /* Pour autoriser hover et l'affichage du tooltip */
}
.eps4withTooltipWhenDisabled.eps4disabled:active {
    pointer-events: none; /* Aucun évènement traité au clic */
}

eps4imgUnlock p::before,
eps4imgLock p::before {
    content: '';
    width: 0;
    height: 0;
    margin-top: -1.50em;
    position: absolute;
    border-left: .75em solid transparent;
    border-right: .75em solid transparent;
    border-bottom: .75em solid rgb(26, 39, 45);
    -webkit-box-shadow: inset -1px 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    -o-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
}

eps4imgUnlock p::before,
eps4imgLock p::before {
    margin-left: 30%;
}

.eps4msgBloc,
.eps4msgInfo,
.eps4msgWarning {
    border: 1px solid rgba(52, 73, 94, 0.1);
    border-top-right-radius: .4em;
    font-size: .9em;
    font-weight: 400;
    background: #eaeff0;
}

.eps4msgInfo {
    margin: .868em 0em;
}

.eps4msgWarning {
    margin: 2em 3.5em 0 3.5em;
    padding: 1em 0 1em 4em;
}

.eps4msgInfo {
    display: none;
}

#C\:eps4wpTrustedThirdPartEdit .eps4msgInfo {
    display: block;
}

.eps4msgBloc {
    margin: 1em 0;
    padding: .5em 1.8em;
    line-height: 1.5;
}

    .eps4msgBloc p,
    .eps4msgInfo p,
    .eps4msgBloc ul,
    .eps4msgInfo ul {
        font-size: 1em;
        font-weight: 300;
        text-align: left !important;
    }

        .eps4msgInfo ul li .eps4title,
        .eps4msgBloc ul li .eps4title {
            font-weight: bold;
        }



.eps4msgInfo p {
    padding: 1em 3.5em;
}

.eps4msgBloc p {
    padding: 0;
}

.eps4msgBloc ul {
    margin-left: 3em;
}


/* Tooltip with data-title */
[data-title]:hover:after {
    opacity: 1;
    transition: all 0.3s ease 0.4s;
    visibility: visible;
}

[data-title]:after {
    content: attr(data-title);
    transition: all 0.3s;
    text-align: left;
    overflow: hidden;
    position: absolute;
    width: 150px; /* Pour IE */
    width: max-content;
    max-width: 250px;
    padding: 6px 12px;
    margin-top: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    border-radius: 3px;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    white-space: pre-line;
    color: #fff;
    background: rgb(26, 39, 45);
}

/*-- Toggle on/off --*/

.eps4labelToggle {
    position: absolute;
}

.eps4toggleContainer {
    width: 40px;
    height: 20px;
    background: rgb(255, 79, 56);
    border-radius: 41px;
    margin-left: 100px;
    position: relative;
}

.eps4toggleWidget.eps4toggleLeft .eps4toggleContainer {
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto;
}

.eps4toggleWidget.eps4toggleLeft .eps4labelToggle {
    margin-left: 70px;
    position: relative;
}

.eps4toggleContainerOn {
    background-color: #2ecc71;
}

.eps4toggle {
    width: 18px;
    height: 18px;
    border-radius: 41px;
    position: relative;
    left: 2px;
    top: 0;
    bottom: 0;
    position: absolute;
    margin-top: auto;
    margin-bottom: auto;
    background: #fbfbfb;
    cursor: pointer;
    -webkit-box-shadow: -1px 4px 22px -8px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: -1px 4px 22px -8px rgba(0, 0, 0, 0.55);
    box-shadow: -1px 4px 22px -8px rgba(0, 0, 0, 0.55);
}

.eps4toggleOn {
    left: 20px;
}


/*-- Message Camera --*/

.eps4camera {
    width: 54em;
    display: table-cell;
    padding-bottom: 3em;
    table-layout: auto;
    border-top-right-radius: .4em;
    border-bottom-right-radius: .4em;
    background: rgba(255, 255, 255, 1);
}

    .eps4camera:first-child {
        width: 10em;
        background: #1a272d;
        text-align: center;
        border-top-left-radius: .4em;
        border-bottom-left-radius: .4em;
        border-top-right-radius: 0em !important;
        border-bottom-right-radius: 0em !important;
    }

/* Les "wifiState-" sont des anciennes icônes, utiliser les classes "eps4iconWifi-" à la place. */

.eps4wifiStateLoader,
.eps4wifiState1,
.eps4wifiState2,
.eps4wifiState3,
.eps4wifiState4,
.eps4wifiStateError {
    width: 29px;
    height: 23px;
    float: left;
    margin-right: 0.4em;
}
.eps4wifiStateLoader {
    background: url('../../../images/eps/configuration/wifiload.gif?v=c77ae75230') no-repeat center;
}
.eps4wifiState1 {
    background: url('../../../images/eps/configuration/state1.png?v=d63e4f375c') no-repeat center;
}
.eps4wifiState2 {
    background: url('../../../images/eps/configuration/state2.png?v=ec9acbbb31') no-repeat center;
}
.eps4wifiState3 {
    background: url('../../../images/eps/configuration/state3.png?v=7f3b98b67a') no-repeat center;
}
.eps4wifiState4 {
    background: url('../../../images/eps/configuration/state4.png?v=549f66487f') no-repeat center;
}
.eps4wifiStateError {
    background: url('../../../images/eps/configuration/stateError.png?v=6c141598c6') no-repeat center;
}

/*-- Vidéo --*/

/* Partie "Mes caméras" */
#C\:eps4VideoParameters table {
    text-align: left;
}

#C\:eps4VideoParameters .eps4cameraListItem .eps4cameraItemMainInfos .eps4cameraStateAndPositionWrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
}

/* Bloc de contenu principal */
#C\:eps4VideoParameters #C\:eps4cameraList .eps4cameraVideoParameters,
#C\:eps4VideoParameters .eps4cameraListItem:not(:first-child) .eps4cameraItemMainInfos > table {
    margin-top: 0;
}

/* Caméra sans contenu additionnel */
#C\:eps4VideoParameters .eps4cameraListItem .eps4cameraWithoutServiceHeader {
    height: 74px;
    display: flex;
    align-items: center;
}

/* Première caméra sans contenu additionnel */
#C\:eps4VideoParameters .eps4cameraListItem:first-child .eps4cameraWithoutServiceHeader > table {
    margin-top: 0;
}

/* Bloc de contenu additionnel avec expander */
#C\:eps4VideoParameters #C\:eps4cameraList .eps4serviceDetail {
    padding-bottom: 0;
    border-bottom: none;
}

#C\:eps4VideoParameters #C\:eps4cameraList .eps4serviceHeader {
    line-height: normal;
    height: auto;
    border-bottom: none;
}

.eps4videoParamWrapper .eps4videoParamIconInfo {
    width: 125px;
    background-image: url('../../../images/eps/configuration/picto_info.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60px;
    min-height: 60px;
}

/* Hack pour repasser les icônes de modification en grisé lorsque l'encart possède la classe eps4disabled */
#C\:eps4VideoParameters.eps4disabled .eps4imgEdit {
    opacity: .4;
} 

/* Popin d'édition des paramètres vidéos */
.eps4cameraEdit td:nth-child(2) > :not(.eps4imgHelp) {
    width: 60% !important; /* On met la même taille pour tous les éléments de saisie du formulaire d'édition vidéo */
}

#C\:eps4cameraEditParameters .eps4btn {
    margin-left: 0px;
}

.eps4cameraEditConnectionInfos {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.eps4cameraEditConnectionNameAndState {
    display: flex;
    flex-direction: column;
    margin-left: 5px;
}

.eps4cameraEditConnectionState {
    font-weight: lighter;
}

.eps4cameraEditInternetConnection .eps4btn {
    margin: 0;
    display: block;
    text-align: center;
}

.eps4cameraEditInternetConnection .eps4lblConnectionError {
    text-align: justify;
}

#C\:eps4VideoParameters #C\:eps4cameraList .eps4sectionSDCard,
#C\:eps4VideoParameters #C\:eps4cameraList .eps4sectionVideoParam,
#C\:eps4VideoParameters .eps4cameraEditVideoParameters .eps4cameraEditMonitoringPosition {
    margin-left: 40px;
}

#C\:eps4VideoParameters .eps4cameraEditVideoParameters .eps4cameraEditMonitoringPosition {
    margin-top: 1em;
}

#C\:eps4VideoParameters .eps4cameraEditVideoParameters .eps4btnMonitoringPosition,
#C\:eps4VideoParameters .eps4cameraEditVideoParameters .eps4btnConfigureWifi, 
#C\:eps4VideoParameters .eps4cameraEditVideoParameters .eps4btnConfigureConnection {
    margin-left: 0px;
}

#C\:eps4VideoParameters .eps4cameraEditInternetConnection .eps4lblConnectionError {
    font-weight: bold;
    color: red;
}

/*===================================================================*/
    /*===================================================================*/
    /* --- COMPTE ---*/
    .eps4italic {
    font-style: italic;
    font-size: 0.9em !important;
}

.Content_compte {
    width: 100%;
    height: 10em;
    background: #eaeff0;
}

#C\:eps4NoInvoices h3,
#C\:eps4NoMessages h3,
#C\:eps4NoDevices h3,
#C\:eps4NoEligibleServices h3 {
    text-align: center;
    margin-left: 0;
}

#C\:eps4NoInvoices p,
p#C\:eps4NoInvoices,
#C\:eps4NoMessages p,
#C\:eps4NoDevices p,
#C\:eps4NoEligibleServices p,
p#C\:eps4NoSchedules {
    text-align: center;
    padding: 0 4.5em;
}


.eps4NoInvoicesDesc {
    margin-left: 40px;
}

.eps4servicePdfBloc {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    margin-left: 3em;
}

#C\:eps4unpaidPayPartAmount {
    margin-top: -.5em;
    text-align: right;
    width: 7em;
}

#C\:eps4messagesList,
#C\:eps4subscriptionServiceList {
    padding-bottom: 2em;
}

#C\:eps4subscriptionListe li {
    list-style-type: none;
}

#C\:eps4subscriptionListe .eps4serviceHeader h3 {
    font-size: 1.3em;
    margin-left: 43px;
}

    #C\:eps4subscriptionListe .eps4serviceHeader h3.eps4bigWidth {
        width: 65%;
    }

#C\:eps4subscriptionListe .eps4serviceHeader b {
    font-weight: 500;
}

#C\:eps4subscriptionListe #C\:eps4videoSdBloc .eps4msgBlocTitle {
    font-size: 1.15em;
    font-weight: bold;
    margin-bottom: 10px;
}

#C\:eps4subscriberDataEdit,
#C\:eps4invoicesDetailContent,
#C\:eps4schedulesContent,
#C\:eps4messageList {
    display: none;
}

    .eps4fourCols .eps4Radio,
    #C\:eps4subscriberDataEdit .eps4Radio {
        display: inline-block;
        margin-right: 1em;
        vertical-align: middle;
    }

#C\:eps4communicationSponsor h3:first-child {
    margin-bottom: 0em !important;
}

#C\:eps4communicationSponsor h3 {
    margin-bottom: 2em;
}

#C\:eps4notifOtherMail1,
#C\:eps4notifOtherMail2 {
    width: 324px;
}

.eps4schedulesParameters,
.eps4invoicesDetailParameters {
    width: 90%;
    margin-left: 3em;
}

.eps4imgDownload,
.eps4imgPDF {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.eps4imgDownload {
    float: right;
}

.eps4imgPDF {
    float: left;
}

.eps4msgRead {
    opacity: .5;
}

.eps4facturationActions {
    margin: 2em 2.5em -2em 0;
}

.eps4facturationPager {
    margin-left: 700px;
}

    .eps4facturationPager,
    .eps4facturationPager div,
    .eps4facturationPager p {
        display: inline-block;
    }

        .eps4facturationPager p {
            top: -1em;
            position: relative;
        }


/*  ===================================================================
    == MESSAGERIE                                                   
    ===================================================================*/

/* Pager */

tr.eps4messageHeader {
    cursor: pointer;
}

.eps4messageActions {
    margin: 2em 2.5em -2em 0;
}

.eps4messageSelectAll,
.eps4messagePager,
.eps4messagePager div,
.eps4messagePager p {
    display: inline-block;
}

.eps4messageSelectAll {
    width: 230px;
    margin: 0em 30.5em 0em 40px;
}

.eps4messagePager p,
.eps4messageSelectAll {
    top: -1em;
    position: relative;
}

    .eps4messageSelectAll p {
        display: inline-block;
        vertical-align: center;
    }

.eps4messageNotRead p {
    font-weight: bold !important;
}

.eps4messageIsRead p {
    opacity: .9;
}

.eps4messageDate {
    text-align: right;
}

.datemessenger {
    text-align: right;
    padding-right: .4em;
}

.messageDate {
    text-align: right;
}

.eps4messageContent,
.eps4messageLink {
    text-align: left !important;
}

.eps4messageNextAction {
    display: none;
}

.eps4messageContent {
    padding: 1em;
    border: 0.0417em solid #eaeff0;
    background-color: rgb(250, 251, 253);
}

.eps4messageDetail a {
    margin-top: 2em;
    color: #34495e;
    font-weight: 600;
}

.eps4content {
    padding: .5em;
}

.eps4msgBloc .eps4configBtnInBloc {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    text-align: right;
}


/*Coordonnees*/


/*------------*/

#C\:eps4subscriberDataVisu .eps4configBtnAuthentication {
    text-align: center;
    position: relative;
    top: 2em;
}

.eps4subscriberName,
.eps4subscriberContractNumber {
    display: inline-block;
}

.eps4subscriberContractNumber {
    margin-top: 1.6em;
    margin-right: 1.6em;
    float: right;
}

.eps4subscriberAddress {
    margin-left: 3em;
}

.eps4tableNewsletter td:first-child {
    width: 33em;
}

#C\:eps4trNewsletterEmail p.eps4titleTd {
    display: inline-block;
    width: 10em;
}

#C\:eps4trNewsletterEmail .eps4Radio {
    display: block;
}

#C\:eps4trNewsletterEmail .eps4msgWarning {
    margin: 0;
}

/*Forfait*/


/*-------*/

#C\:eps4subscriptionVisu h4 {
    text-align: left;
    margin-left: 3em;
}

#C\:eps4subscriptionPdfBloc {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    margin-left: 3em;
}

.eps4pdfBloc td {
    padding-bottom: 1em;
}

#C\:eps4subscriptionList {
    margin-top: 1.5em;
    margin-left: 5.5em;
}

#C\:eps4subscriptionServiceList {
    display: none;
}

#C\:eps4additionalServices {
    margin-left: 4em;
}

#C\:eps4remainingCredit {
    margin-left: 4.5em;
}

.eps4expanderBtn {
    cursor: pointer;
}

/* Bank details */

#C\:eps4bankDetails table {
    table-layout: auto;
}

#C\:eps4bankDetails td:first-child {
    width: 20%;
}

#C\:eps4BankDetailsVisu {
    margin-left: 3em;
    padding-bottom: 2em;
}

.eps4system .eps4bankDetailsVisu table {
    margin-top: 0em;
}

#C\:eps4bankDetails {
    margin-bottom: 2em;
}

.eps4bankDetailsNew {
    padding: 15px 0px;
}

.eps4bankDetailsEdit,
.eps4bankDetailsConfirm {
    display: none;
}

[class*='eps4ibanEdit'] {
    width: 60px;
    margin-right: 0.5em !important;
    text-align: center;
}

.eps4ibanEdit9 {
    width: 1.5em !important;
}

#C\:eps4bicEdit {
    width: 170px;
}

#C\:eps4subscriptionServiceList ul li {
    list-style: none;
}

.eps4serviceHeader {
    height: 60px;
    line-height: 60px;
    cursor: pointer;
}

.serviceHeaderClose {
    border-bottom: 0.0717em solid rgba(164, 179, 189, .3);
    transition: border-bottom 0.0s ease-in-out 0.4s;
}

.serviceHeaderOpen {
    border-bottom: 0.0717em solid;
    border-bottom-color: transparent;
}

.eps4serviceHeader h3 {
    margin-top: 0 !important;
    display: inline-block;
    width: 470px;
    opacity: 1 !important;
}

.eps4serviceHeader .eps4expanderBtn {
    height: 60px;
    float: right;
    line-height: 60px;
    max-width: 260px;
    margin-right: 16px;
    position: relative;
}

    .eps4serviceHeader .eps4expanderBtn p {
        right: 40px;
        width: 240px;
        text-align: right;
        line-height: 1;
        display: inline-block;
        top: 50%;
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
    }

    .eps4serviceHeader .eps4expanderBtn [class*='eps4expander'] {
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        position: absolute;
    }

.eps4fakeServiceHeader {
    pointer-events: none;
}

    .eps4fakeServiceHeader.eps4serviceHeader .eps4expanderBtn p {
        right: 0px;
    }

.eps4serviceDetail ul {
    margin-left: 5em;
}

    .eps4serviceDetail ul.eps4dropdown {
        margin-left: 0;
    }

    .eps4serviceDetail ul li {
        list-style: disc !important;
    }

.eps4serviceDetail .eps4servicePrice {
    margin-left: 3.4em;
}

.eps4serviceDetail h4 {
    margin-left: 3.4em;
    margin-bottom: .5em;
    font-size: 1em !important;
    font-weight: 400 !important;
}

.eps4serviceDetail {
    padding-bottom: 1.5em;
    border-bottom: 0.0717em solid rgba(164, 179, 189, .3);
    display: none;
    padding-right: 3.4em;
    width: 100%;
}

.eps4serviceDetailNoBottom {
    padding-bottom: 0.1em !important;
    border-bottom: 0.0717em solid rgba(164, 179, 189, .3);
}

.eps4serviceDetail .eps4videoServiceInfos {
    padding-left: 3.4em;
    min-height: 21px;
}

.eps4serviceDetail .eps4videoOrderButton {
    display: inline;
    float: right;
}

.eps4servicePrice {
    font-style: italic;
    margin-bottom: 10px;
}

#C\:eps4subscriptionIncludedOptionnalListe .eps4subscriptionServiceListe:nth-last-of-type(1) > ul > li:nth-last-of-type(1) .serviceHeaderClose,
#C\:eps4subscriptionIncludedOptionnalListe .eps4subscriptionServiceListe:nth-last-of-type(1) > ul > li:nth-last-of-type(1) .eps4serviceDetail,
.eps4settingPanel #C\:eps4SecurityParameters .eps4AjaxDiv ul > li:nth-last-of-type(1) .serviceHeaderClose,
.eps4settingPanel #C\:eps4SecurityParameters .eps4AjaxDiv ul > li:nth-last-of-type(1) .eps4serviceDetail {
    border-bottom-color: transparent;
}

.eps4system .eps4AjaxDiv > ul > li {
    list-style-type: none;
}

#C\:eps4container .eps4settingPanel .eps4serviceHeader h3 {
    width: 560px;
    font-size: 1.3em;
}

#C\:eps4container .eps4settingPanel .eps4serviceHeader .eps4expanderBtn p {
    width: 280px;
}


/*Facturations*/


/*------------*/

.eps4amount,
.eps4invoiceStatus,
.eps4invoiceDate,
.eps4invoiceAmount,
.eps4totalAmount {
    text-align: right;
}

    .eps4amount .eps4tooltipInfo,
    .eps4amount .eps4tooltipError {
        text-align: left;
    }

#C\:eps4invoicesContent table {
    min-height: 5em;
}

#C\:eps4invoicesContent .eps4wrapper-dropdown {
    width: 35px !important;
    margin-left: 3em;
    margin-top: 50px;
}

#C\:eps4invoicesContent tr td:first-child {
    width: 30px;
}

#C\:eps4facturation table.eps4noDownloadInvoice tr td:first-child {
    display: none;
}

.eps4myAccountList {
    margin-bottom: 2em;
}

.eps4btnAnnualBill {
    text-decoration: none;
    background-image: url("../../../images/eps/transverse/gris/pdf.png?v=2e2880b4f1");
    background-repeat: no-repeat;
    background-position: 2% 50%;
}


/*Vos Factures*/


/*------------*/
.eps4wrapper-dropdown#C\:eps4scheduleChoosePeriod,
.eps4wrapper-dropdown#C\:eps4invoicesDetailChoosePeriod {
    width: 106px;
}


/*Impayees*/

#C\:eps4unpaidContent table {
    width: 42%;
}

#C\:eps4threeDSFacturationRedirectContainer h3 {
    margin-bottom: 1.5em;
}

#C\:eps4threeDSFacturationRedirectContainer form {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

#C\:eps4threeDSFacturationRedirectContainer p,
#C\:eps4threeDSFacturationRedirectContainer form {
    text-align: center;
}

#C\:eps4threeDSFacturationRedirectContainer input[type=submit] {
    text-align: center;
}


/*Rendez-vous*/


/*------------*/

.eps4rdvListDays {
    text-align: center;
}

.eps4rdvDay {
    display: inline-block;
    width: 175px;
    height: 175px;
    text-align: center;
    vertical-align: top;
    margin: 20px 5px;
    border: 0.0717em solid rgb(164, 179, 189);
    border-radius: 0.4em;
    background: #eaeff0;
}

    .eps4rdvDay p {
        width: 150px;
        margin: auto;
        color: #34495e;
        font-weight: 600;
        text-align: center;
        padding: 0 !important;
        border-bottom: 0.0717em solid rgb(164, 179, 189);
    }

    .eps4rdvDay ul {
        width: 100%;
        padding-top: 10px;
        margin: 1em auto;
        text-align: center;
    }

        .eps4rdvDay ul li {
            cursor: pointer;
            list-style: none;
        }

            .eps4rdvDay ul li:hover {
                color: #34495e;
                background: #a4b3bd;
            }

.eps4rdvSelectedSlot {
    color: #34495e;
    background: #a4b3bd;
}

#C\:eps4InitialDate > div {
    margin-right: 15px;
}

#C\:eps4InitialDate > div,
#C\:eps4InitialDate > .eps4appointmentDate {
    display: inline-block;
    vertical-align: middle;
}

#C\:eps4modalRdvConfirm label {
    margin: 0.3em;
}

#C\:eps4modalRdvConfirm {
    box-shadow: none !important;
}

#C\:eps4rdvDayLabel {
    font-weight: bold;
    text-transform: capitalize;
    margin: 0em !important;
}

#C\:eps4rdvSummary {
    margin-left: 0 !important;
}

#C\:eps4removalRelayDiv {
    line-height: 1.30em;
}

    #C\:eps4removalRelayDiv label {
        margin-left: 5px;
        margin-right: 5px;
    }

    #C\:eps4removalRelayDiv .eps4wrapper-dropdown {
        margin-top: 10px;
    }

#C\:eps4cbAppointment {
    float: none;
    width: 1.3em;
    height: 1.3em;
}


/*Equipement*/

.eps4equipmentMenu ul:nth-child(2) {
    width: 40%;
    margin-left: 3em;
    margin-top: 1.86em;
}

    .eps4equipmentMenu ul:nth-child(2) li {
        list-style: none;
    }

.eps4equipmentMenu ul:nth-child(3) {
    width: 60%;
    margin-left: 3em;
    margin-top: 1.86em;
}

    .eps4equipmentMenu ul:nth-child(3) li {
        list-style: none;
    }

.eps4equipmentMenu .eps4serviceDetail > ul {
    margin-left: 40px;
}

    .eps4equipmentMenu .eps4serviceDetail > ul > li {
        list-style: none !important;
    }

#C\:eps4GeneralPanel .eps4systemTestDetail td:nth-child(2) {
    width: auto;
}

.eps4deviceStatus ul li {
    list-style: none;
    display: inline-block;
    margin: 0 0.5em;
}

.eps4systemTestHeader {
    margin-left: 3em;
    margin-top: 1.5em;
}

    .eps4systemTestHeader .eps4radioCheck {
        margin-top: .15em;
    }

.eps4systemTestDetail h4 {
    margin-top: 0 !important;
}

.eps4systemTestDetail table {
    margin-top: 0 !important;
    margin-left: 5em !important;
}

    .eps4systemTestDetail table .eps4msgBloc {
        margin-left: 0em !important;
    }


/*Identification*/

.eps4identificationIdentifiant {
    margin: 0em 3.51em 2em 3em;
}

.eps4identificationDiv {
    width: 90%;
    border-top: 0.0717em solid #ecedef;
}

/*Communication*/

#C\:eps4communicationSponsorZone p {
    margin-top: 1em;
    margin-left: 3.5em;
}

#C\:eps4communicationSponsorZone h4 {
    text-align: left;
    margin-left: 3em;
    margin-top: 1.5em;
}

.eps4communicationSponsorList {
    margin-top: 1.5em;
    margin-left: 4em;
}

.eps4ListNoPuce {
    list-style: none;
}

#C\:eps4communicationStickersZone {
    width: 90%;
    padding-top: 2em;
    margin-left: 3.5em;
    border-top: 0.0717em solid #ecedef;
}

#C\:eps4communicationSponsorCoordEdit table tbody tr {
    border: none !important;
}

.eps4communicationFixedDiv {
    height: 744.86px;
    overflow: hidden;
}

#C\:eps4communicationSponsorCoordVisu {
    margin-left: 3em;
    width: 90%;
    word-break: break-all;
    display: none;
}

#C\:eps4communicationStickers,
#C\:eps4communicationSponsor {
    display: none;
}

#C\:eps4communicationClientTypeRadioGroup .eps4Radio,
#C\:eps4communicationHabitatTypeRadioGroup .eps4Radio {
    display: inline-block;
    margin-right: 1em;
}

#C\:eps4commStickersChooseQuantity {
    width: 10em !important;
}

#C\:eps4subscriberBuildingLabel {
    margin-right: 5.4em;
}

ul.eps4sponsorChooseGift {
    width: 90%;
    margin: auto;
    border: 0.0717em solid rgb(234, 239, 240);
    background: #f6f8f9;
}

.eps4sponsorCheckbox {
    padding-top: 1em;
    margin-left: 3em;
}

ul.eps4sponsorChooseGift li {
    margin: 0em 1em 1em 2em;
    width: auto;
    padding: 9em 2em 0em 2em;
    list-style: none;
    display: inline-block;
}

ul.eps4sponsorChooseGift label,
ul.eps4sponsorChooseGift [class*="eps4radio"] {
    display: inline-block;
    vertical-align: middle;
}

.eps4sponsorInfoGift {
    width: 90%;
    margin: 2em auto;
    border: 0.0717em solid rgb(234, 239, 240);
    background: #f6f8f9;
}

    .eps4sponsorInfoGift p {
        margin: 1em;
    }

.eps4sponsorValidate {
    margin-left: 3em;
}

    .eps4sponsorValidate a {
        cursor: pointer;
    }

.eps4sponsorSafeInfo,
.eps4sponsorKeyboxInfo,
#C\:eps4communicationSponsorGift {
    display: none;
}

#C\:eps4communicationSponsorCoordEdit table tbody tr td,
#C\:eps4communicationSponsorCoordVisu {
    line-height: 20px;
}

input#C\:eps4communicationSponsorCivility {
    width: 165px;
}

/*===================================================================*/


/*===================================================================*/

/*--- Assistance- --*/

#C\:eps4contentAssistance {
    width: 1024px;
    margin: 0 auto 0 auto;
    padding-bottom: 2em;
}

    #C\:eps4contentAssistance .eps4assistanceTwoCols {
        display: flex;
    }

    #C\:eps4contentAssistance .eps4assistanceLeftCol {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

        #C\:eps4contentAssistance .eps4assistanceLeftCol .eps4whiteDivShadow {
            width: 100%;
        }

    #C\:eps4contentAssistance .eps4whiteDivShadow.eps4loading {
        width: 100%;
    }

    #C\:eps4contentAssistance #C\:eps4assistanceFaqPreview {
        flex: 1;
    }

    #C\:eps4contentAssistance #C\:eps4assistancePublicationPreview {
        height: 320px;
    }


    #C\:eps4contentAssistance .eps4whiteDivShadowLoading {
        display: flex;
        align-items: center;
    }

    #C\:eps4contentAssistance .eps4assistanceRightCol {
        margin-left: 15px;
        width: 320px;
        min-height: 720px;
    }

    .eps4faq p {
        font-size: 1em;
    }


/*--- Newsletter- --*/

#C\:eps4contentNews {
    width: 1024px;
    margin: 0px auto 0 auto;
    padding-bottom: 2em;
}

#C\:eps4newSubscriber {
    display: none;
}

.eps4NewsPanel {
    padding: 2em;
    background: #fff;
    border: 0.06em solid rgba(213, 221, 224, 0.1);
    border-radius: 0.4em;
}

.eps4recentNews {
    background: url('../../../images/eps/compte/newsletter_news.jpg?v=7b11af454d') no-repeat 90% 20%;
    height: 250px;
}

#C\:eps4recentNewsLetters {
    width: 880px;
    margin: auto;
    position: relative;
}

    #C\:eps4recentNewsLetters p {
        text-align: left;
        line-height: 1.7;
        margin-bottom: 30px;
        margin-left: 10px;
    }

.eps4NewsPanel h2 {
    font-size: 1.8em;
}

.eps4recentNews .eps4configBtn a,
.eps4recentNews .eps4configBtn a:hover {
    color: #fff;
    text-decoration: none !important;
}

.eps4oldNews {
    text-align: left;
}

#C\:eps4oldNewsLetters {
    width: 320px;
    align-content: center;
    margin: 20px 0px 10px 42px;
    min-height: 100px;
    border-radius: 0.5em;
    background: rgba(200, 200, 200, 0.2);
    padding: 1em;
}

.eps4oldNewsLettersPart {
    margin-top: -40px !important;
}

#C\:eps4oldNewsLetters h2 {
    margin-left: 10px !important;
}

.eps4newsDownload {
    padding: .75em .75em .75em 5em;
    border-radius: 5px;
    border: 1px solid rgb(200, 200, 200) !important;
    background: rgb(246, 248, 249) url('../../../images/eps/composants/adobeicn.png?v=f3ad8b3964') no-repeat;
    background-size: 40px;
    background-position: 5% 50%;
    position: absolute;
    top: 84%;
    width: 258px;
}

.eps4newsLink {
    padding: .75em .75em .75em 1em;
    border-radius: 5px;
    border: 1px solid rgb(200, 200, 200) !important;
    background: rgb(246, 248, 249);
    background-size: 40px;
    background-position: 5% 50%;
    position: absolute;
    top: 60%;
}

.eps4archiveDownload {
    padding: .75em .75em .75em 3.5em;
    background: url('../../../images/eps/composants/adobeicn.png?v=f3ad8b3964') no-repeat;
    background-size: 20px;
    background-position: 5% 50%;
    display: block;
}

.newsDownload a,
.newsDownload a:hover {
    color: #7e93a1 !important;
}


/*===================================================================*/


/*===================================================================*/


/*--- CONSIGNES- --*/


.eps4Instructions .eps4settingInfo {
    position: relative !important;
}

.eps4Instructions textarea,
.eps4welcomeForm textarea {
    width: 100%;
}

.eps4instructionText {
    padding: 20px;
}

.eps4instructionsContainer h3 {
    margin-bottom: 1em;
}

.eps4instructionsContainer h4 {
    margin-bottom: .5em;
}

.eps4instructionsContainer .eps4Radio {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1em;
}

    .eps4instructionsContainer .eps4Radio.eps4radioPlageDispoTTP {
        margin-right: 0px;
    }

.eps4instructionsContainer .eps4settingError,
.eps4welcomeForm .eps4settingError {
    margin-right: 1em;
}

.eps4imgValider,
.eps4imgClose,
.eps4imgDelete,
.eps4imgEdit {
    width: 20px;
    height: 20px;
    cursor: pointer;
    padding: 0.5% 0;
}

.eps4ttpLinkExpand .eps4imgEdit {
    position: relative;
    float: right;
    right: 40px;
    margin: 7px;
}

.eps4ttpLinkExpand .eps4imgDelete {
    position: relative;
    float: right;
    right: -30px;
    margin: 7px;
}

td .eps4imgDelete {
    float: right;
}

.eps4imgValider,
.eps4imgClose {
    float: right;
    cursor: pointer;
}

.eps4phoneListWidgetActions {
    margin-top: 2.868em;
    margin-bottom: 2em;
}


/*Appels de controle*/

#ei_tpl_contener {
    min-height: 187px;
    position: relative;
}

#ei_tpl_header {
    font-size: 12pt;
    line-height: 53px;
}

#ei_tpl_menuLevel1 {
    position: relative;
    z-index: 9;
}

[id*='eps4code'] {
    width: 4em;
    overflow: hidden;
}


/*Personnes de confiance*/

.eps4ttpEdit ul {
    list-style: none;
}

.eps4ttpEdit table.eps4twoCols tr td > span.eps4inputStar {
    margin-right: 0.5em;
    margin-left: -0.5em;
}

div.eps4ttpSubtitle {
    display: inline-block;
}

    div.eps4ttpSubtitle div.eps4imgEdit {
        display: inline-block;
        margin-left: 0.5em;
        float: none;
    }

.eps4ttpInfo {
    padding: 8px;
    margin-bottom: 5px;
    background: #fafafa;
    border-radius: 5px;
}

    .eps4ttpInfo.eps4edit .eps4ttpLinkExpand {
        cursor: default;
        pointer-events: none;
    }

a.eps4ttpLinkExpand {
    width: 100%;
    height: 100%;
    display: block;
    line-height: 35px;
    text-decoration: none !important;
}

p.eps4ttpDenomination {
    width: 500px;
    font-weight: 600;
    font-size: 1.2em;
    display: inline-block;
}

div.eps4sumUpTTPCoords {
    margin-top: 0.3em;
    margin-left: 3em;
}

.eps4dropdownCivility {
    width: 10em;
}

.eps4dropdownOrder {
    width: 6em;
}

#C\:eps4TTP h4 {
    margin-top: 1em;
    font-weight: 500;
    font-size: 1.2em;
    display: inline-block;
    color: inherit !important;
}

ul.eps4dropdown li {
    display: block !important;
}

#C\:eps4mailingStreetEdit,
#C\:eps4mailingPlaceEdit,
#C\:eps4mailingCityEdit {
    width: 100%;
}

.eps4otherRelation {
    width: 13em !important;
}


.eps4Instructions {
    width: 1024px;
    margin: 0em auto 1em auto;
}

    .eps4Instructions input {
        width: 100%;
    }

.eps4instructionsContainer {
    width: 690px;
    display: inline-block;
}

    .eps4instructionsContainer.eps4fullWidth {
        width: 100%;
    }

    .eps4instructionsContainer > div,
    .eps4welcomeForm > div {
        padding: 2em;
        margin-bottom: 20px;
        max-width: 100%;
        border-radius: .4em;
        border: 0.063em rgba(213, 221, 224, .1);
        background: rgba(255, 255, 255, 1);
        position: relative;
        min-height: 137px;
    }

    .eps4photoContainer,
    .eps4instructionsContainer > div,
    .eps4welcomeForm > div {
        transition: box-shadow .25s ease-in-out;
        box-shadow: 0px 1px 3px rgba(0, 0, 0, .12), 0px 1px 2px rgba(0, 0, 0, .22);
    }

        .eps4photoContainer:hover,
        .eps4instructionsContainer > div:hover,
        .eps4welcomeForm > div:hover {
            box-shadow: 0px 6px 6px rgba(0, 0, 0, .12), 0px 6px 4px rgba(0, 0, 0, .16);
        }

        .eps4instructionsContainer > div > div.eps4Loader {
            position: absolute;
            margin: auto;
            top: 37px;
            right: 0px;
            bottom: 0px;
            left: 0px;
        }

.eps4RemovalPanel {
    padding: 2em 2em 0em 2em;
    border-radius: .4em;
    border: 0.063em rgba(213, 221, 224, .1);
    box-shadow: -.2em 0em 1em rgba(0, 0, 0, .05);
    background: rgba(255, 255, 255, 1);
}

#C\:eps4RemovalAppointmentError {
    margin: .5em 0 !important;
}

.eps4RemovalPanel .eps4configBtn {
    margin-bottom: 0 !important;
}

#C\:eps4photos p {
    margin-top: 2em;
    text-align: center;
    font-weight: 500 !important;
}

#C\:eps4photos figure {
    width: 300px;
    display: block;
    clear: both;
    margin: 15px 10px 0px 10px !important;
}

    #C\:eps4photos figure .eps4imgClose {
        margin-right: 15px;
    }

    #C\:eps4photos figure input {
        margin-top: -7px;
    }

    #C\:eps4photos figure .eps4imgClose,
    #C\:eps4photos figure .eps4imgValider {
        background-size: 20px;
    }

#C\:eps4photos .eps4configBtn span {
    width: 14em;
    text-align: center;
    margin: .5em auto;
    display: block;
}

#C\:eps4photos figure img {
    width: 100%;
    margin-bottom: 15px;
    cursor: pointer;
}

#C\:eps4photos figure .eps4settingError {
    margin-bottom: 14px;
}
/* Bouton d'ajout photo*/
span.ei_upload_btn {
    width: 127px;
    height: 34px;
}

#C\:eps4ModalAddPhoto span.ei_upload_btn input {
    opacity: 0;
    height: 34px;
}

/* Fix - DEVWP0-275 */
span.ei_upload_btn img {
    width: auto;
    height: 32px;
}

.eps4photoContainer {
    width: 320px;
    margin-bottom: 1em;
    margin-right: 1em;
    min-height: 10em;
    vertical-align: top;
    display: inline-block;
    border-radius: .4em;
    background: #fff;
}

    .eps4photoContainer figure label,
    .eps4photoContainer figure input {
        width: 230px;
        display: inline-block;
    }

.eps4galleryContainer {
    text-align: center;
    margin-top: 4%;
    position: relative;
    width: 100%;
    height: 85%;
}

    .eps4galleryContainer img {
        max-width: 80%;
        max-height: 100%;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        margin: auto;
        position: absolute;
    }

.eps4photoContainer .eps4configBtn {
    width: 90%;
    margin: 30px auto;
    display: block;
    border-top: .1434em solid rgba(164, 179, 189, 0.2);
}

    .eps4photoContainer .eps4configBtn .eps4btn {
        margin-right: .5em;
    }

#C\:eps4modalTitleInput {
    width: 25em;
    margin: 2em 0 2em 0;
}


/*Me Contacter*/


/*visu*/

#C\:eps4instructionsContainer table {
    width: 100%;
    table-layout: fixed;
}

    #C\:eps4instructionsContainer table tbody td {
        border-bottom: 0.0714em solid rgba(164, 179, 189, .2);
        border-collapse: collapse;
        height: 60px;
    }

    #C\:eps4instructionsContainer table td {
        line-height: 20px;
        vertical-align: top;
    }


/* Demenagement */

.eps4removalStep1 {
    background-image: url('../../../images/eps/removal/step1.png?v=b761225569');
}

.eps4removalStep2 {
    background-image: url('../../../images/eps/removal/step2.png?v=4f13e91ac9');
}

.eps4removalStep3 {
    background-image: url('../../../images/eps/removal/step3.png?v=f14b3b3d9b');
}

#C\:eps4removalDiv table {
    width: 100%;
}

#C\:eps4removalDiv > div > h3,
div.eps4welcomeForm > div > h3 {
    margin-bottom: 0.6em;
}

#C\:eps4removalMenu p {
    margin-left: 3em;
}

#C\:eps4removalMenu .eps4configBtn {
    display: flex;
    flex-direction: row;
    margin-top: 64px;
}

    #C\:eps4removalMenu .eps4configBtn .eps4leftCol {
        flex: 1;
    }

.eps4typeHabitatRadios .eps4Radio {
    display: inline-block;
}

.eps4typeHabitatRadios label {
    margin-right: 15px;
}

#C\:eps4removalContainer #C\:eps4newAddress .eps4dropdownTdContainer {
    padding-right: 14px;
}

#C\:eps4removalContainer #C\:eps4sumup .eps4wfWhiteCornerBorder table {
    width: 100%;
}

#C\:eps4removalContainer .eps4initialDate {
    margin-top: 15px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

#C\:eps4removalContainer .eps4summaryDetails {
    margin: 15px;
}

#C\:eps4removalContainer .eps4initialDate div {
    margin-left: 15px;
    margin-right: 15px;
}

#C\:eps4removalContainer .eps4noSlotDiv,
#C\:eps4removalContainer .eps4callbackDayLabel,
#C\:eps4removalContainer .eps4rdvDayLabel {
    margin-top: 15px;
    margin-bottom: 15px;
}

    #C\:eps4removalContainer .eps4callbackDayLabel::first-letter,
    #C\:eps4removalContainer .eps4rdvDayLabel::first-letter {
        text-transform: uppercase;
    }

#C\:eps4removalContainer #C\:eps4unmount .eps4wfWhiteCornerBorder {
    padding-top: 15px;
    padding-bottom: 15px;
}

#C\:eps4removalContainer #C\:eps4unmount .eps4notOnPlaceWrapper .eps4Radio {
    margin-top: 15px;
    margin-bottom: 15px;
}

#C\:eps4removalContainer .eps4noSlotDivWrapper .eps4removalCallbackDiv {
    margin-top: 15px;
    margin-bottom: 15px;
}

#C\:eps4removalContainer .eps4noSlotDivWrapper .eps4removalCallbackRow {
    display: flex;
    align-items: center;
}

#C\:eps4removalContainer .eps4noSlotDivWrapper .eps4removalCallbackRowDate input,
#C\:eps4removalContainer .eps4noSlotDivWrapper .eps4removalCallbackRowNumber .eps4wrapper-dropdown {
    margin-right: 10px;
    margin-left: 10px;
}

#C\:eps4removalContainer .eps4noSlotDivWrapper .eps4callbackTableOtherPhone {
    margin-left: 15px;
    width: auto;
    table-layout: auto;
}

#C\:eps4removalContainer .eps4noSlotDivWrapper .eps4prefixInput {
    width: 80px;
}


#C\:eps4relayTakeAppointment .eps4wfWhiteCornerBorder,
#C\:eps4relayConfirmAppointment .eps4wfWhiteCornerBorder,
#C\:eps4laydownTakeAppointment .eps4wfWhiteCornerBorder,
#C\:eps4laydownConfirmAppointment .eps4wfWhiteCornerBorder,
#C\:eps4laydownNoAppointment .eps4wfWhiteCornerBorder {
    padding-bottom: 5px;
}

    #C\:eps4relayTakeAppointment .eps4wfWhiteCornerBorder > p,
    #C\:eps4relayConfirmAppointment .eps4wfWhiteCornerBorder > p,
    #C\:eps4laydownTakeAppointment .eps4wfWhiteCornerBorder > p,
    #C\:eps4laydownConfirmAppointment .eps4wfWhiteCornerBorder > p,
    #C\:eps4laydownNoAppointment .eps4wfWhiteCornerBorder > p {
        margin-bottom: 10px;
    }

#C\:eps4removalContainer #C\:eps4newAddress input {
    min-width: 100%;
}

/* Step 2 : Offers */

#C\:eps4offers .eps4otherOffersToggle {
    cursor: pointer;
    display: inline-block;
    background-position: 96%;
    padding-right: 30px;
    text-decoration: underline;
    margin-top: 15px;
    margin-bottom: 10px;
}

#C\:eps4offers sup.eps4blue {
    font-weight: bold;
}

#C\:eps4removalContainer .eps4offerItem {
    margin-bottom: 25px;
}

#C\:eps4removalContainer .eps4offerTitle {
    display: flex;
    flex-direction: row;
    align-items: center;
}

    #C\:eps4removalContainer .eps4offerTitle .eps4offerLabel {
        flex: 1;
        display: inline-block;
        font-weight: 600 !important;
    }

    #C\:eps4removalContainer .eps4offerTitle .eps4offerPrice {
        font-size: 1.124em !important;
    }

        #C\:eps4removalContainer .eps4offerTitle .eps4offerPrice span {
            font-weight: bold;
        }

    #C\:eps4removalContainer .eps4offerTitle .eps4offerLabel label {
        font-size: 18px;
    }


#C\:eps4unmount .eps4onPlace {
    font-weight: bold;
}

    #C\:eps4unmount .eps4onPlace label {
        flex: 1;
    }

    #C\:eps4unmount .eps4onPlace label,
    #C\:eps4unmount .eps4notOnPlaceWrapper label {
        padding-left: 15px;
    }

.eps4otherOffersContainer.eps4hidden .eps4offerItem {
    display: none;
}

    .eps4otherOffersContainer.eps4hidden .eps4offerItem.eps4selected {
        display: block;
    }

.eps4offerInfo ul,
ul.eps4offerInfo {
    padding-left: 2.5em;
}

.eps4offerInfo li:first-letter {
    text-transform: capitalize;
}

.eps4offerInfo li {
    list-style: disc;
}


/* Step 6 : Taken Over : Know Buyer */

#C\:eps4removalTakenOver h4 {
    margin-bottom: 1em;
}

#C\:eps4layDown p,
#C\:eps4layDown input {
    margin-left: 2em;
    margin-top: 1em;
}


/*===================================================================*/


/*===================================================================*/


/* Removal */

.eps4service {
    background: none !important;
    width: 100%;
    color: #fff !important;
    line-height: 0pt;
    margin: auto;
    text-align: center;
    margin-bottom: 150px;
}

#C\:eps4noEligible {
    height: 900px;
    margin: auto;
}

.eps4removalTitle {
    background: none !important;
    width: 100%;
    text-align: center;
    padding: 0 !important;
    margin-bottom: 2em !important;
}

    .eps4removalTitle h1 {
        margin-top: 0 !important;
    }

    .eps4removalTitle .eps4row {
        margin-top: 0 !important;
    }

    .eps4removalTitle .eps4row {
        margin-bottom: 0em;
        width: 510px;
    }

        .eps4removalTitle .eps4row .eps4icn {
            display: inline-block;
            padding: 0;
            margin: 0 3em;
            background-size: 80%;
            opacity: 0.5;
        }

#C\:eps4relayAppointment .eps4settingInfo,
#C\:eps4layDownAppointment .eps4settingInfo {
    position: relative !important;
}

.eps4appointmentPictoMonth {
    width: 74px;
    height: 24px;
    line-height: 24px;
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    text-align: center;
    background: #34495e;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.eps4appointmentPictoDay {
    width: 74px;
    height: 50px;
    color: #34495e;
    text-align: center;
    line-height: 50px;
    font-weight: 500;
    font-size: 30px;
    background: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

#C\:eps4CallbackPhonedropdown {
    width: 11em;
}



#C\:eps4callbackData table {
    width: 70%;
    table-layout: fixed;
}

#C\:eps4removalRelayCallbackDiv table {
    width: 50%;
    table-layout: fixed;
}

.eps4vsPhoneTable {
    width: 82% !important;
    table-layout: fixed !important;
    margin: 0 !important;
}

    .eps4vsPhoneTable input {
        float: left;
        width: 100% !important;
    }

.eps4phoneTable {
    width: 89% !important;
    table-layout: fixed !important;
    margin: 0 !important;
}

#C\:eps4mailingAddress input {
    width: 100%;
}

#C\:eps4newCoords .eps4Radio {
    display: inline-block;
    margin-right: 15px;
}

#C\:eps4rdvSummary p span {
    font-weight: bold;
}


/*-------------*/


/*--- Transverse ---*/


/*-------------*/

#C\:eps4transverse {
    width: 983px;
    margin: auto;
    min-height: 653px;
    background: #fff;
    text-align: center;
}

    #C\:eps4transverse.eps4applications {
        min-height: auto;
    }

        #C\:eps4transverse.eps4applications h3 {
            padding-top: 20px;
        }

    #C\:eps4transverse h3 {
        padding-top: 80px;
        padding-bottom: 30px;
    }

    #C\:eps4transverse h4 {
        font-size: 17px;
        font-weight: 500;
        padding-top: 10px;
        padding-bottom: 15px;
    }

    #C\:eps4transverse p {
        font-size: 15px;
    }

.eps4PDFexport {
    width: 12em;
    cursor: pointer;
    margin-top: 2em;
    padding: .5em 2em;
    border-radius: .3em;
    margin: 2em auto 0em auto;
    transition: .5s;
    margin: 2em auto;
}

    .eps4PDFexport a {
        text-decoration: none !important;
    }


/* Applications Smartphone */

.eps4link {
    width: 140px;
    height: 152px;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    margin: 60px 30px 60px 30px;
}

.eps4applicationLogo {
    width: 100px;
    height: 100px;
    display: inline-block;
}


/* Contacter */

.eps4logoCoordonees {
    margin-bottom: 25px;
}

.eps4formulaire {
    margin-left: 12em;
    margin-right: 12em;
}

.eps4formulaire,
.bloctxt {
    text-align: left;
}

ei_tpl_contener {
    padding-bottom: 2em;
}

.eps4formulaire input,
.eps4formulaire textarea {
    width: 100%;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.eps4formulaire .message {
    min-height: 100px;
}

.eps4coordonees {
    vertical-align: top;
    margin-bottom: 100px;
    display: inline-block;
}

    .eps4coordonees.tel {
        width: 370px;
        margin-right: 50px;
    }

/* --------------------*/


/*-- Publicite -- */


/*-------------*/

.eps4pubWrapper {
    width: 1024px;
    min-height: 240px;
    height: 100%;
    padding-bottom: 10em;
    padding-top: 3.585em;
    margin: 0em auto 0em auto;
}

.eps4pubTitre h1 {
    color: #fff;
    font-weight: 400 !important;
    text-align: center;
    margin-bottom: 7em;
}

#C\:eps4transverse.eps4pubText,
.eps4pubText {
    width: 1024px;
    border-radius: .4em;
    text-align: justify;
    padding: 50px 0;
    box-shadow: -.2em 0em 1em rgba(0, 0, 0, .05);
    border: 0.063em solid;
    border-color: rgba(213, 221, 224, .1);
    background: #fff;
}

#C\:eps4transverse.eps4pubText {
    min-height: auto;
    margin-top: 50px;
    position: absolute;
    left: 0px;
    right: 0px;
}

    .eps4pubText p,
    #C\:eps4transverse.eps4pubText h4,
    #C\:eps4transverse.eps4pubText h3,
    .eps4pubText h4 {
        padding: 0 50px;
    }

        .eps4pubText p span {
            font-size: 12px;
        }

.eps4pubText a {
    color: inherit;
}


/*-- Images -- */


.eps4pubContent:last-child {
    background-repeat: no-repeat;
}

.eps4iconSecurity {
    background-image: url('../../../images/eps/welcomepack/house.png?v=b761225569');
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: 100%;
}

.eps4iconPerson {
    background-image: url('../../../images/eps/welcomepack/confiance.png?v=2.090');
    background-repeat: no-repeat;
    background-position: 50% 100%;
}

.eps4iconContact {
    background: url('../../../images/eps/welcomepack/contact.png?v=2.090');
    background-repeat: no-repeat;
    background-position: 50% 100%;
}

.eps4iconTakenOver {
    background-image: url('../../../images/eps/removal/reprise.png?v=2.090');
    background-repeat: no-repeat;
    background-position: 50% 100%;
}

.eps4iconLayDown {
    background-image: url('../../../images/eps/removal/desinstallation.png?v=2.090');
    background-repeat: no-repeat;
    background-position: 50% 100%;
}

.eps4iconRelay {
    background-image: url('../../../images/eps/removal/installation.png?v=2.090');
    background-repeat: no-repeat;
    background-position: 50% 100%;
}


/*Accueil*/
#C\:eps4AlertArrowRight {
    position: absolute;
    right: 5px;
    top: 275px;
    border: solid #d2220f !important;
    border-width: 0px 2px 2px 0px !important;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-right: 6px;
}

    #C\:eps4SecurityTile .eps4widgetBottom.eps4widgetBottomAlert h2 {
        margin-bottom: 6.5px;
    }

    #C\:eps4FireTile .eps4widgetBottom.eps4widgetBottomAlert h2 {
        margin-bottom: 6.5px;
    }

#C\:eps4FireTile.eps4widgetAdvertisement {
    background-image: url('../../../images/eps/accueil/widget/pub_fire.png?v=810a16dd4e');
    background-repeat: no-repeat;
    background-position: center;
}

#C\:eps4WaterTile.eps4widgetAdvertisement {
    background-image: url('../../../images/eps/accueil/widget/pub_water.png?v=03c4f78301');
    background-repeat: no-repeat;
    background-position: center;
}

    #C\:eps4WaterTile .eps4widgetBottom.eps4widgetBottomAlert p {
        margin-bottom: 0.2em;
    }

#C\:eps4TemperatureTile.eps4widgetAdvertisement {
    background-repeat: no-repeat;
    background-position: center;
}

    #C\:eps4TemperatureTile.eps4widgetAdvertisement.eps4advertisementPart {
        background-image: url('../../../images/eps/accueil/widget/pub_temperature.png?v=eaa4fa3b0b');
    }

    #C\:eps4TemperatureTile.eps4widgetAdvertisement.eps4advertisementPro {
        background-image: url('../../../images/eps/accueil/widget/pub_temperature_pros.jpg?v=73afbbea87');
    }

#C\:eps4CarbonTile.eps4widgetAdvertisement {
    background-image: url('../../../images/eps/accueil/widget/pub_carbon.png?v=d55e9471c7');
    background-repeat: no-repeat;
    background-position: center;
}

#C\:eps4CarbonTile .eps4widgetCoRate {
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 9px;
}

#C\:eps4VideoTile.eps4widgetAdvertisement {
    background-image: url('../../../images/eps/accueil/widget/pub_webcam.png?v=002cbe54b5');
    background-repeat: no-repeat;
    background-position: center;
}

.eps4iconFire {
    background-image: url('../../../images/eps/accueil/widget/fire.png?v=886112d1c2');
    background-repeat: no-repeat;
    background-position: 50% 100%;
}

.eps4iconCarbon {
    background-image: url('../../../images/eps/accueil/widget/carbon.png?v=1c0ac22f78');
    background-repeat: no-repeat;
    background-position: 50% 100%;
}

.eps4iconTemperature {
    background-image: url('../../../images/eps/accueil/widget/thermometer.png?v=01bea69a43');
    background-repeat: no-repeat;
    background-position: 50% 100%;
}

.eps4iconWater {
    background-image: url('../../../images/eps/accueil/widget/water.png?v=1baf2b8ab5');
    background-repeat: no-repeat;
    background-position: 50% 100%;
}

.eps4iconWaterOff {
    background-image: url('../../../images/eps/accueil/widget/water_off.png?v=29d19f3b78');
    background-repeat: no-repeat;
    background-position: 50% 100%;
}

.eps4iconVideo {
    background-image: url('../../../images/eps/accueil/widget/webcam.png?v=9eca4e5e4a');
    background-repeat: no-repeat;
    background-position: 50% 100%;
}

.eps4iconVideoOff {
    background-image: url('../../../images/eps/accueil/widget/webcamOff.png?v=f1c42f63be');
    background-repeat: no-repeat;
    background-position: 50% 100%;
}

.eps4iconShutter {
    background-image: url('../../../images/eps/accueil/widget/rideaux_ouverts.png?v=3edf20ead4');
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: 100%;
}

.eps4iconShutterOpen {
    background-image: url('../../../images/eps/accueil/widget/rideaux_ouverts.png?v=3edf20ead4');
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: 100%;
}

.eps4iconShutterClose {
    background-image: url('../../../images/eps/accueil/widget/rideaux_fermes.png?v=f6f6c80696');
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: 100%;
}

.eps4iconShutterPartiallyClose {
    background-image: url('../../../images/eps/accueil/widget/rideaux_partiel.png?v=9b1752eda3');
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: 100%;
}

.eps4iconLoader {
    background-image: url('../../../images/eps/transverse/loader.gif?v=1b04bda465');
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: 100%;
}

.eps4lowWi-Fi,
.eps4middleWi-Fi,
.eps4highWi-Fi,
.eps4imgBattery,
.eps4imgAlert,
.eps4imgWi-Fi,
.eps4imgTest,
.eps4imgBreak,
.eps4imgHealth,
.eps4imgPlay,
.eps4imgPause {
    width: 46px;
    height: 27px;
    margin: 0 auto .25em auto;
    background-repeat: no-repeat;
    background-position: center;
}

.eps4imgBattery {
    background-image: url('../../../images/eps/accueil/widget/batterie.png?v=b5e07ea858');
}

.eps4imgAlert {
    background-image: url('../../../images/eps/accueil/widget/alertG.png?v=d449e3488b');
}

.eps4imgTest {
    background-image: url('../../../images/eps/accueil/widget/test.png?v=a748e717cf');
}

.eps4imgBreak {
    background-image: url('../../../images/eps/accueil/widget/electrique.png?v=ab62adaacc');
}

.eps4imgHealth {
    background-image: url('../../../images/eps/accueil/widget/soin.png?v=80b82b9324');
}

.eps4imgPlay {
    background-image: url('../../../images/eps/accueil/widget/play.png?v=8248028dca');
}

.eps4imgPause {
    background-image: url('../../../images/eps/accueil/widget/pause.png?v=720f1e3b89');
}

.eps4imgWi-Fi {
    background-image: url('../../../images/eps/accueil/widget/wi-fi.png?v=878d3485a6');
}

.eps4imgWi-Fi,
.eps4lowWi-Fi {
    background-image: url('../../../images/eps/configuration/low.png?v=2.090');
}

.eps4imgWi-Fi,
.eps4middleWi-Fi {
    background-image: url('../../../images/eps/configuration/middle.png?v=2.090');
}

.eps4imgWi-Fi,
.eps4highWi-Fi {
    background-image: url('../../../images/eps/configuration/high.png?v=2.090');
}

.eps4chartLeft.eps4meteoClear {
    background-image: url('../../../images/eps/accueil/meteo/background/nuage.jpg?v=450373f059');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}

.eps4chartLeft.eps4meteoCloud {
    background-image: url('../../../images/eps/accueil/meteo/background/gris.png?v=3051750203');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}

.eps4chartLeft.eps4meteoNight {
    background-image: url('../../../images/eps/accueil/meteo/background/night.png?v=90705043cc');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}

.eps4wheelWhite {
    width: 30px;
    height: 30px;
    background-image: url('../../../images/eps/transverse/blanc/parametre.png?v=fb75470ca4');
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: bottom;
}

.eps4wheelGrey {
    width: 30px;
    height: 30px;
    background-image: url('../../../images/eps/transverse/gris/parametre.png?v=57cbe05622');
    background-repeat: no-repeat;
    background-position: center;
}

.eps4icnAstuce {
    width: 30px;
    height: 30px;
    display: inline-block;
    cursor: pointer;
    background-image: url('../../../images/eps/accueil/meteo/icones/astuces.png?v=9a6b6e0075');
    background-repeat: no-repeat;
    background-position: center;
}

.eps4icnCurve {
    width: 30px;
    height: 30px;
    background-image: url('../../../images/eps/transverse/gris/courbe.png?v=0d53ad9efa');
    background-repeat: no-repeat;
    background-position: center;
}

.eps4icnHistogramHistoric {
    width: 75px;
    height: 45px;
    background-image: url('../../../images/eps/transverse/gris/histo_historique.png?v=8d004ebbb8');
    background-repeat: no-repeat;
    background-position: center;
}

.eps4icnHistogram {
    width: 30px;
    height: 30px;
    background-image: url('../../../images/eps/transverse/gris/histo.png?v=092203cc4f');
    background-repeat: no-repeat;
    background-position: center;
    margin: 0.5em;
}

.eps4icnHistogramWeek {
    width: 56px;
    height: 37px;
    background-image: url('../../../images/eps/transverse/gris/histo_semaine.png?v=b7cf72e52f');
    background-repeat: no-repeat;
    background-position: center;
}

/*icone Meteo */
#C\:eps4icnMeteo {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.eps4snow#C\:eps4icnMeteo {
    background-image: url('../../../images/eps/accueil/meteo/icones/neige.png?v=72eed48a41');
    height: 63px;
    width: 63px;
}

.eps4partialy_cloud#C\:eps4icnMeteo {
    background-image: url('../../../images/eps/accueil/meteo/icones/nuageux.png?v=fafdcc2047');
    height: 72px;
    width: 72px;
}

.eps4storm#C\:eps4icnMeteo {
    background-image: url('../../../images/eps/accueil/meteo/icones/orage.png?v=a2990f8582');
    height: 63px;
    width: 63px;
}

.eps4cloud#C\:eps4icnMeteo {
    background-image: url('../../../images/eps/accueil/meteo/icones/nuage.png?v=ac19770186');
    height: 71px;
    width: 71px;
}

.eps4rain#C\:eps4icnMeteo {
    background-image: url('../../../images/eps/accueil/meteo/icones/pluie.png?v=ef5ae87d7b');
    height: 63px;
    width: 63px;
}

.eps4sun#C\:eps4icnMeteo {
    background-image: url('../../../images/eps/accueil/meteo/icones/soleil.png?v=cc5630bdb6');
    height: 62px;
    width: 62px;
}

.eps4moon#C\:eps4icnMeteo {
    background-image: url('../../../images/eps/accueil/meteo/icones/lune.png?v=0a66e96490');
    height: 47px;
    width: 47px;
}

.eps4moon_cloud#C\:eps4icnMeteo {
    background-image: url('../../../images/eps/accueil/meteo/icones/lune+nuages.png?v=615e0c193d');
    height: 63px;
    width: 63px;
}


/*legende*/

.eps4legendHighChartCurve,
.eps4legendHighChartCurveWater {
    width: 60px;
    height: 35px;
    background-image: url('../../../images/eps/accueil/meteo/highcharts/legende_xav.png?v=1be2e457a0');
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 2.7em;
}

.eps4lblLegend1 {
    height: 45px;
}

.eps4lblLegend2 {
    width: 150px;
}


/*Timeline*/

#ei_tpl_contener .eps4nothingTimeline h2,
#C\:eps4timeContainer .eps4date h4 {
    color: #fff;
}

.eps4TimelineBloc a {
    text-decoration: none !important;
}

#C\:eps4timeContainer,
#C\:eps4recordsContainer {
    min-width: 1024px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}

.eps4expanderPlus {
    width: 30px;
    height: 30px;
    background-image: url('../../../images/eps/transverse/gris/plus.png?v=16965cb1ed');
    background-repeat: no-repeat;
    background-position: center;
}

.eps4expanderMinus {
    width: 30px;
    height: 30px;
    display: none;
    background-image: url('../../../images/eps/transverse/gris/minus.png?v=7f0fee3763');
    background-repeat: no-repeat;
    background-position: center;
}

.eps4timePdfLine {
    color: #7e93a1;
    width: 6.5em;
    margin-right: .5em;
    padding-left: 1em;
    text-decoration: none !important;
    background-color: rgb(255, 255, 255);
    background-image: url('../../../images/eps/transverse/gris/pdf.png?v=2e2880b4f1');
    background-repeat: no-repeat;
    background-position: 5% 50%, 95% 50%;
}

    .eps4timePdfLine:hover {
        background-color: rgb(245, 245, 245);
        text-decoration: none;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
        transition: .5s;
    }

#C\:eps4timeRefreshLine {
    width: 2.0793em;
    height: 2.3661em;
    background-image: url('../../../images/eps/journal/refresh.png?v=861685a2a2');
    background-repeat: no-repeat;
    background-position: center;
}

#timeRefreshLineWrapper #C\:eps4timeRefreshLine {
    margin-right: 0;
}

#C\:eps4timeContainer .video-js {
    width: 320px;
    height: 240px;
    margin: auto;
}

.video-js .eps4settingError p {
    color: #fff;
}

.eps4galleryItem li {
    position: relative;
}

.eps4media {
    width: 320px;
    min-height: 240px;
    margin: auto;
}

.eps4videoItem {
    pointer-events: all;
}

.eps4mediaInformation {
    width: 100%;
}

.vjs_video_3-dimensions.vjs-fluid {
    padding-top: 0;
}

.eps4videoItem .eps4settingError {
    display: none;
    position: absolute;
    top: 30px;
    left: 10px;
    right: 10px;
    margin: auto;
}

.eps4videoItem .eps4settingError {
    color: white;
}

.eps4timelineAppointmentIcon {
    width: 40px;
    height: 40px;
    background-image: url('../../../images/eps/journal/bulles.png?v=afce083fd8');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}

.eps4timelineAlertIcon {
    width: 40px;
    height: 40px;
    background-image: url('../../../images/eps/journal/alert_icns.png?v=9f5df80dde');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}

.eps4timelinePrivateModeIcon {
    width: 40px;
    height: 40px;
    background-image: url('../../../images/eps/journal/privateMode_icns.png?v=a71c292d87');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}

.eps4timelineSdCardVideoIcon {
    width: 40px;
    height: 40px;
    background-image: url('../../../images/eps/journal/sdCardVideo_icns.png?v=a71c292d87');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}

.eps4timelineNotifIcon {
    width: 40px;
    height: 40px;
    background-image: url('../../../images/eps/journal/notif_icns.png?v=d4d848cb3c');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}

.eps4timelineWaterNotifIcon {
    width: 40px;
    height: 40px;
    background-image: url('../../../images/eps/journal/waternotif_icns.png?v=68e329b9ad');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}

.eps4timelineIPIcon {
    width: 40px;
    height: 40px;
    background-image: url('../../../images/eps/journal/timelineIP.png?v=7be6c9671e');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}

.eps4timelineShutterEventIcon {
    width: 40px;
    height: 40px;
    background-image: url('../../../images/eps/journal/shutter_icns.png?v=e661e5672e');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}

.eps4timelineShutterOpenIcon {
    width: 40px;
    height: 40px;
    /* TODO MP: Jira2803 - Intégration de La Toulousaine: Mettre bonne image */
    background-image: url('../../../images/eps/journal/event_icns.png?v=bcdbf7ea5a');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}

.eps4timelineShutterCloseIcon {
    width: 40px;
    height: 40px;
    /* TODO MP: Jira2803 - Intégration de La Toulousaine: Mettre bonne image */
    background-image: url('../../../images/eps/journal/event_icns.png?v=bcdbf7ea5a');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}

.eps4timelineEventIcon {
    width: 40px;
    height: 40px;
    background-image: url('../../../images/eps/journal/event_icns.png?v=bcdbf7ea5a');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}

.eps4timelineBulles {
    width: 40px;
    height: 40px;
    background-image: url('../../../images/eps/journal/bulles.png?v=afce083fd8');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}

.eps4timelineAlertSecu, .eps4timelineOpeningDetectionAlert, .eps4timelineMoveDetectionAlert,
.eps4timelineMoveDetectionPhotoAlert, .eps4timelineUserAlert, .eps4timelineKeyboardAlert, .eps4timelineRemoteAlert {
    width: 57px;
    height: 57px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 37px;
}

.eps4timelineAlertSecu {
    background-image: url('../../../images/eps/journal/alert_security_white.png?v=b9c9a56c3f');
}
.eps4timelineOpeningDetectionAlert {
    background-image: url('../../../images/eps/journal/alert_opening_detection.png?v=b9c9a56c3f');
}
.eps4timelineMoveDetectionAlert {
    background-image: url('../../../images/eps/journal/alert_move_detection.png?v=b9c9a56c3f');
}
.eps4timelineMoveDetectionPhotoAlert {
    background-image: url('../../../images/eps/journal/alert_move_detection_photo.png?v=b9c9a56c3f');
}
.eps4timelineUserAlert {
    background-image: url('../../../images/eps/journal/alert_user.png?v=b9c9a56c3f');
}
.eps4timelineKeyboardAlert {
    background-image: url('../../../images/eps/journal/alert_keyboard.png?v=b9c9a56c3f');
}
.eps4timelineRemoteAlert {
    background-image: url('../../../images/eps/journal/alert_remote_control.png?v=b9c9a56c3f');
}

.eps4defectAlert, .eps4defectResolution {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}

.eps4timelinePrivateModeLiveOn {
    width: 57px;
    height: 57px;
    background-image: url('../../../images/eps/journal/privateModeLiveOn.png?v=ff892f5186');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.eps4timelinePrivateModeLiveOff {
    width: 57px;
    height: 57px;
    background-image: url('../../../images/eps/journal/privateModeLiveOff.png?v=5b0ad8dfba');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.eps4timelinePrivateModeSoundOn {
    width: 57px;
    height: 57px;
    background-image: url('../../../images/eps/journal/privateModeSoundOn.png?v=f3ee76b74f');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.eps4timelinePrivateModeSoundOff {
    width: 57px;
    height: 57px;
    background-image: url('../../../images/eps/journal/privateModeSoundOff.png?v=6bc080ae30');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.eps4timelineSdCardVideoDownload {
    width: 57px;
    height: 57px;
    margin-top: 12px;
    background-image: url('../../../images/eps/journal/sdCardVideoDownload.png?v=ff892f5186');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.eps4timelineAlertIP {
    width: 57px;
    height: 57px;
    background-image: url('../../../images/eps/journal/alertIP.png?v=57a67c83bc');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 37px;
}

.eps4timelineFire {
    width: 57px;
    height: 57px;
    background-image: url('../../../images/eps/journal/flamme.png?v=96876358bb');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 37px;
}

.eps4timelineCarbonAlert {
    width: 57px;
    height: 57px;
    background-image: url('../../../images/eps/journal/alert_carbon.png?v=824fe768a2');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 37px;
}

.eps4timelineWater {
    width: 57px;
    height: 57px;
    background-image: url('../../../images/eps/accueil/widget/water.png?v=1baf2b8ab5');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 37px;
}

.eps4timelineIpBack {
    width: 57px;
    height: 57px;
    background-image: url('../../../images/eps/journal/ipBack.png?v=11270e8330');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 37px;
}

.eps4timelineIpLoose {
    width: 57px;
    height: 57px;
    background-image: url('../../../images/eps/journal/ipLoose.png?v=5b569515d6');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 37px;
}

.eps4timelineWaterOff {
    width: 57px;
    height: 57px;
    background-image: url('../../../images/eps/accueil/widget/water_off.png?v=29d19f3b78');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 37px;
}

.eps4timelineWaterAlert {
    width: 57px;
    height: 57px;
    background-image: url('../../../images/eps/journal/waterTimeline.png?v=5248ac19da');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 37px;
}

.eps4timelineWaterPlay {
    width: 57px;
    height: 57px;
    background-image: url('../../../images/eps/journal/waterPlay.png?v=d546911f76');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 37px;
}

.eps4timelineWaterPause {
    width: 57px;
    height: 57px;
    background-image: url('../../../images/eps/journal/waterPause.png?v=a5a7a3ed51');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 37px;
}

.eps4timelineUser {
    width: 57px;
    height: 57px;
    margin-top: 12px;
    background-image: url('../../../images/eps/journal/user.png?v=beb1994189');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.eps4timelineShutterAlert {
    width: 57px;
    height: 57px;
    /*margin-top: 12px;*/
    background-image: url('../../../images/eps/journal/shutter_alert.png?v=7e6fedc4cc');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80px 80px;
}

.eps4timelineShutterOpening {
    width: 57px;
    height: 57px;
    background-image: url('../../../images/eps/journal/shutter_opening.png?v=57ab099317');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.eps4timelineShutterClosing {
    width: 57px;
    height: 57px;
    background-image: url('../../../images/eps/journal/shutter_closing.png?v=28f7b9dc5c');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.eps4timelineCalendarActive {
    width: 57px;
    height: 57px;
    background-image: url('../../../images/eps/journal/alarm_schedule_active.png?v=5adceed89e');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.eps4timelineCalendarInactive {
    width: 57px;
    height: 57px;
    background-image: url('../../../images/eps/journal/alarm_schedule_inactive.png?v=7b09ae1015');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.eps4timelineDefectAlert, .eps4timelineDefectInfo, .eps4timelineDefectResolved {
    width: 57px;
    height: 57px;    
    background-repeat: no-repeat;
    background-position: center;
    background-size: 37px;
}

.eps4timelineGotoArrow {
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-image: url('../../../images/eps/transverse/gris/droite.png?v=806a7c870f');
    background-repeat: no-repeat;
    background-position: center;
}

.eps4timelineGotoArrowWhite {
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-image: url('../../../images/eps/transverse/blanc/droite.png?v=9303ca0828');
    background-repeat: no-repeat;
    background-position: center;
}

.eps4timelineDetailLoader,
.eps4timelineDetailLoader .eps4LoaderGIF {
    width: 30px;
    height: 30px;
}

    .eps4timelineDetailLoader .eps4LoaderGIF {
        background-size: contain;
    }

.eps4timelinePlus {
    width: 30px;
    height: 30px;
    background-image: url('../../../images/eps/transverse/gris/plus.png?v=16965cb1ed');
    background-repeat: no-repeat;
    background-position: center;
}

.eps4timelineMinus {
    width: 30px;
    height: 30px;
    background-image: url('../../../images/eps/transverse/gris/minus.png?v=7f0fee3763');
    background-repeat: no-repeat;
    background-position: center;
}

.eps4timelineWelcome {
    width: 95px;
    height: 85px;
    background-image: url('../../../images/eps/journal/welcome.png?v=51378adc8e');
    background-repeat: no-repeat;
    background-position: center;
}

.eps4timelineDelete {
    width: 1.1472em;
    height: 1.5774em;
    cursor: pointer;
    margin-right: 16px;
    background-image: url(../../../images/eps/transverse/rouge/delete.png?v=ae29f74d15);
    background-repeat: no-repeat;
    background-position: center;
}

    /* Fix - DEVWP0-305 */
    .eps4timelineDelete:hover {
        /* background-image: url(../../../images/eps/transverse/rouge/delete_hover.png?v=c5ec11a2b3);
        background-repeat: no-repeat;
        background-position: center;*/
        opacity: .7;
    }

.eps4light {
    width: 35px;
    height: 35px;
    background-image: url('../../../images/eps/accueil/video/diode.png?v=d06234ed76');
    background-repeat: no-repeat;
    background-position: center;
}

    .eps4light.eps4off {
        background-image: url('../../../images/eps/accueil/video/diodeOff.png?v=a36460f861');
    }

    .eps4light.eps4loading {
        opacity: 0.6;
        cursor: wait;
    }

.eps4lightToggle .eps4toggleWidget {
    height: 35px;
}

.eps4lightToggle .eps4light {
    display: block;
}

.eps4sound {
    width: 35px;
    height: 35px;
    background-image: url('../../../images/eps/accueil/video/son.png?v=50f316ee43');
    background-repeat: no-repeat;
    background-position: center;
}

    .eps4sound.eps4off {
        background-image: url('../../../images/eps/accueil/video/sonOff.png?v=189154b8b8');
    }

.eps4light.eps4off {
    background-image: url('../../../images/eps/accueil/video/diodeOff.png?v=a36460f861');
}

.eps4pan {
    width: 60px;
    height: 60px;
    background-image: url('../../../images/eps/accueil/video/horizontal.png?v=4230d8fc45');
    background-repeat: no-repeat;
    background-position: center;
}

.eps4tilt {
    width: 60px;
    height: 60px;
    background-image: url('../../../images/eps/accueil/video/vertical.png?v=7c46371a5f');
    background-repeat: no-repeat;
    background-position: center;
}

.eps4left {
    width: 30px;
    height: 30px;
    background-image: url('../../../images/eps/transverse/gris/gauche.png?v=ec1174970c');
    background-repeat: no-repeat;
    background-position: center;
}

.eps4right {
    width: 30px;
    height: 30px;
    background-image: url('../../../images/eps/transverse/gris/droite.png?v=806a7c870f');
    background-repeat: no-repeat;
    background-position: center;
}

.eps4up {
    width: 30px;
    height: 30px;
    background-image: url('../../../images/eps/transverse/gris/haut.png?v=ffc2e05699');
    background-repeat: no-repeat;
    background-position: center;
}

.eps4down {
    width: 30px;
    height: 30px;
    background-image: url('../../../images/eps/transverse/gris/bas.png?v=018b17b0c7');
    background-repeat: no-repeat;
    background-position: center;
}

.eps4zoomIn {
    width: 30px;
    height: 30px;
    background-image: url('../../../images/eps/transverse/gris/plus.png?v=16965cb1ed');
    background-repeat: no-repeat;
    background-position: center;
}

.eps4zoomOut {
    width: 30px;
    height: 30px;
    background-image: url('../../../images/eps/transverse/gris/minus.png?v=7f0fee3763');
    background-repeat: no-repeat;
    background-position: center;
}

.eps4galleryClose {
    width: 75px;
    height: 75px;
    background-image: url('../../../images/eps/transverse/rouge/droite.png?v=6fc814c5fe');
    background-repeat: no-repeat;
    background-position: center;
}

.eps4galleryNext {
    width: 75px;
    height: 75px;
    background-image: url('../../../images/eps/transverse/rouge/droite.png?v=6fc814c5fe');
    background-repeat: no-repeat;
    background-position: center;
}

.eps4galleryPrevious {
    width: 75px;
    height: 75px;
    background-image: url('../../../images/eps/transverse/rouge/gauche.png?v=ea876c0b7d');
    background-repeat: no-repeat;
    background-position: center;
}


/*Parametres*/

.eps4settingError {
    background-image: url(../../../images/eps/transverse/error.png?v=61a51c6dbe);
    background-repeat: no-repeat;
    background-position: 7px 50%;
}

.eps4settingInfo {
    background-color: #f6f8f9;
    background-image: url(../../../images/eps/transverse/gris/check.png?v=70546e8b7a);
    background-repeat: no-repeat;
    background-position: 1% 50%;
}

.eps4imgUnlock {
    min-width: 22px;
    height: 24px;
    cursor: pointer;
    background-image: url(../../../images/eps/transverse/gris/unlock.png?v=28ed586115);
    background-repeat: no-repeat;
    background-position: center;
}

    .eps4imgUnlock:hover {
        background-image: url(../../../images/eps/transverse/gris/unlock_hover.png?v=92ccf78801);
        background-repeat: no-repeat;
        background-position: center;
    }

.eps4imgLock {
    min-width: 22px;
    height: 24px;
    float: right;
    cursor: pointer;
    background-image: url(../../../images/eps/transverse/rouge/lock.png?v=9b268a8637);
    background-repeat: no-repeat;
    background-position: center;
}

    .eps4imgLock:hover {
        background-image: url(../../../images/eps/transverse/rouge/lock_hover.png?v=4c5935c2b2);
        background-repeat: no-repeat;
        background-position: center;
    }

.back {
    background-image: url(../../../images/eps/transverse/gris/back.png?v=058cfc9d49);
    background-repeat: no-repeat;
    background-position: 20% 50%;
}

    .back:hover {
        background-image: url(../../../images/eps/transverse/gris/back_hover.png?v=9d4498fbe8);
        background-repeat: no-repeat;
        background-position: 20% 50%;
    }

.nextBtn {
    background-image: url(../../../images/eps/welcomepack/suivant.png?v=d792f863d3);
    background-repeat: no-repeat;
    background-position: 20% 50%;
}

.prevBtn {
    background-image: url(../../../images/eps/welcomepack/precedent.png?v=7d77891e52);
    background-repeat: no-repeat;
    background-position: 20% 50%;
}

    .prevBtn:hover {
        background-image: url(../../../images/eps/welcomepack/hover_precedent.png?v=2d7df0496e);
        background-repeat: no-repeat;
        background-position: 20% 50%;
    }

.eps4settingSmoke {
    width: 100%;
    height: 82px;
    background-image: url('../../../images/eps/configuration/smoke.png?v=886112d1c2');
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.eps4settingIconAlarm {
    width: 100%;
    height: 82px;
    background-image: url(../../../images/eps/configuration/alarm.png?v=e794696cf2);
    background-repeat: no-repeat;
    background-position: center;
}

.eps4settingIconDefect {
    width: 100%;
    height: 82px;
    background-image: url(../../../images/eps/configuration/defect.svg?v=03e880bfd4);
    background-repeat: no-repeat;
    background-position: center;
}

.eps4settingIconIP {
    width: 100%;
    height: 82px;
    background-image: url(../../../images/eps/configuration/liaison.png?v=f6ee81a8a5);
    background-repeat: no-repeat;
    background-position: center;
}

.eps4settingIconUser {
    width: 100%;
    height: 82px;
    background-image: url(../../../images/eps/configuration/user.png?v=beb1994189);
    background-repeat: no-repeat;
    background-position: center;
}

.eps4settingIconPhone {
    width: 100%;
    height: 83px;
    background-image: url(../../../images/eps/configuration/phone.png?v=6b8c85199c);
    background-repeat: no-repeat;
    background-position: center;
}

.eps4settingIconRemote {
    width: 100%;
    height: 82px;
    background-image: url(../../../images/eps/configuration/remote.png?v=21d9418652);
    background-repeat: no-repeat;
    background-position: center;
}

.eps4settingIconWater {
    width: 100%;
    height: 82px;
    background-image: url(../../../images/eps/configuration/valve.png?v=e5d9e5ced0);
    background-repeat: no-repeat;
    background-position: center;
}

.eps4settingIconCarbon {
    width: 100%;
    height: 85px;
    background-image: url(../../../images/eps/configuration/carbon.png?v=1c0ac22f78);
    background-repeat: no-repeat;
    background-position: center;
}

.eps4settingIconTemperature {
    width: 100%;
    height: 82px;
    background-image: url(../../../images/eps/configuration/temperature.png?v=01bea69a43);
    background-repeat: no-repeat;
    background-position: center;
}

.eps4settingIconFreeze {
    width: 100%;
    height: 82px;
    background-image: url(../../../images/eps/configuration/freeze.png?v=5b6abe8517);
    background-repeat: no-repeat;
    background-position: center;
}

.eps4settingIconVideo {
    width: 100%;
    height: 82px;
    background-image: url(../../../images/eps/configuration/camera.png?v=9f3bae88a4);
    background-repeat: no-repeat;
    background-position: center;
}

.eps4settingIconShutter {
    width: 100%;
    height: 82px;
    background: url(../../../images/eps/configuration/shutter.png?v=b65224ad34);
    background-repeat: no-repeat;
    background-position: center;
}

.eps4settingIconTileOrder {
    width: 100%;
    height: 82px;
    background-image: url(../../../images/eps/configuration/tile_order.png?v=fdff72e689);
    background-repeat: no-repeat;
    background-position: center;
}

.eps4settingIconConfidentialCodes {
    width: 100%;
    height: 82px;
    background-image: url(../../../images/eps/configuration/confidential.png?v=fdff72e689);
    background-repeat: no-repeat;
    background-position: center;
}

.eps4settingIconSecurityAlert {
    width: 100%;
    height: 82px;
    background-image: url(../../../images/eps/configuration/security_alert.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.eps4iconCable {
    background-image: url('../../../images/eps/configuration/ethernet_grey.svg?v=b761225569');
}
.eps4iconCableOk {
    background-image: url('../../../images/eps/configuration/status_ethernet_good.svg?v=b761225569');
}
.eps4iconCableNoConnection {
    background-image: url('../../../images/eps/configuration/status_ethernet_no_connection.svg?v=b761225569');
}
.eps4iconWifiNoConnection {
    background-image: url('../../../images/eps/configuration/status_wifi_no_connection.svg');
}

/* Qualité du signal wifi */
.eps4iconWifiBad {
    background-image: url('../../../images/eps/configuration/wifi_couleur_qualite_1.svg');
}
.eps4iconWifiInsufficient {
    background-image: url('../../../images/eps/configuration/wifi_couleur_qualite_2.svg');
}
.eps4iconWifiSufficient {
    background-image: url('../../../images/eps/configuration/wifi_couleur_qualite_3.svg');
}
.eps4iconWifiOptimal {
    background-image: url('../../../images/eps/configuration/wifi_couleur_qualite_4.svg');
}

/* Animation en attendant de connaitre la qualité du signal */
.eps4wifiStateLoader {
    animation-name: wifiStateLoader;
    animation-duration: 0.75s; 
    animation-iteration-count: infinite;
    animation-timing-function: step-end; /* "Saut" d'une keyframe à l'autre. On passe du palier 75% au palier 0% en sautant la fin (100%) */
}
    @keyframes wifiStateLoader {
        00% { background-image: url('../../../images/eps/configuration/wifi_gris_qualite_1.svg'); }
        25% { background-image: url('../../../images/eps/configuration/wifi_gris_qualite_2.svg'); }
        50% { background-image: url('../../../images/eps/configuration/wifi_gris_qualite_3.svg'); }
        75% { background-image: url('../../../images/eps/configuration/wifi_gris_qualite_4.svg'); }
    }
.eps4iconCheckmark {
    background-image: url('../../../images/eps/transverse/bleu/checkmark_blue.svg?v=b761225569');
}
.eps4iconExclamationMark {
    background-image: url('../../../images/eps/transverse/rouge/exclamation_mark_red.svg?v=b761225569');
}
.eps4iconWhiteCable {
    background-image: url('../../../images/eps/configuration/ethernet_white.svg?v=b761225569');
}
.eps4iconWhiteWifi {
    background-image: url('../../../images/eps/configuration/wifi_white.svg?v=b761225569');
}
.eps4iconWhiteConfirm {
    background-image: url('../../../images/eps/transverse/blanc/checkmark_white.svg?v=b761225569');
}

/* Règle pour l'affichage des icônes de connexion 
   des caméras dans la page Configuration */
.eps4connectionIcon {
    width: 29px;
    height: 23px;
    float: left;
    margin-right: 0.4em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/*Signo*/

.eps4roundedIconUser {
    background: url(../../../images/eps/configuration/user.png?v=beb1994189);
}

.eps4roundedIconTemperature {
    background: url(../../../images/eps/configuration/temperature.png?v=01bea69a43);
}

.eps4roundedIconWater {
    background: url(../../../images/eps/configuration/valve.png?v=e5d9e5ced0);
}

.eps4roundedIconIp {
    background: url(../../../images/eps/configuration/liaison.png?v=f6ee81a8a5);
}

.eps4roundedIconDefect {
    background: url(../../../images/eps/configuration/defect.svg?v=03e880bfd4);
}

.eps4roundedIconShutter {
    background: url(../../../images/eps/configuration/shutter.png?v=b65224ad34);
}

.eps4roundedIconSecurityAlert {
    background: url(../../../images/eps/configuration/security_alert.svg);
}

.eps4lstUserMobileDevice {
    margin-left: 50px;
}

/*Signalement*/

.eps4roundedIconAbsence {
    background: url(../../../images/eps/configuration/avions_icns.png?v=80e7bb3530);
}

.eps4roundedIconWorks {
    background: url(../../../images/eps/configuration/travaux_icns.png?v=d8942c8c83);
}

div[class*="eps4roundedIcon"] {
    background-repeat: no-repeat;
    background-position: center;
}



.eps4absenceLogo {
    width: 100%;
    height: 86px;
    background-image: url(../../../images/eps/configuration/avions_icns.png?v=80e7bb3530);
    background-repeat: no-repeat;
    background-position: 50% 0%;
}

.eps4workLogo {
    width: 100%;
    height: 86px;
    background-image: url(../../../images/eps/configuration/travaux_icns.png?v=d8942c8c83);
    background-repeat: no-repeat;
    background-position: 50% 0%;
}


/*Mon Compte*/

.eps4facturationImage {
    width: 100%;
    height: 82px;
    background-image: url('../../../images/eps/compte/facture.png?v=e1b90fbb40');
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.eps4messagesImage {
    width: 100%;
    height: 82px;
    background-image: url('../../../images/eps/compte/message.png?v=9e84683cf5');
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.eps4subscriberDataImage {
    width: 100%;
    height: 82px;
    background-image: url('../../../images/eps/compte/contact.png?v=4f13e91ac9');
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.eps4subscriptionImage {
    width: 100%;
    height: 82px;
    background-image: url('../../../images/eps/compte/forfait.png?v=51378adc8e');
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.eps4subscriptionListeImage {
    width: 100%;
    height: 82px;
    background-image: url('../../../images/eps/compte/servicesComplementaires.png?v=179c5a17bc');
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: contain;
}

.eps4suiviCommandesImage {
    width: 100%;
    height: 82px;
    background-image: url('../../../images/eps/compte/mesCommandes.png?v=d4ee7f0fb5');
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: contain;
}

.eps4equipmentImage {
    width: 100%;
    height: 82px;
    background-image: url('../../../images/eps/compte/equipement.png?v=c97ca720e7');
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.eps4identificationImage {
    width: 100%;
    height: 82px;
    background-image: url('../../../images/eps/compte/identification.png?v=284e088ca2');
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.eps4communicationImage {
    width: 100%;
    height: 82px;
    background-image: url('../../../images/eps/compte/communication.png?v=e89f9d6443');
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.eps4parrainageImage {
    width: 100%;
    height: 82px;
    background-image: url('../../../images/eps/compte/parrainage.png?v=ce8e92856a');
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.eps4removalImage {
    width: 100%;
    height: 82px;
    background-image: url('../../../images/eps/compte/removal.png?v=d7aedb1a2e');
    background-repeat: no-repeat;
    background-position: 50% 0;
}

#C\:eps4sponsorMonths {
    background-image: url('../../../images/eps/compte/giftMonths.png?v=f4d5fefdc4');
    background-repeat: no-repeat;
    background-position: center;
}

#C\:eps4sponsorSafe {
    background-image: url('../../../images/eps/compte/giftSafe.png?v=5f8e1bc919');
    background-repeat: no-repeat;
    background-position: center;
}

#C\:eps4sponsorKeybox {
    background-image: url('../../../images/eps/compte/giftKeybox.png?v=939c54a8ab');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%;
}


/* Suivi commandes */
#C\:eps4suiviCommandes .eps4scStepTitle,
#C\:eps4suiviCommandes .eps4scSubtitle,
#C\:eps4suiviCommandes .eps4scSubBlock,
#C\:eps4suiviCommandes .eps4scResumeWrapper,
#C\:eps4suiviCommandes .eps4titleTd {
    margin-left: 41px;
}

#C\:eps4suiviCommandes .eps4msgBloc .eps4scStepTitle,
#C\:eps4suiviCommandes .eps4msgBloc .eps4scSubtitle,
#C\:eps4suiviCommandes .eps4msgBloc .eps4scSubBlock,
#C\:eps4suiviCommandes .eps4msgBloc .eps4scResumeWrapper,
#C\:eps4suiviCommandes .eps4msgBloc .eps4titleTd {
    margin-left: 0px;
}

#C\:eps4suiviCommandes .eps4scSubtitle {
    margin-bottom: 20px;
}

#C\:eps4suiviCommandes .eps4scResumeWrapper {
    display: flex;
}

#C\:eps4suiviCommandes .eps4scResumeIcon {
    width: 100px;
    background-image: url('../../../images/eps/compte/check.png?v=29e20fa2cd');
    background-repeat: no-repeat;
    background-position: center;
}

#C\:eps4suiviCommandes .eps4scSendCPToggleContent.eps4msgBloc {
    background-color: #f4f4f4;
}

#C\:eps4suiviCommandes .eps4scResumeText {
    flex: 1;
}

#C\:eps4suiviCommandes .eps4scResumeItem {
    margin-top: 5px;
    margin-bottom: 5px;
}

#C\:eps4suiviCommandes .eps4scStepTitle {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 50px;
    background-size: auto 30px, contain;
    background-position: 0 50%;
    background-repeat: no-repeat;
    position: relative;
}

#C\:eps4suiviCommandesListe > div:nth-last-of-type(1),
#C\:eps4suiviCommandesListe > div:nth-last-of-type(2) {
    border-bottom-color: transparent;
}

#C\:eps4suiviCommandesListe .eps4serviceHeader h3 {
    margin-left: 40px;
}

/* ---- TODO: Ancien suivi de commande: A supprimer apres MEP d'octobre 2018 ---- */
#C\:eps4suiviCommandes .eps4scStepTitle.eps4scStepTitleActive:before {
    height: 100%;
    width: 20px;
    content: '';
    background-image: url('../../../images/eps/compte/chevrons.png?v=fd73eb666c');
    position: absolute;
    top: 0;
    left: -30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
}

#C\:eps4suiviCommandes .eps4scStepTitle.eps4scStep1 {
    background-image: url('../../../images/eps/compte/suivi-step1_black.png?v=b605a94f0e');
}

#C\:eps4suiviCommandes .eps4scStepTitle.eps4scStep2 {
    background-image: url('../../../images/eps/compte/suivi-step2_black.png?v=2791f63b12');
}

#C\:eps4suiviCommandes .eps4scStepTitle.eps4scStep3 {
    background-image: url('../../../images/eps/compte/suivi-step3_black.png?v=5993645c4b');
}

#C\:eps4suiviCommandes .eps4scStepTitle.eps4scStep4 {
    background-image: url('../../../images/eps/compte/suivi-step4_black.png?v=68a942f899');
}

#C\:eps4suiviCommandes .eps4scStepTitle.eps4scStep1.eps4scPastStep {
    background-image: url('../../../images/eps/compte/suivi-step1.png?v=1c33331f7b');
}

#C\:eps4suiviCommandes .eps4scStepTitle.eps4scStep2.eps4scPastStep {
    background-image: url('../../../images/eps/compte/suivi-step2.png?v=1e575df6a6');
}

#C\:eps4suiviCommandes .eps4scStepTitle.eps4scStep3.eps4scPastStep {
    background-image: url('../../../images/eps/compte/suivi-step3.png?v=8c813be8e5');
}

#C\:eps4suiviCommandes .eps4scStepTitle.eps4scStep4.eps4scPastStep {
    background-image: url('../../../images/eps/compte/suivi-step4.png?v=28c2e78b1e');
}

#C\:eps4suiviCommandes .eps4scStepTitle.eps4scStepTitleActive {
    font-size: 1em;
    font-weight: 600;
    left: 50px;
}
/* ---- FIN suppression ancien suivi de commande ---- */

#C\:eps4suiviCommandes .eps4scStepTitle.eps4scActionCP {
    background-image: url('../../../images/eps/compte/suivi-step1_black.png?v=b605a94f0e');
}

#C\:eps4suiviCommandes .eps4scStepTitle.eps4scActionEquipmentInstall {
    background-image: url('../../../images/eps/compte/suivi-actionVideoInstall_black.png?v=5993645c4b');
}

#C\:eps4suiviCommandes .eps4scStepTitle.eps4scPastStep {
    background-image: url('../../../images/eps/transverse/check.png?v=29e20fa2cd');
}

#C\:eps4suiviCommandes .eps4scStepTitle:not(.eps4scPastStep) .eps4scActionName {
    font-weight: 600;
}

#C\:eps4suiviCommandes .eps4scStepTitle.eps4scPastStep .eps4scActionName {
    color: #00CF21;
}

#C\:eps4suiviCommandes .eps4scStepTitle.eps4scPastStep .eps4ActionDetails {
    color: #00CF21;
    padding-right: right;
}

#C\:eps4suiviCommandes .eps4scMsgBlocMail.eps4scBtnMail {
    margin-left: 75px;
}

#C\:eps4suiviCommandes .eps4scDropDownWrapper {
    display: flex;
    align-items: center;
    position: relative;
}

#C\:eps4suiviCommandes .eps4scSendCPToggleHeader {
    /*padding-right: 40px;*/
    text-align: right;
}

#C\:eps4suiviCommandes .eps4wrapper-dropdown {
    width: 33%;
}

#C\:eps4suiviCommandes .eps4scStepButtons {
    text-align: right;
    padding: 10px 40px;
}

#C\:eps4suiviCommandes .eps4scAutoInstall {
    text-align: center;
    padding: 10px 15px;
    margin-left: 150px;
    margin-top: -10px;
}

#C\:eps4suiviCommandes .eps4scBtnInstall {
    display: flex;
    align-items: center;
    position: relative;
    /*margin-left: 325px;*/
}

    #C\:eps4suiviCommandes .eps4scBtnInstall .eps4scGutter {
        margin-right: 10px;
    }

#C\:eps4suiviCommandes .eps4scEmailSelectionWidget {
    margin-top: 15px;
}

    #C\:eps4suiviCommandes .eps4scEmailSelectionWidget .eps4imgHelp,
    #C\:eps4suiviCommandes .eps4scEmailSelectionWidget .eps4imgLock,
    #C\:eps4suiviCommandes .eps4scEmailSelectionWidget .eps4imgUnlock {
        margin-left: 10px;
        margin-bottom: 0;
    }

    #C\:eps4suiviCommandes .eps4scEmailSelectionWidget .eps4scGutter {
        flex: 1;
    }

    #C\:eps4suiviCommandes .eps4scEmailSelectionWidget .eps4btn {
        margin-left: 15px;
    }

    #C\:eps4suiviCommandes .eps4scEmailSelectionWidget .eps4imgUnlock {
        position: relative;
    }

/*Consignes*/

.eps4PDFexport {
    background: #fff url('../../../images/eps/transverse/gris/pdf.png?v=2e2880b4f1');
    background-repeat: no-repeat;
    background-position: 5% 50%;
    transition: .25s;
}

    .eps4PDFexport:hover {
        background: rgb(245, 245, 245) url('../../../images/eps/transverse/gris/pdf_hover.png?v=6b0016aa77');
        background-repeat: no-repeat;
        background-position: 5% 50%;
        transition: .25s;
    }

#C\:eps4videoNext,
#C\:eps4videoPrevious,
.eps4arrowPrevious,
.eps4arrowNext {
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-position: center;
}

#C\:eps4videoNext,
.eps4galleryPhoto .eps4galleryNext {
    background-image: url('../../../images/eps/transverse/blanc/droite2.png?v=b05a6332e7');
    background-repeat: no-repeat;
}

#C\:eps4videoNext,
#C\:eps4videoPrevious {
    background-size: contain;
}

.eps4arrowPrevious {
    background-image: url('../../../images/eps/transverse/rouge/gauche.png?v=ea876c0b7d');
    background-repeat: no-repeat;
}

.eps4arrowNext {
    background-image: url('../../../images/eps/transverse/rouge/droite.png?v=6fc814c5fe');
    background-repeat: no-repeat;
}

#C\:eps4videoPrevious,
.eps4galleryPhoto .eps4galleryPrevious {
    background-image: url('../../../images/eps/transverse/blanc/gauche2.png?v=91ac536d65');
    background-repeat: no-repeat;
}


/*TRANSVERSE*/

.eps4setGrey {
    background-image: url('../../../images/eps/transverse/gris/parametre.png?v=57cbe05622');
    background-size: 100%;
}

.eps4setWhite {
    background-image: url('../../../images/eps/transverse/gris/parametre.png?v=57cbe05622');
    background-size: 100%;
}


/*Applications*/

.eps4linkAppli {
    border-radius: .4em;
    box-shadow: .8em .8em .8em rgba(0, 0, 0, .15);
    border-color: rgba(0, 0, 0, .1) !important;
    border-style: solid !important;
    border-width: 1px !important;
    padding: 15px;
}

    .eps4linkAppli:hover {
        background-color: rgba(200, 200, 200, 0.3);
    }

.eps4apple {
    background-image: url('../../../images/eps/transverse/application/apple.png?v=c7df701d56');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.eps4android {
    background-image: url('../../../images/eps/transverse/application/android.png?v=3a51a6cebe');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.eps4windows {
    background-image: url('../../../images/eps/transverse/application/windows.png?v=4202b1c35a');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.eps4logoCoordonees {
    background-image: url('../../../images/eps/transverse/contact.png?v=4f13e91ac9');
    background-repeat: no-repeat;
    background-position: center;
}


/* Misc*/

.eps4Justify {
    text-align: justify !important;
}

#C\:eps4ValidateSiteTitleIcon {
    width: 22px;
    height: 22px;
    background-image: url('../../../images/eps/transverse/blanc/check.png?v=74960f0c08');
    background-repeat: no-repeat;
    background-position: center;
}

#C\:eps4CancelSiteTitleIcon {
    width: 22px;
    height: 22px;
    background-image: url('../../../images/eps/transverse/blanc/fermer.png?v=3b25f0de22');
    background-repeat: no-repeat;
    background-position: center;
}

#C\:eps4EditSiteTitleIcon {
    width: 22px;
    height: 22px;
    background: url('../../../images/eps/transverse/blanc/modifier.png?v=4e8daabbea') no-repeat center;
}

.eps4imgEditGrey {
    cursor: pointer;
    width: 22px;
    height: 22px;
    background: url('../../../images/eps/transverse/gris/modifier.png?v=01dee6e07e') no-repeat center;
}

.eps4deviceStatusOk {
    width: 46px;
    height: 25px;
    background: url('../../../images/eps/transverse/check.png?v=29e20fa2cd') no-repeat center;
}

.eps4deviceStatusLowBattery {
    width: 46px;
    height: 25px;
    background: url('../../../images/eps/transverse/pile_faible.png?v=b5e07ea858') no-repeat center;
    background-size: 75%;
}

.eps4deviceStatusTechnicalFailure {
    width: 46px;
    height: 25px;
    background: url('../../../images/eps/transverse/error.png?v=61a51c6dbe') no-repeat center;
}

.eps4deviceTestKo {
    width: 46px;
    height: 25px;
    background: url('../../../images/eps/transverse/croix_rouge.png?v=a1ba8c2545') no-repeat center;
}

.eps4deviceTestOverdue {
    width: 46px;
    height: 25px;
    background: url('../../../images/eps/accueil/widget/test.png?v=a748e717cf') no-repeat center;
}

.eps4deviceLifetimePassed {
    width: 46px;
    height: 25px;
    background: url('../../../images/eps/accueil/widget/soin.png?v=80b82b9324') no-repeat center;
}


/* Picker*/

.eps4timepicker {
    width: 5em !important;
    height: 30px !important;
    padding-left: 1.3em !important;
    text-align: center;
    background-image: url(../../../images/eps/configuration/timepicker.png?v=e9bf810e2e) !important;
    background-repeat: no-repeat !important;
    background-position: 12% 50% !important;
}

/* ui-timepicker, adapté de jquery.timepicker.css */
        
.ui-timepicker-wrapper {
    overflow-y: auto;
    height: 150px;
    width: 5em;
    background: #eaeff0;
    border: 1px solid #ddd;
    outline: none;
    z-index: 10001;
    margin: 0;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

    .ui-timepicker-wrapper.ui-timepicker-with-duration {
        width: 13em;
    }

        .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
        .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
            width: 11em;
        }

.ui-timepicker-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ui-timepicker-duration {
    margin-left: 5px;
    color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
    color: #888;
}

.ui-timepicker-list li {
    padding: 3px 0 3px 20px;
    cursor: pointer;
    white-space: nowrap;
    color: #7e93a1;
    list-style: none;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
    background: #d9e0e2;
    color: #34495e;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
    background: #d9e0e2;
    color: #34495e;
}

    li.ui-timepicker-selected .ui-timepicker-duration,
    .ui-timepicker-list li:hover .ui-timepicker-duration {
        color: #ccc;
    }

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    color: #888;
    cursor: default;
}

    .ui-timepicker-list li.ui-timepicker-disabled:hover,
    .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
        background: #f2f2f2;
    }

/* Autocomplète */

.autocomplete {
    background: white;
    z-index: 1000;    
    font-size: 14px;
    line-height: 22px;
    overflow: auto;
    box-sizing: border-box;
    border: 1px solid rgba(50, 50, 50, 0.6);
}

.autocomplete > div {
    padding: 0 4px;
}

.autocomplete > div:hover:not(.group),
.autocomplete > div.selected {
    cursor: pointer;
}

/* flatpickr.js */

/* Les CSS d'EI ont l'essentiel */
.flatpickr-day.nextMonthDay,
.flatpickr-day.prevMonthDay  {
    cursor: pointer;
}

.flatpickr-months .numInputWrapper,
.flatpickr-months .numInputWrapper .numInput {
    padding-top: 0;
    padding-bottom: 0;
}

.flatpickr-months .numInputWrapper {
    height: unset;
}

.flatpickr-current-month .numInputWrapper .arrowUp,
.flatpickr-current-month .numInputWrapper .arrowDown {
    display: none;
}

.flatpickr-months .flatpickr-current-month {
    margin-left: 11px;
}

.flatpickr-months .flatpickr-disabled {
    opacity: .35;
}

/*etoile*/

.eps4inputStar {
    width: 1em;
    height: 1em;
    background-image: url('../../../images/eps/transverse/rouge/etoile.png?v=26a8fdc734');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: 50%;
    background-size: 50%;
    visibility: visible;
}

    .eps4inputStar.eps4hidden {
        visibility: hidden;
    }


/*Aide*/

.eps4imgHelp {
    width: 25px;
    height: 25px;
    position: relative;
    background-image: url(../../../images/eps/transverse/rouge/info.png?v=387edf31ed);
    background-repeat: no-repeat;
    background-position: center;
}

.eps4imgInfo {
    width: 23px;
    height: 23px;
    margin-left: 1em;
    line-height: 1.5em;
    position: relative;
    background: url('../../../images/eps/journal/info.png?v=6de3a73d4b');
    background-repeat: no-repeat;
    background-position: center;
}

.eps4modalClose {
    background-image: url('../../../images/eps/transverse/gris/fermer.svg?v=19a6adf1e9');
    background-repeat: no-repeat;
    background-size: contain;
}

.eps4galleryPhoto .eps4modalClose {
    display: none;
}

/* BACKGROUND */

.eps4bgIndividual,
.eps4bgProfessional,
.eps4bgBlurIndividual,
.eps4bgBlurProfessional {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 0;
    position: fixed;
}

    .eps4bgIndividual h1,
    .eps4bgProfessional h1,
    .eps4bgBlurIndividual h1,
    .eps4bgBlurProfessional h1 {
        margin: 0;
    }

.eps4bgIndividual {
    background-image: url(../../../images/eps/welcomepack/wp_particluiers_1.jpg?v=9104c27fa7);
}

.eps4bgProfessional {
    background-image: url(../../../images/eps/welcomepack/wp_professionnels_1.jpg?v=a89f19b5d2);
}

.eps4bgBlurIndividual {
    background-image: url(../../../images/eps/welcomepack/wp_particluiers_2.jpg?v=843b0c86b1);
}

.eps4bgBlurProfessional {
    background-image: url(../../../images/eps/welcomepack/wp_professionnels_2.jpg?v=383ba868ca);
}

/*--Avatars--*/

.eps4timeAlert .eps4dropdown span {
    margin: auto;
}

#C\:eps4keyboardEdit span[class*='eps4avatar'],
#C\:eps4smartphonePeeringEdit span[class*='eps4avatar'],
.eps4ttpEdit span[class*='eps4avatar'],
#C\:eps4remoteControlEdit span[class*='eps4avatar'] {
    opacity: .5;
    cursor: pointer;
}

    #C\:eps4keyboardEdit span[class*='eps4avatar']:hover,
    #C\:eps4smartphonePeeringEdit span[class*='eps4avatar']:hover,
    .eps4TTPEdit span[class*='eps4avatar']:hover,
    #C\:eps4remoteControlEdit span[class*='eps4avatar']:hover {
        opacity: 1;
        -webkit-transform: scale(1.05, 1.05);
        -ms-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05);
    }

.eps4avatarIconSelected,
.eps4avatarColorSelected {
    opacity: 1 !important;
    -webkit-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
}

[class*='eps4avatar'] {
    float: left;
    margin-right: 0.4em;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100%;
}

#C\:eps4timeContent h2 {
    font-size: 1.2em;
}

#C\:eps4timeContent [class*='eps4avatar'] {
    background-size: 37px;
}

[class*='eps4avatar31'],
[class*='eps4avatarcolor'] {
    width: 31px;
    height: 31px;
    border-radius: 50%;
}

[class*='eps4avatar74'] {
    width: 54px;
    height: 54px;
    border-radius: 50%;
}


/* Man */

.eps4avatar31man1 {
    background: url('../../../images/eps/avatars/31x31/grey/man.png?v=9785ecbd6a');
}

.eps4avatar31man2 {
    background: url('../../../images/eps/avatars/31x31/black/man.png?v=8376c57962');
}

.eps4avatar31man3 {
    background: url('../../../images/eps/avatars/31x31/red/man.png?v=110c816ecb');
}

.eps4avatar31man4 {
    background: url('../../../images/eps/avatars/31x31/blue/man.png?v=65a63d0ada');
}

.eps4avatar31man5 {
    background: url('../../../images/eps/avatars/31x31/green/man.png?v=c927ac70dc');
}

.eps4avatar74man1 {
    background: url('../../../images/eps/avatars/74x74/grey/man.png?v=bd7f2cda18');
}

.eps4avatar74man2 {
    background: url('../../../images/eps/avatars/74x74/black/man.png?v=f17b71c40e');
}

.eps4avatar74man3 {
    background: url('../../../images/eps/avatars/74x74/red/man.png?v=84f9b6e614');
}

.eps4avatar74man4 {
    background: url('../../../images/eps/avatars/74x74/blue/man.png?v=051e633be1');
}

.eps4avatar74man5 {
    background: url('../../../images/eps/avatars/74x74/green/man.png?v=6effc2f73c');
}


/* Woman */

.eps4avatar31woman1 {
    background: url('../../../images/eps/avatars/31x31/grey/woman.png?v=8acc6e8ebe');
}

.eps4avatar31woman2 {
    background: url('../../../images/eps/avatars/31x31/black/woman.png?v=7df6c0f8b2');
}

.eps4avatar31woman3 {
    background: url('../../../images/eps/avatars/31x31/red/woman.png?v=b34dba65fa');
}

.eps4avatar31woman4 {
    background: url('../../../images/eps/avatars/31x31/blue/woman.png?v=a1f60d7a9e');
}

.eps4avatar31woman5 {
    background: url('../../../images/eps/avatars/31x31/green/woman.png?v=e093382e56');
}

.eps4avatar74woman1 {
    background: url('../../../images/eps/avatars/74x74/grey/woman.png?v=8da4adc50f');
}

.eps4avatar74woman2 {
    background: url('../../../images/eps/avatars/74x74/black/woman.png?v=7c8b159cb0');
}

.eps4avatar74woman3 {
    background: url('../../../images/eps/avatars/74x74/red/woman.png?v=1300714e01');
}

.eps4avatar74woman4 {
    background: url('../../../images/eps/avatars/74x74/blue/woman.png?v=65c262920f');
}

.eps4avatar74woman5 {
    background: url('../../../images/eps/avatars/74x74/green/woman.png?v=da3b815205');
}


/* Boy */

.eps4avatar31boy1 {
    background: url('../../../images/eps/avatars/31x31/grey/boy.png?v=a1e24f6a18');
}

.eps4avatar31boy2 {
    background: url('../../../images/eps/avatars/31x31/black/boy.png?v=7a367f430f');
}

.eps4avatar31boy3 {
    background: url('../../../images/eps/avatars/31x31/red/boy.png?v=940a406df4');
}

.eps4avatar31boy4 {
    background: url('../../../images/eps/avatars/31x31/blue/boy.png?v=ce29d42ad9');
}

.eps4avatar31boy5 {
    background: url('../../../images/eps/avatars/31x31/green/boy.png?v=0324a6b43f');
}

.eps4avatar74boy1 {
    background: url('../../../images/eps/avatars/74x74/grey/boy.png?v=1634fd2adb');
}

.eps4avatar74boy2 {
    background: url('../../../images/eps/avatars/74x74/black/boy.png?v=d386b9c5b4');
}

.eps4avatar74boy3 {
    background: url('../../../images/eps/avatars/74x74/red/boy.png?v=8f2666ff2c');
}

.eps4avatar74boy4 {
    background: url('../../../images/eps/avatars/74x74/blue/boy.png?v=8fafa3dcc0');
}

.eps4avatar74boy5 {
    background: url('../../../images/eps/avatars/74x74/green/boy.png?v=74a88a2d96');
}


/* Girl */

.eps4avatar31girl1 {
    background: url('../../../images/eps/avatars/31x31/grey/girl.png?v=17cd1c1bfd');
}

.eps4avatar31girl2 {
    background: url('../../../images/eps/avatars/31x31/black/girl.png?v=1c3799cffb');
}

.eps4avatar31girl3 {
    background: url('../../../images/eps/avatars/31x31/red/girl.png?v=3d838710f6');
}

.eps4avatar31girl4 {
    background: url('../../../images/eps/avatars/31x31/blue/girl.png?v=4dd60a5693');
}

.eps4avatar31girl5 {
    background: url('../../../images/eps/avatars/31x31/green/girl.png?v=4565da4982');
}

.eps4avatar74girl1 {
    background: url('../../../images/eps/avatars/74x74/grey/girl.png?v=407f7b527e');
}

.eps4avatar74girl2 {
    background: url('../../../images/eps/avatars/74x74/black/girl.png?v=d4d0ce56a6');
}

.eps4avatar74girl3 {
    background: url('../../../images/eps/avatars/74x74/red/girl.png?v=e719944a68');
}

.eps4avatar74girl4 {
    background: url('../../../images/eps/avatars/74x74/blue/girl.png?v=c3aab7699d');
}

.eps4avatar74girl5 {
    background: url('../../../images/eps/avatars/74x74/green/girl.png?v=16917216f2');
}


/* Couple */

.eps4avatar31couple1 {
    background: url('../../../images/eps/avatars/31x31/grey/couple.png?v=d77d369ffc');
}

.eps4avatar31couple2 {
    background: url('../../../images/eps/avatars/31x31/black/couple.png?v=d7d5e60454');
}

.eps4avatar31couple3 {
    background: url('../../../images/eps/avatars/31x31/red/couple.png?v=781fc3015a');
}

.eps4avatar31couple4 {
    background: url('../../../images/eps/avatars/31x31/blue/couple.png?v=be5490c849');
}

.eps4avatar31couple5 {
    background: url('../../../images/eps/avatars/31x31/green/couple.png?v=815fcb5752');
}

.eps4avatar74couple1 {
    background: url('../../../images/eps/avatars/74x74/grey/couple.png?v=ea2343b13b');
}

.eps4avatar74couple2 {
    background: url('../../../images/eps/avatars/74x74/black/couple.png?v=eced06727c');
}

.eps4avatar74couple3 {
    background: url('../../../images/eps/avatars/74x74/red/couple.png?v=6611f95f39');
}

.eps4avatar74couple4 {
    background: url('../../../images/eps/avatars/74x74/blue/couple.png?v=976b4c58ce');
}

.eps4avatar74couple5 {
    background: url('../../../images/eps/avatars/74x74/green/couple.png?v=257dc4a7ee');
}


/* Remote */

.eps4avatar31remote {
    background: url('../../../images/eps/avatars/31x31/black/remote.png?v=15af3b4964');
}


/* Keyboard touch */

.eps4icnArrow {
    background: url('../../../images/eps/configuration/keyboard_arrow.png?v=4cc1a74028');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.eps4icn7 {
    background: url('../../../images/eps/configuration/keyboard_7.png?v=9cfc83cde1');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.eps4icn09 {
    background: url('../../../images/eps/configuration/keyboard_09.png?v=b17a1be71f');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.eps4icnF {
    background: url('../../../images/eps/configuration/keyboard_F.png?v=a4c49d8e7c');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.eps4icn1 {
    background: url('../../../images/eps/configuration/keyboard_1.png?v=dcc158795b');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.eps4icn19 {
    background: url('../../../images/eps/configuration/keyboard_19.png?v=21224cabd5');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.eps4icn0 {
    background: url('../../../images/eps/configuration/keyboard_0.png?v=43fef35650');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}


/* Colors */

.eps4avatarcolor1 {
    background: #7e93a1;
}

.eps4avatarcolor2 {
    background: #1a272d;
}

.eps4avatarcolor3 {
    background: #7b0051;
}

.eps4avatarcolor4 {
    background: #0f74a8;
}

.eps4avatarcolor5 {
    background: #12948f;
}


/*---------------*/

.eps4instructionsGallery .eps4imgDelete {
    background-image: url('../../../images/eps/transverse/blanc/delete.png?v=47a10be640');
    background-repeat: no-repeat;
    background-position: center;
}

.eps4instructionsGallery .eps4imgEdit,
.eps4instructionsGallery .eps4imgEdit:hover {
    background-image: url('../../../images/eps/transverse/blanc/modifier.png?v=4e8daabbea');
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 16px;
}

#C\:eps4homeContainer {
    background-repeat: no-repeat;
    background-position: 50% 0%;
}

#C\:eps4container,
#ei_tpl_contener {
    min-width: 1024px;
    margin: auto;
}

#ei_tpl_contener {
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-size: 100% 155px;
}

#C\:eps4SiteTitle::after {
    content: "";
    width: 22px;
    height: 22px;
    background-image: url('../../../images/eps/transverse/blanc/fermer.png?v=3b25f0de22');
    background-repeat: no-repeat;
    background-position: center;
}

/* Fix - DEVWP0-305 */
.eps4download {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: .1rem;
    /* background-image: url(../../../images/eps/journal/download.png); */
    background-image: url(../../../images/eps/journal/download_white.png);
}

    /* Fix - DEVWP0-305 */
    .eps4download:hover {
        /* background-image: url(../../../images/eps/journal/download_hover.png?v=a92cba1b60);
        background-repeat: no-repeat;
        background-position: center; */
        opacity: .7;
    }

.eps4pagerNext,
.eps4pagerLast {
    width: 40px;
    height: 40px;
    background-image: url(../../../images/eps/journal/expand_next.png?v=6fc814c5fe);
    background-repeat: no-repeat;
    background-position: center;
}

.eps4pagerPrevious,
.eps4pagerFirst {
    width: 40px;
    height: 40px;
    background-image: url(../../../images/eps/journal/expand_previous.png?v=3d712acc92);
    background-repeat: no-repeat;
    background-position: center;
}

.eps4msgInfo {
    background-image: url(../../../images/eps/transverse/gris/check.png?v=70546e8b7a);
    background-repeat: no-repeat;
    background-position: 2% 50%;
}

.eps4msgWarning {
    background-image: url(../../../images/eps/transverse/error.png?v=61a51c6dbe);
    background-repeat: no-repeat;
    background-position: 2% 50%;
}

.eps4imgDelete {
    background-image: url(../../../images/eps/transverse/gris/delete.png?v=0594b3732e);
    background-repeat: no-repeat;
    background-position: center;
}

    .eps4imgDelete:hover,
    .eps4imgDelete:active {
        background-image: url(../../../images/eps/transverse/gris/delete_hover.png?v=0cf66af951);
        background-repeat: no-repeat;
        background-position: center;
    }

.eps4imgEdit {
    background-image: url(../../../images/eps/transverse/gris/edit.png?v=623f87607f);
    background-repeat: no-repeat;
    background-position: center;
}

    .eps4imgEdit:hover,
    .eps4imgEdit:active {
        background-image: url(../../../images/eps/transverse/gris/edit_hover.png?v=3a96a8717e);
        background-repeat: no-repeat;
        background-position: center;
    }

.eps4radioCheck {
    background-image: url(../../../images/eps/configuration/check.png?v=426dabf71f);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.eps4radioUnCheck:hover {
    background-image: url(../../../images/eps/configuration/hovercheck.png?v=059e8229d7);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.eps4radioUnCheck {
    background-image: url(../../../images/eps/configuration/uncheck.png?v=3c0bb02efe);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.eps4checkboxCheck {
    background-image: url(../../../images/eps/configuration/checkboxCheck.png?v=17bc59a4ac);
    background-repeat: no-repeat;
    background-position: center;
}

.eps4checkboxUnCheck {
    background-image: url(../../../images/eps/configuration/checkboxUncheck.png?v=280190c3c6);
    background-repeat: no-repeat;
    background-position: center;
}

    .eps4checkboxUnCheck:hover {
        background-image: url(../../../images/eps/configuration/hoverCheckbox.png?v=fbc5b0438d);
        background-repeat: no-repeat;
        background-position: center;
    }

.eps4imgPDF {
    background-image: url(../../../images/eps/transverse/gris/pdf.png?v=2e2880b4f1);
    background-repeat: no-repeat;
    background-position: center;
}

    .eps4imgPDF:hover {
        background-image: url(../../../images/eps/transverse/gris/pdf_hover.png?v=6b0016aa77);
        background-repeat: no-repeat;
        background-position: center;
    }

.eps4paymentMasterCard {
    background-image: url(../../../images/eps/compte/paymentMasterCard.png?v=243063bca1);
    background-repeat: no-repeat;
    background-position: center;
}

.eps4paymentVisa {
    background-image: url(../../../images/eps/compte/paymentVisa.png?v=ad14b9ed2b);
    background-repeat: no-repeat;
    background-position: center;
}

.eps4messageDelete {
    background-image: url(../../../images/eps/journal/delete.png?v=2.090);
    background-repeat: no-repeat;
    background-position: center;
}

.eps4imgValider {
    background-image: url(../../../images/eps/transverse/gris/check.png?v=70546e8b7a);
    background-repeat: no-repeat;
    background-position: center;
}

    .eps4imgValider:hover {
        background-image: url(../../../images/eps/transverse/gris/check_hover.png?v=fbbd464604);
        background-repeat: no-repeat;
        background-position: center;
    }

.eps4imgClose {
    background-image: url(../../../images/eps/transverse/gris/fermer.png?v=19a6adf1e9);
    background-repeat: no-repeat;
    background-position: center;
}

    .eps4imgClose:hover {
        background-image: url(../../../images/eps/transverse/gris/fermer_hover.png?v=e30b1ac17d);
        background-repeat: no-repeat;
        background-position: center;
    }

.eps4imgCheckVert {
    background-image: url(../../../images/eps/transverse/check.png?v=29e20fa2cd);
    background-repeat: no-repeat;
    background-position: center;
}

.eps4imgFermerRouge {
    background-image: url(../../../images/eps/transverse/croix_rouge.png?v=a1ba8c2545);
    background-repeat: no-repeat;
    background-position: center;
}

/*---------------*/


/*---------------*/


/*---------------*/


#C\:eps4Content.eps4videoCompatibility {
    margin-top: 45px;
}

.eps4videoCompatibility ul li {
    margin-left: 70px;
}

.eps4videoCompatibility p {
    font-size: 17px;
    padding-top: 10px;
    margin-left: 20px;
}

.eps4videoCompatibility .eps4setting {
    padding-bottom: 10px;
}

#C\:eps4content.eps4videoCompatibility {
    text-align: center;
}

.eps4videoCompatibilityTile {
    width: 300px;
    height: 190px;
    display: inline-block;
    text-align: left;
    vertical-align: top;
}

#C\:eps4videoCompatibilitySecondTile {
    margin: 0 30px;
}


/*#C\:eps4videoCompatibilityFirstTile{

}


#C\:eps4videoCompatibilityThirdTile{

}*/

/*---------------------------------------------*/
/*            INFORMATION LEGALE               */
/*---------------------------------------------*/

.eps4legalContentStyle {
    width: 983px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
}

    .eps4legalContentStyle p {
        text-align: justify;
    }

    .eps4legalContentStyle .eiEps4infoText {
        background: #fff;
        padding-left: 80px;
        padding-right: 80px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .eps4legalContentStyle p {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .eps4legalContentStyle h1, .eps4legalContentStyle h2, .eps4legalContentStyle h3 {
        text-align: center;
    }

#C\:eps4container .eps4legalContentStyle .eiEps4logTitre h3 {
    color: #0f74a8;
    font-size: 15pt;
    font-weight: 400;
    margin-bottom: 35px;
}

#C\:eps4container .eps4legalContentStyle .eiEps4logTitre h1 {
    color: #0f74a8;
    font-size: 25pt;
    margin-bottom: 0px;
}

/* ---- TODO: MAJ infos légales: A supprimer apres MEP d'octobre 2018 ---- */
#C\:eps4transverse.eps4legalContentStyle p {
    position: relative;
    text-align: left;
    font-size: 10pt;
    padding-left: 80px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#C\:eps4transverse.eps4legalContentStyle h3 {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 5px;
    font-weight: 300;
    color: #34495e;
    font-size: 1.79em;
}

#C\:eps4transverse.eps4legalContentStyle h4 {
    position: relative;
    text-align: left;
    padding-left: 80px;
    color: #7e93a1;
    padding-bottom: 0px;
    font-weight: 600;
}

#C\:eps4container .eps4legalTitleContent {
    color: #0f74a8;
    font-size: 15px;
}

    #C\:eps4container .eps4legalTitleContent h3 {
        text-align: center;
        color: #0f74a8;
        font-size: 15pt;
        font-weight: 400;
        margin-bottom: 35px;
    }

    #C\:eps4container .eps4legalTitleContent h1 {
        text-align: center;
        color: #0f74a8;
        font-size: 25pt;
        margin-bottom: 0px;
    }
/* ---- FIN infos légales: A supprimer apres MEP d'octobre 2018 ---- */

/*---------------------------------------------*/
/*               VIDEO SOUSCIPTION             */
/*---------------------------------------------*/
#C\:eps4videoInstallDiv.eps4vsWhiteDivShadow {
    margin-top: 10px;
}

.eps4vsWhiteCornerBorder.eps4vsWhiteCornerBorderSelected {
    border-color: rgb(17,165,240);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, .12), 0px 1px 2px rgba(0, 0, 0, .22);
    border-width: 1px;
}

.eps4vsPSpace {
    margin-top: 15px;
}

#C\:eps4videoInstallDiv .eps4tableStep.eps4floatColumn .eps4leftStep {
    margin-bottom: 90px;
}

.eps4vsStepTitle {
    margin-bottom: 15px;
}

.eps4vsStep1 {
    background-image: url('../../../images/eps/videosouscription/step1.png?v=0426941ae7');
}

.eps4vsStep2 {
    background-image: url('../../../images/eps/videosouscription/step2.png?v=fc554d1b83');
}

.eps4vsStep3 {
    background-image: url('../../../images/eps/videosouscription/step3.png?v=7b4235cd56');
}

.eps4vsStep4 {
    background-image: url('../../../images/eps/videosouscription/step4.png?v=4085ace3c8');
}

.eps4vsStep5 {
    background-image: url('../../../images/eps/videosouscription/step5.png?v=66d5051ffe');
}


#C\:eps4vsContainer {
    overflow: auto;
}

.eps4subscriptionStep {
    padding-bottom: 95px;
}

#C\:eps4vsContainer .eps4subscriptionStep {
    padding-bottom: 0px;
}

.eps4subscriptionStep .eps4rightStep ~ .eps4settingError {
    margin-top: 3.5em;
}

.eps4vsCallbackBtn {
    float: left !important;
}

.eps4vsHeader {
    position: relative;
}

.eps4stepHeader.eps4vsHeader h2 {
    color: rgb(17,165,240);
}

.eps4vsHeader .eps4subStep {
    position: absolute;
    top: 0;
    right: 0;
}

#C\:eps4videoInstallDiv .eps4installStep .eps4stepHeader.eps4vsHeader h2 {
    float: none;
    margin-bottom: 0;
}

.eps4installStep .eps4stepHeader.eps4vsHeader .eps4vsSubTitle {
    float: none;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.eps4stepHeader.eps4vsHeader .eps4vsSubTitle .eps4imgLock,
.eps4stepHeader.eps4vsHeader .eps4vsSubTitle .eps4imgUnlock {
    margin-bottom: 0;
    margin-left: 5px;
    position: relative;
}

.eps4vsWhiteCornerBorder {
    background-color: #fff;
    border: #eee solid 1px;
    border-radius: 5px;
    padding: 5px;
}

.eps4vsCameraModelItem {
    cursor: pointer;
}

.eps4vsQuantityCameras {
    width: 34%;
    height: 300px;
    margin: 15px 33%;
    display: flex;
    flex-direction: column;
}

    .eps4vsQuantityCameras .eps4vsCameraItem {
        flex: 1;
        display: flex;
        margin: 15px 0;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

        .eps4vsQuantityCameras .eps4vsCameraItem .eps4Radio {
            max-height: 50%;
        }

        .eps4vsQuantityCameras .eps4vsCameraItem span {
            flex: 1;
            height: 100%;
            margin-left: 30px;
            padding-left: 120px;
            display: flex;
            justify-content: center;
            flex-direction: column;
            background-position: 0 50%;
            background-repeat: no-repeat;
            background-size: contain;
        }

        .eps4vsQuantityCameras .eps4vsCameraItem[data-quantity='1'] span {
            background-image: url('../../../images/eps/videosouscription/one_camera.png?v=2.090');
        }

        .eps4vsQuantityCameras .eps4vsCameraItem[data-quantity='2'] span {
            background-image: url('../../../images/eps/videosouscription/two_cameras.png?v=2.090');
        }

.eps4vsTwoColsSelection {
    display: flex;
    flex-direction: row;
}

    /* Widget visualisation Camera */

    .eps4vsTwoColsSelection .eps4vsPreviewCameraDiv {
        width: 220px;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-right: 15px;
        align-self: flex-start;
    }

        .eps4vsTwoColsSelection .eps4vsPreviewCameraDiv .eps4vsServiceTitle {
            font-weight: bold;
            font-size: 1.1em;
        }

        .eps4vsTwoColsSelection .eps4vsPreviewCameraDiv .eps4vsServiceSelectedCamera {
            flex: 1;
            flex-basis: auto;
            background-size: 101px 180px;
            background-repeat: no-repeat;
            background-position: 50%;
            width: 101px;
            height: 180px;
            margin: 42px 0;
        }

    .eps4vsTwoColsSelection .eps4vsNbCamera[data-quantity='1'] .eps4vsServiceSelectedCamera {
        background-image: url('../../../images/eps/videosouscription/one_camera.png?v=2.090');
    }

    .eps4vsTwoColsSelection .eps4vsNbCamera[data-quantity='2'] .eps4vsServiceSelectedCamera {
        background-image: url('../../../images/eps/videosouscription/two_cameras.png?v=2.090');
    }

    .eps4vsTwoColsSelection .eps4vsPackSelection[data-model='CAMERAAXISM1034W'] .eps4vsServiceSelectedCamera {
        background-image: url('../../../images/eps/videosouscription/m1034.png?v=728405f355');
    }

    .eps4vsTwoColsSelection .eps4vsPackSelection[data-model='CAMERAAXISM1065LW'] .eps4vsServiceSelectedCamera {
        background-image: url('../../../images/eps/videosouscription/m1065.png?v=886a0ba062');
    }

    .eps4vsTwoColsSelection .eps4vsPackSelection[data-model='SURVEILLANCECARD64GBAXIS'] .eps4vsServiceSelectedCamera {
        background-image: url('../../../images/eps/videosouscription/sdcard_vertical.png?v=892714a20a');
        background-size: 120px 120px;
    }

    .eps4vsTwoColsSelection .eps4vsPackSelection[data-model='CARTEMEMOIREAXIS64GB'] .eps4vsServiceSelectedCamera {
        background-image: url('../../../images/eps/videosouscription/sdcard_vertical.png?v=892714a20a');
        background-size: 120px 120px;
    }

/* Liste des modeles de camras */

.eps4vsCameraModelList {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%;
}

    .eps4vsCameraModelList .eps4vsCameraModelItem {
        flex-grow: 1;
        flex-shrink: 0;
        margin-bottom: 10px;
        display: flex;
        flex-direction: row;
        /*align-items: center;*/
        justify-content: center;
        padding-bottom: 10px;
    }

        .eps4vsCameraModelList .eps4vsCameraModelItem:last-child {
            margin-bottom: 0;
        }


        .eps4vsCameraModelList .eps4vsCameraModelItem .eps4vsWhiteCornerBorder {
            flex: 1;
            height: 100%;
            display: flex;
            align-items: center;
        }

        .eps4vsCameraModelList .eps4vsCameraModelItem .eps4vsCameraModelItemContent {
            flex: 1;
            display: flex;
            height: 100%;
            flex-direction: column;
            /*padding-left: 10px;*/
            padding-right: 10px;
        }

        .eps4vsCameraModelList .eps4vsCameraModelItem .eps4vsModelDescription {
            flex: 1;
            flex-basis: auto;
            display: flex;
            max-height: 215px;
        }

        .eps4vsCameraModelList .eps4vsCameraModelItem .eps4vsCameraPict {
            width: 17%;
            flex-shrink: 0;
        }

    .eps4vsCameraModelList.esp4SeparatePriceColumn .eps4vsCameraModelItem .eps4vsCameraDescription {
        align-self: center;
        border-right: solid 1px;
        padding-right: 20px;
    }

    .eps4vsCameraModelList .eps4vsCameraModelItem .eps4enSavoirPlus {
        margin-top: 15px;
    }

    .eps4vsCameraModelList .eps4vsCameraModelItem .eps4vsCameraPrice {
        margin-top: 5px;
    }

    .eps4vsCameraModelList.esp4SeparatePriceColumn .eps4vsCameraModelItem .eps4vsCameraPrice {
        width: 22%;
        flex-shrink: 0;
        text-align: center;
        margin-left: 20px;
        margin-top: 0px;
        align-self: center;
    }


    .eps4vsCameraModelList .eps4vsCameraModelItem .eps4vsCameraPict {
        background-size: contain;
        background-repeat: no-repeat;
        background-position-x: 50%;
        background-position-y: 25%;
        margin-left: 10px;
        margin-right: 10px;
        /*margin-top:30px;*/
        /*margin-top:5%;*/
    }

    .eps4vsCameraModelList .eps4vsCameraModelItem[data-model='CAMERAAXISM1034W'] .eps4vsCameraPict {
        background-image: url('../../../images/eps/videosouscription/m1034.png?v=728405f355');
    }

    .eps4vsCameraModelList .eps4vsCameraModelItem[data-model='CAMERAAXISM1065LW'] .eps4vsCameraPict {
        background-image: url('../../../images/eps/videosouscription/m1065.png?v=886a0ba062');
    }

    .eps4vsCameraModelList .eps4vsCameraModelItem[data-model='SURVEILLANCECARD64GBAXIS'] .eps4vsCameraPict {
        background-image: url('../../../images/eps/videosouscription/sdcard.png?v=0a7f7e7889');
    }

    .eps4vsCameraModelList .eps4vsCameraModelItem[data-model='CARTEMEMOIREAXIS64GB'] .eps4vsCameraPict {
        background-image: url('../../../images/eps/videosouscription/sdcard.png?v=0a7f7e7889');
    }

    .eps4vsCameraModelList .eps4vsCameraModelItem .eps4vsCameraDescription {
        flex: 1;
        display: flex;
        flex-direction: column;
        /*justify-content: center;*/
    }

    .eps4vsCameraModelList .eps4vsCameraModelItem .eps4vsCameraTitle {
        font-weight: bold;
        font-size: 1.2em;
        margin-bottom: 21px;
    }

    .eps4vsCameraModelList .eps4vsCameraModelItem .eps4vsCameraPrice {
        font-weight: bold;
        font-size: 1.1em;
    }

.eps4vsQuantityRow {
    margin-top: 15px;
    margin-bottom: 15px;
    flex-direction: row;
    display: flex;
}

    .eps4vsQuantityRow .eps4vsQuantityTabRow.eps4vsQuantityMain {
        display: flex;
        align-items: center;
    }

    .eps4vsQuantityRow > .eps4vsWhiteCornerBorder {
        align-items: center;
    }

    .eps4vsQuantityRow .eps4vsQuantitySelection .eps4vsCostTitle,
    .eps4vsQuantityRow .eps4vsCostSelectionTOP {
        font-weight: bold;
        font-size: 1.2em;
        border-color: rgb(17,165,240);
        border-width: 2px;
    }

    .eps4vsQuantityRow .eps4vsQuantitySelection {
        margin-right: 15px;
    }

        .eps4vsQuantityRow .eps4vsQuantitySelection .eps4wrapper-dropdown {
            margin: 0 0px;
        }

            .eps4vsQuantityRow .eps4vsQuantitySelection .eps4wrapper-dropdown .eps4hidden {
                display: none !important;
            }

    .eps4vsQuantityRow .eps4vsCostSelection .eps4vsCost {
        margin: 0 5px;
    }

.eps4vsCostInformation .eps4blue {
    display: inline-block;
}

/*AHE - TPLHDP1-1980 - Début*/

div.eps4SDCardPopIn div.eps4configBtn {
    margin-top: 25px;
    margin-bottom: 0px;
    text-align: right;
}

.eps4vsCameraModelList .eps4Radio .eps4radioCheck,
.eps4vsCameraModelList .eps4Radio .eps4radioUnCheck {
    margin-top: 105px;
}

.eps4vsOptionCameraSubTitle {
    color: #7e93a1;
    font-size: 1.0em;
    font-weight: 700;
}

.eps4vsCameraModelList .eps4vsModelDescription.eps4OptionnalSdCard .eps4vsCameraPict {
    background-image: url(../../../images/eps/videosouscription/sdcard.png?v=0a7f7e7889);
}

.eps4vsSDCQuantityInput {
    width: 80px;
    margin-left: 10px !Important;
}

.eps4vsCameraModelList .eps4vsCameraModelItem .eps4vsOptionCameraSubTitle {
    margin-top: 15px;
    margin-bottom: 8px;
}

/*AHE - TPLHDP1-1980 - fin*/

.eps4videoSouscriptionWorkFlow .eps4blue {
    color: rgb(17,165,240);
}

#C\:eps4videoInstallDiv.eps4videoSouscriptionWorkFlow {
    padding-top: 15px;
}

div.a_blocappli .eps4videoSouscriptionWorkFlow h2 {
    font-size: 1.6em;
    font-weight: 400;
}

.eps4vsArticleSelectionDiv {
    flex: 1;
    margin-left: 0px;
    display: flex;
    flex-direction: column;
    align-self: center;
}

.eps4vsServicecameraInfo {
    text-align: center;
    width: 100%;
}

/* Selection de l'adresse de livraison */

.eps4vsDeliveryDiv {
    flex: 1;
    margin-left: 15px;
    display: flex;
    flex-direction: column;
}

    .eps4vsDeliveryDiv .eps4vsCheckDeliveryAddress {
        font-size: 1.1em;
        font-weight: 500;
        padding: 5px 5px;
        margin-bottom: 15px;
    }

    .eps4vsDeliveryDiv .eps4vsCheckDeliveryInfos {
        display: flex;
        flex: 1;
        flex-basis: auto;
    }

        .eps4vsDeliveryDiv .eps4vsCheckDeliveryInfos .eps4vsSelectDeliveryAddress {
            flex: 1;
        }

            .eps4vsDeliveryDiv .eps4vsCheckDeliveryInfos .eps4vsSelectDeliveryAddress .eps4Radio {
                margin-bottom: 30px;
            }

        .eps4vsDeliveryDiv .eps4vsCheckDeliveryInfos .eps4vsDeliveryInfos {
            flex-grow: 0;
            flex-shrink: 0;
            width: 200px;
            margin-left: 15px;
            max-height: 150px;
        }

            .eps4vsDeliveryDiv .eps4vsCheckDeliveryInfos .eps4vsDeliveryInfos p {
                margin-bottom: 15px;
            }

/* Recapitulatif de la commande */

.eps4vsOrderRecapDiv {
    display: flex;
    flex-direction: column;
    flex: 1;
}

    .eps4vsOrderRecapDiv .eps4vsRecapAddress .eps4vsRecapSubTitleWrapper {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }

    .eps4vsOrderRecapDiv .eps4vsRecapSubTitle {
        font-size: 1.1em;
        font-weight: bold;
    }

    .eps4vsOrderRecapDiv .eps4vsOrderRecapInfos {
        display: flex;
        flex-direction: row;
    }

        .eps4vsOrderRecapDiv .eps4vsOrderRecapInfos .eps4vsRecapAddress {
            margin: 0 15px;
            height: 160px;
            flex: 1;
        }

    .eps4vsOrderRecapDiv .eps4vsRecapAddress .eps4imgUnlock,
    .eps4vsOrderRecapDiv .eps4vsRecapAddress .eps4imgLock {
        margin-bottom: 0;
        margin-left: 5px;
        position: relative;
    }

    .eps4vsOrderRecapDiv .eps4vsOrderRecapInfos .eps4vsRecapPrice {
        width: 55%;
    }

        .eps4vsOrderRecapDiv .eps4vsOrderRecapInfos .eps4vsRecapPrice .eps4vsWhiteCornerBorder {
            margin-top: 15px;
        }

        .eps4vsOrderRecapDiv .eps4vsOrderRecapInfos .eps4vsRecapPrice .eps4price {
            float: right;
            color: rgb(17,165,240);
        }

    .eps4vsOrderRecapDiv .eps4vsInfoInstall {
        margin-left: 15px;
        display: flex;
        flex-direction: column;
        flex: 1;
        flex-basis: auto;
        justify-content: center;
    }

    .eps4vsOrderRecapDiv .eps4vsActivateRecapPrice {
        margin-left: 15px;
        margin-bottom: 15px;
        margin-top: 15px;
    }


.eps4vsRecapPrice .eps4vsWhiteCornerBorder b {
    color: rgb(17,165,240);
}

#C\:eps4vsConfirm .eps4star {
    color: #003352;
}

.eps4vsRemainder {
    float: right;
}

/* Recapitulatif de la commande */

.eps4vsDownloadDocsDiv {
    display: flex;
    margin-bottom: 15px;
}

    .eps4vsDownloadDocsDiv .eps4vsDownloadDocsLeftCol {
        flex: 1;
        flex-direction: column;
        display: flex;
    }

    .eps4vsDownloadDocsDiv .eps4vsDownloadDocsRightCol {
        margin-left: 15px;
        width: 350px;
    }

.eps4vsDownloadDocsLeftCol .eps4vsEmailSelectionWidget .eps4wrapper-dropdown {
    flex: 1;
}

.eps4vsEmailSelectionWidget #C\:eps4vsEmail {
    margin-top: 10px;
    width: 66%;
}

.eps4vsEmailSelectionWidget .eps4vsDropDownWrapper {
    display: flex;
    align-items: center;
}

.eps4vsEmailSelectionWidget {
    margin: 15px 0;
}

.eps4vsSelectDeliveryAddress .eps4CustomRadio {
    display: flex;
    align-items: center;
}

.eps4vsSelectDeliveryAddress .eps4CustomRadio {
    display: flex;
    align-items: center;
}

    .eps4vsSelectDeliveryAddress .eps4CustomRadio label {
        width: auto;
    }

    .eps4vsSelectDeliveryAddress .eps4CustomRadio .eps4title {
        color: inherit;
        font-size: 1.1em;
        font-weight: 500;
    }

    .eps4vsSelectDeliveryAddress .eps4CustomRadio .eps4imgHelp,
    .eps4vsSelectDeliveryAddress .eps4CustomRadio .eps4imgLock,
    .eps4vsSelectDeliveryAddress .eps4CustomRadio .eps4imgUnlock,
    .eps4vsEmailSelectionWidget .eps4imgHelp,
    .eps4vsEmailSelectionWidget .eps4imgLock,
    .eps4vsEmailSelectionWidget .eps4imgUnlock {
        margin-left: 10px;
        margin-bottom: 0;
    }

    .eps4vsSelectDeliveryAddress .eps4CustomRadio .eps4imgUnlock,
    .eps4imgUnlock {
        position: relative;
    }

p.eps4vsCpWarning {
    text-align: right;
    font-weight: bold;
    font-size: 1.1em;
    color: #ff4f38;
    margin-top: 15px;
}

.eps4vsDownloadDocsDiv .eps4vsDownloadDocsRightCol ul {
    margin-left: 0;
}

.eps4vsDownloadDocsDiv .eps4vsDownloadDocsRightCol li {
    list-style: none;
}

.eps4vsCpReturnAddress {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 15px;
}

    .eps4vsCpReturnAddress .eps4vsCpReturnAddressDesc span {
        text-decoration: underline;
    }

    .eps4vsCpReturnAddress .eps4vsCpPostalAddress {
        font-weight: bold;
        margin-top: 15px;
        margin-bottom: 15px;
    }

.eps4vsDownloadDocsDiv .eps4vsWhiteCornerBorder a {
    color: rgb(17,165,240);
}
/* Felicitations VS */

.eps4vsCongratsDiv .eps4vsCongratTitle,
.eps4vsCongratsDiv .eps4vsNextStepTitle,
.eps4vsStepTitle {
    font-size: 1.4em;
}

.eps4vsCongratsDiv .eps4vsCongratTitle {
    margin-bottom: 30px;
}

.eps4vsCongratsDiv .eps4vsNextStepTitle {
    text-align: center;
    font-weight: 600;
}

.eps4vsCongratsDiv .eps4vsOrderResume {
    display: inline-block;
    margin-bottom: 30px;
}

    .eps4vsCongratsDiv .eps4vsOrderResume .eps4vsOrderResumeTitle {
        font-size: 1.2em;
        font-weight: bold;
        margin-bottom: 15px;
    }

    .eps4vsCongratsDiv .eps4vsOrderResume span {
        font-weight: bold;
    }

.eps4vsCongratsDiv .eps4vsNextStepWf {
    display: flex;
    margin: 30px 100px;
}

.eps4vsCongratsDiv .eps4vsRightArrow,
.eps4vsCongratsDiv .eps4vsWfStep {
    padding-top: 75px;
    background-repeat: no-repeat;
}

.eps4vsCongratsDiv .eps4vsRightArrow {
    background-size: 30px;
    background-position: 50% 35%;
    background-image: url('../../../images/eps/videosouscription/right_arrow.png?v=0a91076aea');
    width: 50px;
}

.eps4vsCongratsDiv .eps4vsWfStep {
    flex: 1;
    background-size: auto 45px, contain;
    background-position: 50% 25%;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}

.eps4vsCongratsDiv #C\:eps4vsSendCpImg.eps4vsWfStep {
    background-image: url('../../../images/eps/videosouscription/nextStep1.png?v=1c33331f7b');
}

.eps4vsCongratsDiv #C\:eps4vsFollowOrderImg.eps4vsWfStep {
    background-image: url('../../../images/eps/videosouscription/nextStep2.png?v=b7bb4aa527');
}

.eps4vsCongratsDiv #C\:eps4vsReceiveImg.eps4vsWfStep {
    background-image: url('../../../images/eps/videosouscription/nextStep3.png?v=8fd193f3e4');
}

.eps4vsCongratsDiv #C\:eps4vsInstallImg.eps4vsWfStep {
    background-image: url('../../../images/eps/videosouscription/nextStep4.png?v=8c813be8e5');
}

#C\:ArticleOrderPage\:D .eps4stepFooter,
#C\:VideoSouscriptionPage\:D .eps4stepFooter {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

    #C\:ArticleOrderPage\:D .eps4stepFooter > div,
    #C\:VideoSouscriptionPage\:D .eps4stepFooter > div {
        float: none;
    }

#C\:ArticleOrderPage\:D .eps4vsCallbackBtn, #C\:ArticleOrderPage\:D .eps4vsActionsBtn,
#C\:VideoSouscriptionPage\:D .eps4vsCallbackBtn, #C\:VideoSouscriptionPage\:D .eps4vsActionsBtn {
    flex-shrink: 0;
}

#C\:ArticleOrderPage\:D .eps4stepFooterText,
#C\:VideoSouscriptionPage\:D .eps4stepFooterText {
    flex-shrink: 1;
    font-size: 0.7em;
}


/* Spécifique commande d'articles */

#C\:ArticleOrderPage\:D .eps4vsCameraModelList.esp4ArticleFullWidth .eps4vsCameraModelItem {
    /*max-width: calc(100% - 10px);*/
    max-width: none;
}

#C\:ArticleOrderPage\:D .eps4vsArticleSelectionDiv .eps4vsCameraModelList.esp4ArticleFullWidth.esp4SeparatePriceColumn {
    margin-top: auto;
    margin-bottom: auto;
}

#C\:ArticleOrderPage\:D .eps4vsEmailContact .eps4vsEmailSelectionWidget {
    margin-top: 20px;
    margin-bottom: 20px;
}

#C\:ArticleOrderPage\:D .eps4vsEmailContact .eps4vsEmailSelectionWidget {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
}

    #C\:ArticleOrderPage\:D .eps4vsEmailContact .eps4vsEmailSelectionWidget .eps4wrapper-dropdown {
        width: 100%;
    }

    #C\:ArticleOrderPage\:D .eps4vsEmailContact .eps4vsEmailSelectionWidget #C\:eps4vsEmail {
        width: calc(100% - 28px);
    }

#C\:ArticleOrderPage\:D .eps4vsEmailContact {
    margin-bottom: 15px;
}


/************************************ WORKFLOW **************************************/

.eps4workflowContainer {
    min-height: 350px;
    padding: 2em 4em 2em 4em;
    color: #003352;
    position: relative;
}

    .eps4workflowContainer.eps4workflowGreyBg {
        background-color: rgb(246,248,249);
    }

    div.a_blocappli .eps4workflowContainer h1 {
        font-size: 2em;
        padding: 0;
    }

    .eps4workflowContainer .blocboutons {
        text-align: right;
    }

h1.eps4withTextUnderneath {
    margin-bottom: 0;
}

.eps4workflowStep .eps4wfStepHeader h2 {
    color: rgb(17,165,240);
}

#ei_tpl_contener .eps4workflowStep h3 {
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 15px;
}

.eps4workflowStep .eps4wfWhiteCornerBorder {
    background-color: #fff;
    border: #eee solid 1px;
    border-radius: 5px;
    padding: 10px;
    margin-top: 7px;
    margin-bottom: 7px;
}

.eps4workflowStep .eps4blue {
    color: rgb(17,165,240);
}

.eps4workflowStep .eps4wfWhiteCornerBorder.eps4wfWhiteCornerBorderSelected {
    border-color: rgb(17,165,240);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, .12), 0px 1px 2px rgba(0, 0, 0, .22);
    border-width: 1px;
}

.eps4workflowStep .eps4wfStepFooter {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.eps4workflowStep .eps4wfFooterNote {
    margin-top: 10px;
}

.eps4workflowStep .eps4wfStepFooter .eps4leftBtns {
    flex: 1;
}

    .eps4workflowStep .eps4wfStepFooter .eps4leftBtns span.eps4btn:first-child {
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

.eps4workflowStep .eps4wfStepFooter .eps4wfActionsBtn span.eps4btn:last-child {
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.eps4workflowStep .eps4wfStepFooter .eps4configBtn {
    margin-top: 0;
    margin-bottom: 0;
}

.eps4workflowStep .eps4wfStepFooter .eps4imgHelp {
    margin-bottom: 0;
    margin-left: 10px;
}


    .eps4workflowStep .eps4wfStepFooter .eps4imgHelp > span {
        right: 35px;
        margin-top: -24px;
    }

.eps4workflowStep .eps4arrow {
    background-image: url('../../../images/eps/transverse/arrow.png?v=4602903d89');
    background-repeat: no-repeat;
    background-size: 16px;
}


    .eps4workflowStep .eps4arrow.eps4arrowUp {
        background-image: url('../../../images/eps/transverse/arrow_up.png?v=4be41cc485');
    }

.eps4workflowStep .eps4wfStepBody table {
    width: 100%;
    table-layout: fixed;
}

    .eps4workflowStep .eps4wfStepBody table .eps4phoneInputsWrapper .eps4prefixInput {
        width: 80px;
        margin-right: 5px;
    }

    .eps4workflowStep .eps4wfStepBody table .eps4emailInput {
        min-width: 100% !important;
    }

.eps4workflowContainer.eps4centeredContent section {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 400px; /* à garder supérieur ou égal à celui de .eps4workflowContainer pour que les boutons en fin de <section> soient en bas de .eps4workflowContainer */
}

.eps4workflowContainer.eps4centeredContent p {
    text-align: center;
    margin: 0.5em auto;
    max-width: 35em;
    font-size: 1em;
}

.eps4workflowContainer.eps4centeredContent label {
    display: block;
    text-align: left;
    margin: 0.5em auto;
    font-size: 1.1em;
}

.eps4workflowContainer.eps4centeredContent .blocmsg p {
    text-align: left;
    max-width: 100%;
}

.eps4workflowContainer.eps4centeredContent .eps4mainIcon {
    height: 70px;
    width: 70px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: 25px;
}

    /* Ces icônes paraissent plus petites que les autres, on les grossit un peu */
    .eps4workflowContainer.eps4centeredContent .eps4mainIcon.eps4iconCableOk,
    .eps4workflowContainer.eps4centeredContent .eps4mainIcon.eps4iconCableNoConnection {
        height: 90px;
        width: 90px;
    }

.eps4workflowContainer.eps4centeredContent input {
    width: 30em;
    max-width: 100%;
}

.eps4workflowContainer.eps4centeredContent .blocboutons {
    margin-top: auto; /* Pour que flexbox puisse espacer au max, et mettre le bloc tout en bas */
    align-self: flex-end;
    padding-bottom: 0;
}

#C\:eps4mailingAddress.eps4workflowStep .eps4wfStepBody,
#C\:eps4relayTakeAppointment.eps4workflowStep .eps4wfStepBody,
#C\:eps4relayConfirmAppointment.eps4workflowStep .eps4wfStepBody,
#C\:eps4laydownTakeAppointment.eps4workflowStep .eps4wfStepBody,
#C\:eps4laydownConfirmAppointment.eps4workflowStep .eps4wfStepBody,
#C\:eps4unmount.eps4workflowStep .eps4wfStepBody,
#C\:eps4offers.eps4workflowStep .eps4wfStepBody {
    min-height: 120px;
}

#C\:eps4removalContainer.eps4workflowContainer {
    min-height: 280px;
}

/****** PROGRESSBAR */

.eps4progress {
    vertical-align: baseline;
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

.eps4progress {
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: 0.75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}

    .eps4progress .eps4progressBar {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        background-color: #0f74a8;
        transition: width 0.6s ease;
    }

@media screen and (prefers-reduced-motion: reduce) {
    .eps4progress .eps4progressBar {
        transition: none;
    }
}

.eps4progressBarStriped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
}

.eps4progressBarAnimated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
}

/************************************* HELIOS ***************************************/
.eps4heliosBottomMargin {
    min-height: 1em;
}

/*Internationalisation - NEERLANDAIS - début*/
html[lang|=nl] .eps4timePdfLine {
    width: 7.1em;
}

html[lang|=nl] #C\:eps4timeAlertLine {
    width: 12em;
}

html[lang|=nl] .eps4row {
    max-width: 1080px;
}

html[lang|=nl] .eps4system:first-child {
    width: 172px;
    word-wrap: break-word;
    max-width: 172px;
}

    html[lang|=nl] .eps4system:first-child H4 {
        /* white-space: nowrap; */
        overflow: hidden;
        text-overflow: ellipsis;
        width: 167px;
    }
/*Internationalisation - NEERLANDAIS - fin*/

/* INTL PHONE INPUT */

.eps4phoneListWidget {
    width: 100%;
    margin-bottom: 15px;
}

.eps4phoneListWidget .eps4phoneListItem {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 10px;
}

.eps4phoneListItem .eps4phoneType,
.eps4phoneListItem .eps4phoneUsage,
.eps4phoneListItem .eps4phoneNumber {
    margin-right: 10px;
}

.eps4phoneListItem .eps4phoneUsage,
.eps4phoneListItem .eps4phoneType {
    width: 25%;
}


.eps4phoneListItem .eps4phoneActions {
    flex: 1;
}

    .eps4phoneListItem .eps4phoneActions .eps4imgDelete {
        float: left;
    }

.eps4phoneListItem.eps4sample,
.eps4phoneListItem.eps4phoneDeletedItem {
    display: none;
}

/* 5522 et 5528 */
.eps4icon-email:before {
    font-family: 'fts_commun';
    content: "\EE61";
    vertical-align: bottom;
    margin-right: .2em;
    font-size: 17px;
}

.eps4installStep #C\:eps4TTPBackBtn {
    display: inline-block;
    margin: .5em 0 -1.5em .3em;
}

/* Il y a des exceptions sur le WP */
.eps4installStep .eps4icon-email:before {
    vertical-align: sub !important;
}


.eps4emailValue .eps4emailInput {
    padding: .3em !important;
}

/* CF: eps4phoneListWidgetActions */
.eps4emailListWidgetActions {
    margin-top: 2.868em;
    margin-bottom: 2em;
}

/* // // */

.eps4icon-fixe:before {
    font-family: 'customFont';
    content: "\e942";
}

.eps4icon-portable:before {
    font-family: 'customFont';
    content: "\e958";
}

.eps4icon-fax:before {
    font-family: 'customFont';
    content: "\f1ac";
}

.eps4phoneListVisuWidget ul {
    list-style: none;
    font-size: 13px;
}

    .eps4phoneListVisuWidget ul li {
        margin: 4px 0;
    }

    .eps4phoneListVisuWidget ul.eps4phoneSampleList {
        display: none;
    }


/* LISTE DES MAILS HELIOS */

.eps4emailListVisuWidget ul {
    list-style: none;
    font-size: 13px;
}

    .eps4emailListVisuWidget ul li {
        margin: 4px 0;
    }

    .eps4emailListVisuWidget ul.eps4emailSampleList {
        display: none;
    }

.eps4emailListWidget {
    width: 100%;
    margin-bottom: 15px;
}

    .eps4emailListWidget .eps4emailListItem {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-bottom: 10px;
    }

.eps4emailListItem .eps4emailType,
.eps4emailListItem .eps4emailValue {
    margin-right: 10px;
    width: 25%;
}

.eps4emailListItem .eps4emailType {
    width: 25%;
}

.eps4emailListItem .eps4emailActions {
    flex: 1;
}

    .eps4emailListItem .eps4emailActions .eps4imgDelete {
        float: left;
    }

.eps4emailListItem.eps4sample,
.eps4emailListItem.eps4emailDeletedItem {
    display: none;
}

/* Page de contact BE et NL */
body[culturesinbad=be] #C\:ContactPage\:D #C\:eps4transverse,
body[culturesinbad=nl] #C\:ContactPage\:D #C\:eps4transverse {
    min-height: auto;
}

body[culturesinbad=be] #C\:ContactPage\:D #C\:eps4content,
body[culturesinbad=nl] #C\:ContactPage\:D #C\:eps4content {
    min-height: auto;
}

/* FOOTER "OPERE PAR EPS" */
#ei_tpl_footer_menu.ei_tpl_footer--withimg ul {
    text-align: center;
}

div#ei_tpl_footer_menu_img {
    display: none;
}

/*ReCAPTCHA*/
.eps4reCAPTCHA {
    width: 80%;
    z-index: 20;
    text-align: left;
    color: #7e93a1;
    position: relative;
    font-family: "EncodeSans-Thin", Arial, sans-serif;
    font-size: 12px;
}

    .eps4reCAPTCHA a {
        color: #7e93a1;
        text-decoration: underline;
    }

/*WEBSXB0-2691 - Remplacement phone-format.js
  Ajout règle pour éviter que le reCAPTCHA soit au premier plan lorsque l'on 
  ouvre la dropdownlist des préfixes ITI de la modale callback */
.eps4modal .eps4reCAPTCHA {
    z-index: auto;
}

/* Bannière de téléchargement */
.eps4downloadBanner {
    position: fixed;
    z-index: 12; /* Au-dessus de la plupart des éléments, en dessous du bandeau vert de bonne exécution (eps4successNotification) */
    bottom: 0;
    width: 100%;
    background-color: white;
    border: none;
    box-shadow: 0 -6px 6px rgba(0, 0, 0, .12);
    padding: 1em 3em;
    color: inherit; /* la couleur de la charte plutôt que celle par défaut de dialog */
    animation-name: appearFromBottom;
    animation-duration: 0.5s;
}
    @keyframes appearFromBottom {
        from { bottom: -4em; } to { bottom: 0; }
    }
    .eps4downloadBanner .eps4imgClose {
        width: 30px;
        height: 30px;
        position: absolute;
        inset: 0 0 0 auto;
        margin: auto 0.5em auto 0;
    }
    .eps4downloadBanner p {
        text-align: center;
    }