/* Échec de l'agrandissement. Renvoi du contenu non agrandi.
(1197,51): run-time error CSS1038: Expected hex color, found '#3e3d5d7'
 */
#Steps, #Steps *:before, #Steps *:after {
    box-sizing: content-box;
    margin-bottom: 50px;
}



    #Steps .section-header, #Steps .steps-header, #Steps .steps-name {
        color: #2098d1;
        font-weight: 400;
        font-size: 1.4em;
    }

.text-danger-custom {
    color: tomato;
}


.containerReset .text-danger-custom {
    color: #f44336;
}

.containerMessage {
    width: 80%;
    margin-left: 10%;
    text-align: center;
    margin: 20px 10%;
}

#profilCreationForm input {
    color: #FFF;
}



.containerDossiers .boutonVoirPlus {
    padding-top: 50px;
}

#cacheHeader {
    height: 100px;
    background-color: white;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1049;
}

.truncateTitle {
    text-overflow: ellipsis;
    overflow: hidden;
}

.RenderBody .wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 840px;
    min-height: 1000px !important;
    /* padding: 20px; */
    background: rgba(4, 40, 68, 0.85);
    /* overflow: hidden; */
}

#cacheHeader .topBar i {
    vertical-align: middle;
    margin-right: 10px;
    color: #60a7db;
    transform: rotate(-25deg);
    font-size: 20px;
}

.containerLogin.confirmationMotPasse, .containerLogin.selectionProfilRdv {
    width: 40%;
    text-align: center;
}

    .containerLogin.selectionProfilRdv .form-control {
        color: white;
    }

        .containerLogin.selectionProfilRdv .form-control option {
            color: #347bb8;
        }

    .containerLogin.confirmationMotPasse .section-titre-login {
        color: #fff;
    }

#cacheHeader .bottomBar i {
    vertical-align: baseline;
    margin-right: 10px;
    color: #60a7db;
    font-size: 16px;
}

#cacheHeader .topBar.connected {
    background-color: #2098d1;
}

#cacheHeader .topBar .container {
    height: 100%;
}

#cacheHeader .topBar, #cacheHeader .bottomBar {
    height: 50%;
}

    #cacheHeader .topBar img {
        height: 100%;
        width: 150px;
    }


#cacheHeader .bottomBar {
    border: 1px solid lightgray;
    padding-left: 150px;
    padding-right: 100px;
}

    #cacheHeader .bottomBar p {
        height: 100%;
        padding-top: 15px;
        display: inline-block;
        border-bottom: 3px solid #549bd1;
    }

        #cacheHeader .bottomBar p .menuRdvTitle {
            height: 100%;
            padding-top: 15px;
            font-size: 13px;
            color: #2098d1;
        }

            #cacheHeader .bottomBar p .menuRdvTitle:hover {
                text-decoration: none;
            }

.steps-timeline {
    outline: 1px dashed rgba(255, 0, 0, 0);
}

    .steps-timeline a:link, .steps-timeline a:hover {
        text-decoration: none;
    }

@media screen and (max-width: 500px) {
    .steps-timeline {
        border-left: 2px solid #2098d1;
        margin-left: 25px;
    }
}

@media screen and (min-width: 500px) {
    .steps-timeline {
        border-top: 2px solid #2098d1;
        padding-top: 20px;
        margin-top: 60px;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
    }

        .steps-timeline.two-steps {
            width: 30%;
        }

        .steps-timeline.one-steps {
            width: 30%;
        }
}

.steps-timeline:after {
    content: "";
    display: table;
    clear: both;
}

.steps-last {
    float: right;
    margin-right: -16%;
    width: 33%;
    margin-top: -50px;
}

.steps-only {
    margin-top: -50px;
}

@media screen and (max-width: 500px) {
    .steps-one, .steps-two, .steps-three {
        margin-left: -25px;
    }
}

@media screen and (min-width: 500px) {
    .steps-one, .steps-two, .steps-three {
        float: left;
        width: 33%;
        margin-top: -50px;
    }
}

@media screen and (max-width: 500px) {
    .steps-one, .steps-two {
        padding-bottom: 40px;
    }
}

@media screen and (min-width: 500px) {
    .steps-one {
        margin-left: -16.65%;
        margin-right: 16.65%;
    }
}

@media screen and (max-width: 500px) {
    .steps-three {
        margin-bottom: -100%;
    }
}

@media screen and (min-width: 500px) {
    .steps-three {
        margin-left: 16.65%;
        margin-right: -16.65%;
    }
}

.steps-img {
    display: block;
    margin: auto;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
}

    .steps-img.valid {
        cursor: pointer;
    }

        .steps-img.valid:hover::before {
            background-color: grey;
            color: white;
        }

@media screen and (max-width: 500px) {
    .steps-img {
        float: left;
        margin-right: 20px;
        -webkit-transition: all 0.3s; /* Safari */
        transition: all 0.3s;
    }

        .steps-img.valid {
            cursor: pointer;
            -webkit-transition: all 0.3s; /* Safari */
            transition: all 0.3s;
        }

            .steps-img.valid:hover::before {
                background-color: grey;
                color: white;
            }
}

.steps-name, .steps-description {
    margin: 0;
}

@media screen and (min-width: 500px) {
    .steps-name {
        text-align: center;
    }
}

.steps-description {
    overflow: hidden;
    color: #6c7980;
    font-weight: 600;
}

@media screen and (min-width: 500px) {
    .steps-description {
        text-align: center;
    }
}

a p.steps-description {
    color: #2098d1;
}

.steps-img:before {
    display: block;
    text-align: center;
    padding-top: 15px;
    background-color: white;
    color: #6c7980;
    border-radius: 25px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    height: 34px;
    padding-left: 5px;
    font-size: 22px;
}
/*rdv rapide*/
#rdvRapide {
    position: fixed;
    bottom: 35px;
    right: 15px;
    max-width: 250px;
    border-radius: 15px;
}

    #rdvRapide #versionLaptop {
        background: #cdcdcd;
        text-align: center;
        padding: 15px;
    }

#containerModalRdvUrgent #loaderModal {
    margin: 20px 0;
}

#modalrdvRapide .modal-body {
    padding: 24px;
    overflow: auto;
}

#modalrdvRapide h4 {
    text-align: center;
}

#modalrdvRapide .modal-content {
    overflow: auto;
}

#rdvRapide .btn {
    color: #fff !important;
    background-color: #2098d1 !important;
    border-radius: 15px;
    -webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
}

    #rdvRapide .btn:focus {
        outline: none;
    }

    #rdvRapide .btn:hover {
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
    }
/*fin rdv rapide*/


/*calendrier*/
.semaine .colonnesCalendrier.dateMobile {
    display: none;
}

#rdvRapide #versionMobile {
    position: fixed;
    cursor: pointer;
    right: 13px;
    bottom: 40px;
    background: gray;
    border-radius: 50px;
    color: #fff;
    padding: 15px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
}



.semaine {
    overflow: auto;
    /*padding: 15px;*/
}

#loaderModal {
    text-align: center;
}

.containerCalendrier .modal, .containerPageLogin .modal {
    text-align: center;
    padding: 0 !important;
    background-color: rgba(0,0,0,0.6);
}

.containerCalendrier .modal-header, .containerPageLogin .modal-header {
    padding-top: 35px;
    padding-bottom: 35px;
    border: 1px solid lightgrey;
}

.containerCalendrier .modal-footer, .containerPageLogin .modal-header {
    text-align: center;
}

.containerCalendrier .modal ul {
    list-style-type: none;
}

.containerCalendrier .modal .fa-check-circle:before {
    color: #13bd9d;
    margin-right: 15px;
    vertical-align: baseline;
}

#stickyDiv {
    position: initial;
    -webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
    padding: 10px 0;
    background-color: white;
}

section.corpsPage.pageLoginPriseRdv, section.corpsPage.pageDossierRdv, .pageResetPassword, section.corpsPage.pageLoginPassword {
    margin-bottom: 50px;
}

#stickyDiv .container {
    padding: 0;
}

#stickyDiv.affix {
    top: 100px;
    position: fixed;
    background-color: white;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    left: 0;
    right: 0;
    z-index: 1;
}

#stickyDiv, .affix-wrap {
    height: 80px;
}

.containerCalendrier .modal .fa-user {
    color: #2098d1;
    margin-right: 15px;
}

.containerCalendrier .modal li .btnSelect {
    color: grey !important;
    background: none !important;
    float: right;
    -webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
    border: 1px solid grey !important;
    border-radius: 15px;
    margin: 0;
}

    .containerCalendrier .modal li .btnSelect.active {
        color: #fff !important;
        background-color: #2098d1 !important;
        border: none !important;
    }

    .containerCalendrier .modal li .btnSelect:focus {
        outline: none;
    }

    .containerCalendrier .modal li .btnSelect:hover {
        color: #fff !important;
        background-color: #2098d1 !important;
    }

.containerCalendrier .modal li, .containerCalendrier .modal li span {
    min-height: 40px;
    vertical-align: sub;
}

.containerCalendrier .modal .btnValider {
    background: #29bf5e;
    color: white;
    -webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
    border-radius: 5px;
}

    .containerCalendrier .modal .btnValider:hover {
        background: #43d978;
    }

.containerCalendrier .modal label {
    float: right;
    margin-top: 19px;
}

.containerCalendrier .modal .btnValider a {
    text-decoration: none;
    color: white;
}

.containerCalendrier .modal .btnValider:hover a {
    text-decoration: none;
    color: #13bd9d;
}

.containerCalendrier .modal .btnAnnuler {
    background: none !important;
    color: grey;
    -webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
    border-radius: 5px;
    padding: 8px 16px;
}

    .containerCalendrier .modal .btnAnnuler:hover {
        background: tomato !important;
        color: #fff !important;
        border: none;
    }


.containerCalendrier .modal-header .close, .containerPageLogin .modal-header .close, .containerPageReset .modal-header .close {
    /* margin-top: -2px; */
    position: absolute;
    top: 7px;
    right: 7px;
}



.containerCalendrier .modal.in .modal-dialog, .containerPageLogin .modal.in .modal-dialog, .containerPageReset .modal.in .modal-dialog {
    border-left: 9px solid #2098d1;
}

.containerCalendrier .modal-dialog {
    margin-top: 200px;
}

@media only screen and (max-width:767px) {
    .containerCalendrier .modal-dialog {
        margin-top: 100px;
    }
}

.containerCalendrier .modal-dialog, .containerPageLogin .modal-dialog, .containerPageReset .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

#modalChoixCollaborateur h5 {
    text-align: center;
}

.containerPageLogin .modal h5, .containerPageReset .modal h5 {
    text-align: center;
    color: #2098d1;
}

.containerCalendrier .boutonConfirmation .btn {
    background: #2098d1 !important;
    color: white;
    -webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
}

    .containerCalendrier .boutonConfirmation .btn:hover {
        background: white !important;
        color: #2098d1 !important;
    }

.colonnesCalendrier {
    float: left;
    width: 130px;
    text-align: center;
}

#stickyDiv .colonnesCalendrier:first-child {
    margin: 0;
}

div.semaine > .colonnesCalendrier:nth-child(2) {
    margin-left: 130px;
}


.colonnesCalendrier ul {
    list-style-type: none;
    padding: 0;
}

.colonnesCalendrier strong {
    background-color: #fff;
    border-radius: 25px;
    padding: 6px 15px;
    border: 2px solid #2098d1;
    cursor: pointer;
    color: rgba(15,30,62,0.67);
}

    .colonnesCalendrier strong:hover {
        border: 2px solid #29bf5e;
        color: #29bf5e;
    }

.colonnesCalendrier ul li {
    margin-bottom: 25px;
}

.colonnesCalendrier .date span {
    color: #2098d1;
    font-weight: bold;
    margin-bottom: 10px;
}

.colonnesCalendrier .dateMobile .date .fa.fa-chevron-down {
    position: absolute;
    top: 12px;
    right: 12px;
    color: gray;
}

.colonnesCalendrier .dateMobile .date {
    position: relative;
}

.colonnesCalendrier .date {
    margin: 10px 0;
    color: black;
}

.colonnesCalendrier .dateWeekend {
    color: lightgray;
    margin-bottom: 10px;
}

.colonnechevron span {
    background-color: #2098d1;
    font-size: 40px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 50%;
}

.colonnechevron.chevronLeft span {
    padding: 0px 22px 2px 17px;
}

.colonnechevron.chevronRight span {
    padding: 0px 19px 2px 22px;
}

.colonnechevron.chevronLeft span img {
    transform: rotate(0.5turn);
}

@media screen and (min-width:1200px) {
    .colonnechevron span:hover {
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
    }
}


/*fin calendrier*/

/*popover outil prise rdv*/
.popover.popoverRdv .popover-content, .popover.popoverRdv {
    background-color: #2098d1;
}

    .popover.popoverRdv .popover-content {
        color: #fff;
        font-weight: 500;
        border: 2px solid #2098d1;
    }


    .popover.popoverRdv.bottom > .arrow:after {
        border-bottom-color: #2098d1;
    }


/*fin popover*/
/*popoveraide motif*/
.popover.popoverAideMotif .popover-content {
    background-color: black;
}

.popover.popoverAideMotif .popover-content {
    color: white;
    border: none;
}

.popover.popoverAideMotif .popover-title {
    display: none;
}

.popover.popoverAideMotif {
    background: black;
}

    .popover.popoverAideMotif.bottom > .arrow:after {
        border-bottom-color: black;
    }


    .popover.popoverAideMotif.top > .arrow:after {
        border-top-color: black;
    }
/*fin popover*/
/*footer prise de rdv*/
.footerLogin {
    background: rgba(25,84,136,1) url("../images/ConnexionFondGrandTransparent.png") no-repeat;
    background-size: cover;
    bottom: 30px;
    padding: 20px 0;
    border-top: 5px solid #61a7db;
    z-index: 1035;
}

.containerPageLogin p {
    text-align: center;
}

.containerPageLogin .boutonConfirmation .btn {
    background: #13bd9d;
    color: white;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 11px;
    -webkit-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.16);
}

#modalpasdeCompteEtapeune .btnValider, #modalpasdeCompteEtapedeux .btnValider {
    background: rgba(0,165,80, 0.75) !important;
    color: white;
    -webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
    border-radius: 15px;
    padding: 8px 16px;
}

#modalpasdeCompteEtapedeux .modal-header {
    padding: 15px;
    border-bottom: 0;
}

#modalpasdeCompteEtapeune .btnValider a:link, #modalpasdeCompteEtapedeux .btnValider a {
    text-decoration: none;
    color: white;
}

#modalpasdeCompteEtapeune .modal-footer {
    text-align: center;
}

#modalpasdeCompteEtapedeux .contentdescription strong {
    color: #2098d1;
    font-size: 17px;
}

#modalpasdeCompteEtapedeux .contentdescription p {
    color: grey;
    text-align: center;
    font-size: 12px;
    padding-top: 8px;
}

#modalpasdeCompteEtapedeux .nouveaucode p {
    color: grey;
    text-align: center !important;
    font-size: 12px;
    padding-top: 8px;
}

#modalpasdeCompteEtapedeux .nouveaucode p {
    color: grey;
    text-align: center !important;
    font-size: 12px;
}

#modalpasdeCompteEtapedeux .modal-footer {
    text-align: left;
}

    #modalpasdeCompteEtapedeux .modal-footer .form-group {
        margin: 0 0 0 0%;
    }

    #modalpasdeCompteEtapedeux .modal-footer p {
        text-align: center;
        text-decoration: underline;
        margin: 20px 0;
    }

#modalpasdeCompteEtapeune .btnValider:hover, #modalpasdeCompteEtapedeux .btnValider:hover {
    webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

#modalpasdeCompteEtapedeux .btnValider a:link {
    color: #fff !important;
}

#modalpasdeCompteEtapeune .modal-body {
    padding-top: 0px !important;
}

.containerPageLogin .boutonConfirmation .btn:hover {
    background: white !important;
    color: rgba(0,165,80, 0.75) !important;
}

.pasDeCompte button {
    background: #6c7980;
    color: #fff !important;
    border: none;
    border-radius: 11px;
    -webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
    -webkit-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.16) !important;
    -moz-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.16) !important;
    box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.16) !important;
}

    .pasDeCompte button:focus {
        outline: none;
    }

    .pasDeCompte button:hover {
        webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }

.containerPageLogin .motDePaseOublie {
    margin: 0;
}

#SaisieEmail, #motDePasse {
    color: #fff !important;
}




.containerLogin, .containerReset {
    width: 60%;
    margin: 0 auto;
    background: linear-gradient(to right,#337ab7, #2098d1);
    padding: 10px 35px;
    border-radius: 15px;
    color: white;
}

    .containerLogin input[type=checkbox]:not(old), .containerLogin input[type=radio ]:not(old) {
        width: 0;
        margin: 0;
        padding: 0;
        opacity: 0;
    }

#containerButtonReturn button, #containerButtonReturn a {
    background-color: #2196f3;
    display: flex;
    justify-content: left;
    align-items: center;
    width: 40%;
}

.containerLogin.mot .containerButton, .containerReset.mot .containerButton {
    text-align: center;
}

.containerLogin .form-group {
    width: 40%;
    margin: 0 25px 0 0;
    display: inline-block;
}

.containerReset .form-group {
    display: block;
}

.containerLogin.motDePasseOublie .form-group {
    width: 100%;
}


.motDePasseOublie #ButtonSubmit button {
    background: transparent;
    border: none;
}

.containerLogin p, .containerReset p {
    text-align: center;
}

.containerLogin .form-group.label-floating label.control-label, .containerLogin .form-group.label-placeholder label.control-label {
    color: white;
}

.containerReset .form-group.label-floating label.control-label, .containerLogin .form-group.label-placeholder label.control-label {
    color: white;
}

.form-group small {
    color: #FFF;
}

.containerPageReset .form-group .help-block {
    background-color: transparent;
    font-size: 14px;
}

.containerLogin .togglebutton {
    margin-top: 20px;
}

    .containerLogin .togglebutton span {
        color: white;
        margin-right: 20px;
    }

    .containerLogin .togglebutton label input[type=checkbox]:checked + .toggle:after {
        background-color: #00A550;
    }

    .containerLogin .togglebutton label input[type=checkbox]:checked + .toggle {
        background-color: white;
    }

.containerPageLogin h4, .containerPageReset h4 {
    text-align: center;
    color: #2098d1;
    font-weight: bold;
}

.footerLogin .container {
    margin: 30px auto;
}


.footerLogin .containerTimeline:nth-child(2) {
    border-left: 1px solid white;
    border-right: 1px solid white;
}

@media only screen and (max-width:767px) {
    .footerLogin .containerTimeline:nth-child(2) {
        border-top: 1px solid white;
        border-bottom: 1px solid white;
        border-left: none;
        border-right: none;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .footerLogin .containerTimeline:first-child {
        padding-bottom: 20px;
    }

    .footerLogin .containerTimeline:last-child {
        padding-top: 20px;
    }
}

.footerLogin .containerTimeline {
    text-align: center;
    color: white;
}

    .footerLogin .containerTimeline img {
        margin-bottom: 20px;
    }
/*fin footer prise de rdv*/
/*Gestion des icons timeline*/
.steps-img.fa-calendar:before {
    padding-left: 3px;
}

.steps-img.fa-calendar.active:before, .steps-img.fa-calendar.active + .steps-description {
    color: #eb5a17;
}

.steps-img img {
    padding: 3px 0 0 1px;
    border: 2px solid;
    cursor: pointer;
    display: block;
    padding-top: 15px;
    border-radius: 25px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    height: 50px;
    width: 50px;
    padding: 10px;
    background-color: #2098d1;
}

.steps-img.fa-folder-open:before, .fa.fa-folder-open + .steps-description {
    color: #fbc42c;
}

.fa-puzzle-piece.active:before, .fa-puzzle-piece.active + .steps-description {
    color: #29bf5e;
}

.steps-img.fa-check-circle:before {
    color: #014681;
    font-size: 40px;
    padding: 3px 0 0 1px;
    height: 42px;
    border: 2px solid;
    cursor: pointer;
}

.steps-img.fa-check-circle:hover:before, .steps-img.fa-check-circle:hover + .steps-description {
    color: grey;
}

.steps-img.fa-check-circle {
    webkit-transition: all 0.3s;
    transition: all 0.3s;
}

    .steps-img.fa-check-circle:hover {
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.52), 0 4px 20px 0 rgba(0,0,0,0.52);
    }

.steps-img.fa-paper-plane:before {
    color: #014681;
    padding: 12px 1px 0 0px;
    height: 34px;
    border: 2px solid;
}

/*fin des icons*/
/*nature*/
.cadreCompletNature {
    clear: both;
}

#pasDeNature {
    text-align: center;
    font-weight: 500;
}

#searchDossier {
    /*Vats - Modifs de couleur de fond*/
    /*border: 1px solid black;*/
    padding: 2px 8px;
    background: #FFF;
    /*Vats - Modifs de couleur de fond*/
    /*border-bottom: 1px solid black !important;*/
    min-width: 100px;
    height: auto;
    cursor: pointer;
    display: inline-block;
    margin-left: 50px;
    /*Vats - Modifs de couleur de fond*/
    /*box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12)*/
}

    #searchDossier input {
        border: none;
    }

#filtrerCodeNature, #filtrerDossier, .containerCalendrier #filtrerPersonnes {
    /*Vats - Modifs de couleur de fond*/
    /*border: 1px solid black;*/
    padding: 2px 8px;
    border: none;
    background: #FFF;
    /*Vats - Modifs de couleur de fond*/
    /*border-bottom: 1px solid black !important;*/
    min-width: 100px;
    height: auto;
    cursor: pointer;
}

    #filtrerCodeNature option {
        text-align: center;
    }


.cadreCompletNature .form-group, .containerCalendrier .form-group {
    display: inline-block;
}

.cadreCompletNature select, .containerCalendrier #filtrerPersonnes {
    width: auto;
}






.lieuRdv p {
    line-height: 1.2em;
}
/*fin nature*/
/*dossiers*/

.cadreDossier {
    margin: 10px;
    min-height: 275px;
}

    .cadreDossier:hover {
        outline: 3px solid #2098d1;
    }

        .cadreDossier:hover a:hover {
            text-decoration: underline;
        }

.cadreDossierBleu {
    background: rgba(32,152,209,0.1);
}
/*.cadreDossier .cadreIntitule.bleu:hover, .cadreDossier .cadreIntitule.vert:hover, .cadreDossier .cadreIntitule.rouge:hover {
        webkit-filter: grayscale(100%); 
        filter: grayscale(100%);
    }*/
.cadreDossier .cadreIntitule.mut {
    background: linear-gradient(to right, #742894, #785886);
}

.cadreDossier .cadreIntitule.adj {
    background: linear-gradient(to right, rgb(101, 90, 82), rgb(150, 134, 122));
}

.cadreDossier .cadreIntitule.bax {
    background: linear-gradient(to right, rgb(85, 146, 71), rgb(181, 206, 0));
}

.cadreDossier .cadreIntitule.ico {
    background: linear-gradient(to right, #3e6da9,#3d65a8);
}

.cadreDossier .cadreIntitule.crb {
    background: linear-gradient(to right, #007883, #007382);
}

.cadreDossier .cadreIntitule.crb {
    background: linear-gradient(to right, #007883, #007382);
}

.cadreDossier .cadreIntitule.pli {
    background: linear-gradient(to right, #ef851a, #ef8b19);
}

.cadreDossier .cadreIntitule.isPro {
    color: #2098d1;
}

.cadreDossier .cadreIntitule.pro {
    background: linear-gradient(to right, #a83b40, #a83a3c);
}

.cadreDossier .cadreIntitule.mle {
    background: linear-gradient(to right, #115814, #115818);
}

.cadreDossier .cadreIntitule.prt {
    background: linear-gradient(to right, #354651, #344450);
}

.cadreDossier .cadreIntitule.ipi {
    background: linear-gradient(to right, #3e6da9, #3d68a8);
}

.cadreDossier .cadreIntitule.adp {
    background: linear-gradient(to right, #039791, #029497);
}

.cadreDossier .cadreIntitule.vdf {
    background: linear-gradient(to right, #cb6453, #cb6852);
}

.cadreDossier .cadreIntitule.cm {
    background: linear-gradient(to right, #ff499c, #ff499c);
}

.cadreDossier .cadreIntitule.cr {
    background: linear-gradient(to right, #a68147, #a68447);
}

.cadreDossier .cadreIntitule.dvc {
    background: linear-gradient(to right,#3d3d5d, #3e3d5d7);
}

.cadreDossier .cadreIntitule.dnt {
    background: linear-gradient(to right,#39b54a, #38b54f);
}

.cadreDossier .cadreIntitule.dne {
    background: linear-gradient(to right,#cd5885, #cd5880);
}

.cadreDossier .cadreIntitule.par {
    background: linear-gradient(to right,#2a8bb8, #2986b8);
}

.cadreDossier .cadreIntitule.scs {
    background: linear-gradient(to right,#006fc4, #0068c4);
}

.cadreDossier .cadreIntitule.sct {
    background: linear-gradient(to right,#8bb001, #84b001);
}

.cadreDossier .cadreIntitule.fds {
    background: linear-gradient(to right,#49846e, #498471);
}

.cadreDossier .cadreIntitule.set {
    background: linear-gradient(to right,#123f44, #113d44);
}

.cadreDossier .cadreIntitule.vso {
    background: linear-gradient(to right,#20b887, #20b88c);
}

.cadreDossier .cadreIntitule.prg {
    background: linear-gradient(to right,#3e6da9, #3d68a8);
}

.cadreDossier .cadreIntitule {
    color: #2098d1;
    text-align: left;
    padding-top: 20px;
    font-size: 18px;
    margin-bottom: 6px;
    font-weight: 400;
    transition: opacity .4s ease .2s, font-size .2s ease;
}

.cadreDossierN .cadreIntituleN {
    color: #2098d1;
    text-align: left;
    padding-top: 5px;
    font-size: 18px;
    margin-bottom: 6px;
    font-weight: 400;
    transition: opacity .4s ease .2s, font-size .2s ease;
}


.cadreDossier.sansDossier {
    padding-left: 30px;
    padding-right: 30px;
    color: #2098d1;
    text-align: center;
    font-weight: bold;
}

    .cadreDossier.sansDossier b {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
/*fin dossiers*/

/*resume*/
.boutonConfirmation {
    text-align: center;
}

.containerResume .libelle {
    width: 50%;
    margin: 0 auto;
    margin-bottom: 20px;
    line-height: 30px;
}

.containerResume .boutonConfirmation .btn {
    background: #13bd9d !important;
    color: white;
    -webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
}

    .containerResume .boutonConfirmation .btn:hover {
        background: white !important;
        color: #13bd9d !important;
    }

.containerResume .boutonConfirmation .btn {
    background: #13bd9d !important;
    color: white;
}

.containerResume {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    padding: 50px;
    padding-bottom: 20px;
    background: #fff;
}

.cadreDossier {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    width: 280px;
    margin: 10px;
    height: 280px;
    position: relative;
    display: inline-block;
}

.cadreDossierN {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    width: 280px;
    margin: 10px;
    height: 280px;
    position: relative;
    display: inline-block;
    padding-right: 0px;
    padding-left: 0px;
}

.degrade {
    width: 100%;
    height: 30px;
    position: absolute;
    opacity: 1;
    transition: opacity .4s ease;
    bottom: 0;
    background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,255));
}

.containerResume .cadreResume, .containerResume .cadreResumeSansDossier {
    text-align: center;
}

.containerResume .lienModifierResultat {
    cursor: pointer;
    color: lightgray;
    font-size: 15px;
}

.containerResume .cadreResume:nth-child(2) {
    border-right: 1px solid lightgrey;
    border-left: 1px solid lightgrey;
}

    .containerResume .cadreResume:nth-child(2).deuxElement {
        border-right: none;
        border-left: 1px solid lightgrey;
    }

.containerResume .cadreResumeSansDossier:last-child {
    border-left: 1px solid lightgrey;
}

#titreResume {
    text-align: left;
    color: #03161f;
    font-size: 16px;
    font-weight: 500;
}

.containerResume .fa-folder-open {
    text-align: center;
    color: #fbc42c;
}

.containerResume .row {
    margin-bottom: 20px;
}

.containerResume .motifRendezVous {
    margin-top: 50px;
}

#inputMotif {
    width: 100%;
    height: 50px;
}

.containerResume .motifRendezVousConfirmation {
    color: #2098d1;
    margin-top: 20px;
}

.containerResume .motifRendezVous i {
    color: #2098d1;
}

.containerResume .form-group {
    margin: 0;
}

.containerResume .fa-calendar {
    text-align: center;
    color: #eb5a17;
}

.containerResume .fa-puzzle-piece {
    text-align: center;
    color: #29bf5e;
}
/*fin resume*/
.desactiverElement {
    -webkit-filter: grayscale(100%) !important;
    filter: grayscale(100%) !important;
    cursor: not-allowed !important;
    opacity: 0.5;
}

@media only screen and (max-width:1550px) {
    .containerLogin.confirmationMotPasse, .containerLogin.selectionProfilRdv {
        width: 80%;
        text-align: center;
    }
}

@media only screen and (min-width:991px) {
    .semaineCalendrier .colonnesCalendrier, .semaineHeader .colonnesCalendrier {
        width: 10%;
    }

        .semaineCalendrier .colonnesCalendrier:first-child, .semaineCalendrier .colonnesCalendrier:last-child,
        .semaineHeader .colonnesCalendrier:first-child, .semaineHeader .colonnesCalendrier:last-child {
            width: 15%;
        }
}

.choixCreneau {
    position: relative;
}

@media only screen and (max-width:991px) {
    .cadreDossier {
        width: 45%;
        min-height: 300px;
        overflow: hidden;
    }

    .choixCreneau {
        margin: 15px 0;
    }


    .colonnesCalendrier {
        width: 100%;
    }

    a.flat-butt, .flat-butt,
    .block-dossier a.flat-butt,
    .block-dossier .flat-butt,
    .btn {
        min-width: 180px;
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 14pt;
    }

    .containerLogin {
        width: 95%;
    }

    .pasDeCompte button {
        font-size: 13px;
    }



    /*.colonnesCalendrier ul {
        padding: 20px;
        text-align: left;
        max-height: 0px;
        padding: 0px;
    }*/

    .containerNature {
        margin: 20px;
    }

    .semaine .colonnesCalendrier.dateMobile {
        display: block;
    }

    /*.colonnesCalendrier li {
        display: inline-block;
        visibility: hidden;
    }*/

    .mobileopen .choixCreneau {
        visibility: initial;
    }



    .colonnesCalendrier.containDate {
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
        padding: 15px;
        margin: 30px 0;
    }

    .colonnesCalendrier .date.week {
        width: 60%;
        margin-left: 20%;
        margin-top: 50px;
        padding: 10px;
        box-shadow: 0 2px 5px 0 rgba(51, 122, 183,0.5), 0 2px 10px 0 rgba(51,122,183,0.3);
    }
}

@media (max-width: 767px) {
    .containerCalendrier .modal li, .containerCalendrier .modal li span {
        min-height: 43px;
    }

    .contact {
        background: #CCC;
        color: #444;
        padding: 15px;
        padding-bottom: 30px;
    }

    .containerResume .cadreResumeSansDossier:last-child {
        border-top: 1px solid lightgrey;
        border-left: none;
        padding-top: 20px;
    }
}



@media only screen and (max-width: 991px) {
    .no-passaram-sm {
        padding: 0 15px;
    }

    .containerResume .cadreResume:nth-child(2) {
        border-right: none;
        border-left: none;
        border-top: 1px solid lightgrey;
        border-bottom: 1px solid lightgrey;
        padding: 20px;
    }

    .containerResume .cadreResume:last-child {
        padding-top: 20px;
    }

    .no-passaram-xs {
        margin: 0;
        padding: 0;
    }

    .cadreCompletNature {
        margin-bottom: 30px;
    }

        .cadreCompletNature > span {
            margin-left: 15px;
        }

    .RenderBody {
        padding-top: 100px;
    }
}

@media only screen and (max-width:991px) {
    #modalpasdeCompteEtapeune .btnValider, #modalpasdeCompteEtapedeux .btnValider {
        display: block;
        margin: 0 auto;
    }


    #modalpasdeCompteEtapedeux .modal-footer .form-group {
        float: left;
    }

    #rdvRapide #versionLaptop {
        display: none;
    }

    #rdvRapide #versionMobile {
        display: inline;
    }

    .containerCalendrier .modal li .btnSelect {
        font-size: 12px;
    }

    .containerCalendrier .modal label {
        float: right;
        margin-top: 10px;
    }

    .semaine .colonnesCalendrier ul.mobileopen {
        /*height: auto;*/
    }

    .fonsizeNomUtilisateur {
        font-size: 0.70em;
    }

    #stickyDiv {
        display: none;
    }

    div.semaine > .colonnesCalendrier:nth-child(2) {
        margin-left: 0;
    }
}

@media screen and (min-width: 376px) and (max-width: 425px) {


    .container-pulse-button {
        left: 46% !important;
    }

    #Steps {
        margin-left: 30px;
    }

    .steps-name, .steps-description {
        padding-top: 8px;
        font-size: 25px;
    }

    .steps-timeline.one-steps {
        border-top: 2px solid #2098d1;
        padding-top: 20px;
        margin-top: 40px;
        margin-left: auto;
        margin-right: auto;
        border-left: none;
    }

    .steps-only {
        text-align: center;
    }

    .steps-timeline.one-steps .steps-img {
        display: inline-block;
        float: none;
    }

    .steps-last {
        float: none;
        margin-left: -6%;
        width: 50%;
        margin-top: 6px;
    }
}

@media screen and (max-width: 480px) {
    #Steps {
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 60px;
    }

    .containerLogin .form-group {
        width: 100%;
    }

    .steps-name, .steps-description {
        padding-top: 8px;
        font-size: 25px;
    }

    .steps-timeline.one-steps {
        border-top: 2px solid #2098d1;
        padding-top: 20px;
        margin-top: 40px;
        margin-left: auto;
        margin-right: auto;
        border-left: none;
    }



    .containerCalendrier form-group {
        margin-bottom: 20px;
    }

    .steps-only {
        text-align: center;
    }

    .containerResume {
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 60px;
    }

    .steps-timeline.one-steps .steps-img {
        display: inline-block;
        float: none;
    }

    .steps-last {
        float: none;
        margin-left: -25px;
        width: 100%;
        margin-top: 6px;
    }

    .colonnesCalendrier .date.week {
        width: 80%;
        margin: 5% 10%;
    }




    .steps-img {
        height: 45px;
    }

    .containerCalendrier > div > div.form-group {
        margin: 10px 0 0 0;
    }
}

@media screen and (min-width: 200px) and (max-width: 425px) {
    #map {
        height: 170px !important;
    }

    .containerReset {
        width: 100%;
    }

    section.corpsPage {
        margin: 10px;
    }
}

@media screen and (max-width: 425px) {
    #modalChoixCollaborateur ul {
        padding: 0px;
    }

    #modalChoixCollaborateur .btn {
        min-width: auto;
        padding: 10px 20px;
    }

    #cacheHeader .topBar {
        height: 100%;
        border-bottom: 1px solid lightgray;
    }

    #cacheHeader .bottomBar {
        height: 50px;
        padding-left: 100px;
        padding-right: 50px;
    }

    #cacheHeader {
        height: 50px;
    }

        #cacheHeader .bottomBar {
            border: 1px solid lightgray;
            background-color: #fff;
        }

    .footerLogin {
        position: initial;
        padding: 20px 50px;
    }



        .footerLogin .containerTimeline:nth-child(2) {
            border-left: none;
            border-right: none;
            border-bottom: 1px solid white;
            border-top: 1px solid white;
            padding: 20px;
        }

        .footerLogin .containerTimeline {
            padding: 20px;
        }

    .footerLogin {
        position: inherit !important;
    }

    .containerResume .libelle {
        width: 100%;
    }
}



.navbar-fixed-top {
    top: inherit;
}




#aTitleRdv {
    font-size: 12px;
    font-weight: 300;
}

@media only screen and (max-width: 992px) {
    #aTitleRdv {
        width: inherit;
    }
}

#textInputsLogin {
    margin-top: 20px;
}



.frameRDV {
    overflow: hidden;
    background: rgba(32,152,209,0.1);
}



    .frameRDV .descriptionNature {
        overflow: hidden;
    }

    .frameRDV p.lieuRdv {
        position: absolute;
        bottom: 0;
        text-align: center;
        left: 0;
        width: 100%;
    }

@media only screen and (min-width: 992px) {
    #textInputsLogin > div:first-child {
        float: left;
        margin: 0 0 0 25px;
    }

    #textInputsLogin > div:last-child {
        float: right;
        margin: 0 25px 0 0;
    }


    .frameRDV .descriptionNature {
        max-height: 9em;
        line-height: 1.5em;
    }
}

@media only screen and (min-width: 1000px) {

    .frameRDV {
        width: 30%;
    }

    .cadreCompletNatureHeader, .cadreCompletNatureContent {
        margin-left: 5%;
        margin-top: 50px;
    }

        .cadreCompletNatureHeader > div {
            display: inline-block;
        }
}






.form-group .radio > * {
    color: #FFF !important;
}



.radio .circle {
    border: 2px solid rgba(255,255,255, .54) !important;
    border-color: #FFF !important;
}

.radio input[type=radio]:checked ~ .check, label.radio-inline input[type=radio]:checked ~ .check {
    background-color: #210;
}

#ButtonForgotPassword button {
    background-color: inherit;
    border-width: 0;
}

.smallDiv {
    margin-top: 50px;
}

.fa-chevron-circle-down {
    color: #2098d1;
}

.requiredLabel label:after {
    content: " *";
    color: red !important;
}

.champsObligatoires {
    text-align: right !important;
    color: #aaa;
    font-size: 10px;
    font-style: italic;
    font-weight: bold;
    padding-top: 10px;
}

.semaine {
    min-height: 500px;
    padding: 20px 0 !important;
    background: #fff;
}

#loader {
    margin-top: 100px;
}

@media only screen and (max-width:576px) {
    #Centrerloader {
        position: absolute;
        min-height: 0;
        bottom: -20%;
        left: 50%;
        transform: translateX(-50%);
    }

    #loader {
        margin-top: 0px;
    }
}

.colonnesCalendrier ul {
    margin-top: 30px;
}

.noOneMessage {
    text-align: center;
    margin-top: 100px;
    color: #2098d1;
    font-size: 1.5em;
    font-weight: 600;
}

#mainContentDossierRdv {
    margin-bottom: 100px;
}

#filtresDossierRdv {
    margin-bottom: 50px;
    font-size: 16px;
    font-weight: 500;
}

    #filtresDossierRdv span {
        display: inline-block;
    }

#dossiersRDV {
    margin-top: 20px;
}


@media only screen and (max-width:767px) {
    #searchDossier {
        float: unset;
        margin-top: 20px;
    }

    .cadreDossier {
        width: 90%;
        margin: 5%;
        min-height: 300px;
        overflow: hidden;
    }
}




#ForgotPassword {
    font-size: 13px;
}


.dureeAndLieu {
    min-height: 100px;
}




#new-dos-big-title-rdv {
    color: #2098d1;
    font-size: 25px;
    font-weight: 500;
    position: relative;
}

.pageDossierRdv {
    margin-bottom: 50px;
}



#searchDossier label {
    margin-bottom: 0px;
}

.cadreDossier .cadreIntitule.pasDeDossier {
    text-align: center;
    padding: 0 !important;
    margin: 0 !important;
    top: 50%;
    width: 90%;
    transform: translateY(-100%);
    position: absolute;
    left: 5%;
    color: #6c7980;
}

.TimeAndPlaceRdv .fa-clock-o, .fa-map-marker {
    font-size: 1.3em;
}

.TimeAndPlaceRdv .fa-map-marker {
    margin-left: 3px;
}

.descriptionRdv:hover~.degrade, .degrade:hover {
    opacity: 0;
    transition: opacity .4s ease;
}

.descriptionRdv:hover ~ .TimeAndPlaceRdv, .degrade:hover ~ .TimeAndPlaceRdv, .descriptionRdv:hover ~ .cadreIntituleN, .degrade:hover ~ .cadreIntituleN {
    opacity: 0;
    font-size: 0;
    transition: opacity .2s ease, font-size .4s ease .2s;
}

.timeRdv, .placeRdv {
    position: relative;
    margin: 6px 0;
    transition: margin .2s ease;
}

.descriptionRdv:hover~.TimeAndPlaceRdv>div, .degrade:hover~.TimeAndPlaceRdv>div {
    margin: 0;
    transition: margin .4s ease .2s;
}

.TimeAndPlaceRdv {
    font-weight: 600;
    opacity: 1;
    font-size: 15px;
    transition: opacity .4s ease .2s, font-size .2s ease;
}

    .TimeAndPlaceRdv .lieuRdv .col-xs-10 {
        height: 2.9em;
        line-height: 1em;
        overflow: hidden;
    }

.descriptionRdv {
    font-size: 13px;
}

.descriptionRdv {
    font-weight: 300;
    font-size: 15px;
    color: #6c7980;
    order: 3;
    height: 200px;
}

    .descriptionRdv:hover {
        top: 50px;
        height: 55%;
    }



    .descriptionRdv ~ .closeDescriptionMobile {
        display: none;
    }

@media only screen and (max-width:991px) {

    .descriptionRdv:hover {
        top: 50px;
        height: unset;
        min-height: 50%;
        overflow: visible
    }

        .descriptionRdv:hover ~ .closeDescriptionMobile {
            display: block;
            left: 50%;
            transform: translateX(-50%);
            bottom: 80%;
            position: absolute;
        }
}

.handshake {
    min-height: 40%;
    width: 40%;
    position: absolute;
    top: 30%;
    left: 30%;
    content: url(../../content/images/priseDeRdv/handshake.svg);
}

@media only screen and (max-width:991px) {
    .TimeAndPlaceRdv {
        margin: 0 2%;
    }
}






.noFolderRdv {
    font-size: 15px;
    margin-top: 45px;
}


#personneMessageRdv {
    font-weight: 500;
}

@media only screen and (max-width:767px) {
    .handshake {
        min-height: 30%;
        width: 30%;
        position: absolute;
        top: 30%;
        left: 35%;
        content: url(../../content/images/priseDeRdv/handshake.svg);
    }

    .TimeAndPlaceRdv {
        margin: 0 5%;
    }

    #personneMessageRdv {
        font-weight: 600;
        text-align: center;
    }
}

.loaderSelectCreneaux {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}