.backend-admin-feature {
    padding: 20px 0;
}

.admin-feature {
    border: 3px solid #5C9FD6;
    background-color: #5C9FD6 !important;
    color: #FFF;
}

#sideHelper-faq .toggle-button:focus,
.questions .question-nav:active,
.questions .question-nav:focus {
    outline: 0
}

#askEmailNo,
#header-phone,
#sideHelper-faq #header-faq li img:hover,
.concept .home-etape a,
.les-etapes h4#les-modifications,
.les-etapes img,
.les-etapes-creation h4#documents-generes,
.les-etapes-creation h4#documents-prepares,
.les-etapes-creation h4#justificatifs,
.liste-dossier .display-dossier.dossier-row,
.questions .question .question-control label,
body.backend #header-choice ul.choices li,
ul#header-faq li span {
    cursor: pointer
}

h2 {
    font-size: 1.827em;
    margin: .414em 0 .5em
}

.newsletter.creer-bg:active,
.newsletter.creer-bg:focus,
.newsletter.creer-bg:hover {
    background-color: #6ABD9D;
    border-color: transparent
}

.gray {
    color: #aeaeae !important
}

.gray-text {
    color: #5a5758
}

.btn-flat,
.white {
    color: #fff
}

.rond {
    border-radius: 50%;
    width: 150px;
    height: 150px;
    padding-top: 35px
}

.bold {
    font-weight: 700
}

.bolder {
    font-weight: bolder
}

.hero-concept img {
    margin-bottom: 125px
}

.concept h2.creer-text {
    margin-bottom: 50px;
    font-size: 25px;
    text-transform: uppercase
}

h3.gray {
    margin-bottom: 40px;
    margin-top: 90px
}

ul.bullet-blue li:before {
    content: "● ";
    color: #6ABD9D
}

.avatar {
    margin-bottom: 70px
}

.avatar:last-child {
    margin-bottom: 150px
}

.avatar img {
    padding-top: 50px
}

.avatar .col-xs-9 {
    padding-left: 40px
}

.logo-titre {
    margin: 2em 0 2em;
}

.logo-titre h1 {
    margin-bottom: 40px;
    font-size: 25px !important
}

.logo-titre h2 {
    margin-bottom: 55px;
    font-size: 15px !important
}

.hero-tarifs .bg-blanc,
.prices-block .bg-gris,
.prices-block .bg-blanc {
    border-radius: 15px;
    padding: 20px 30px 20px 25px;
    color: #787878
}

body.cms .offre-components {
    padding-bottom: 10px;
    color: #a6a6a6;
    padding-right: 7px
}

ul.offre-components li {
    color: #000 !important;
    font-size: 14px;
    line-height: 27px;
    font-family: inherit;
    text-align: inherit
}

body.cms .offre-components li {
    margin-bottom: 20px
}

.prices-block a {
    position: relative;
    top: -30px;
    border-radius: 25px
}

h3 .number .devise {
    font-size: 22px;
    position: relative;
    top: -17px;
}

h3 .number .taxe {
    font-size: 12px;
    position: relative;
    top: -29px;
}

.number .devise {
    font-size: 28px;
    position: relative;
    top: -20px;
}

.number .taxe {
    font-size: 17px;
    position: relative;
    top: -34px;
}

.prices-legend {
    margin-top: 60px;
    margin-bottom: 30px;
    color: #000;
    font-size: 14px
}

.options-row h3 {
    color: #000 !important;
    font-size: 24.75px;
    margin-bottom: 15px
}

.options-legend {
    color: #9a9a9a;
    margin-bottom: 70px;
    padding: 0 175px
}

.options-row .option-list .option-price {
    color: #56b9ba !important;
    font-size: 40px !important;
    position: relative;
    top: -26px
}

.options-row .option-list h4 {
    color: #363636;
    font-size: 20px
}

.gestion-prices ul {
    color: #bababa;
    list-style-type: none;
    padding: 0
}

.gestion-prices ul li {
    margin-bottom: 10px
}

.tarif-modification {
    height: 50px;
    margin-bottom: 20px;
    padding-top: 15px;
    font-size: 15px
}

.tarif-modification.col-xs-4.btn-flat {
    width: 175px !important;
    border-radius: inherit
}

.tarif-modification .col-xs-4 {
    padding: 0
}

.etape .col-xs-3 {
    height: 125px;
    border-right: 1px solid #d5d5d5
}

.creation-bulle {
    margin-top: 45px;
    margin-bottom: 50px
}

.rond p {
    margin: 10px 0 0
}

.rond a {
    color: #cfcfcf;
    font-size: 11px;
    text-decoration: underline
}

.popup_creation_finalisation {
    color: #5e5e5e;
    font-size: 15.47pt
}

.popup_creation_finalisation_croix {
    margin-top: 15px;
    margin-bottom: 45px;
    margin-left: 20px
}

.popup_creation_finalisation_title {
    font-size: 44.15pt;
    margin-bottom: 70px
}

.popup_creation_finalisation_btn {
    margin-top: 60px;
    margin-bottom: 40px
}

.popup_creation_finalisation_legend {
    color: #b9b9b9;
    font-size: 13.47pt;
    margin-bottom: 60px
}

.hero h1 {
    font-size: 38px;
}

.hero h1 span {
    margin-top: 5px;
    margin-bottom: 40px;
    font-weight: lighter;
    letter-spacing: 5px
}

.hero-tarifs .btn-tarifs {
    position: absolute;
    top: 380px;
    left: 85px
}

.bg-partner,
.equipe {
    position: relative
}

ul.offre-components.gerer {
    margin-top: 10px
}

ul.offre-components.creer li,
ul.offre-components.gerer li {
    display: block
}

h3.tarifs-prestations {
    color: #000 !important;
    margin-top: 50px !important;
    margin-bottom: 50px !important;
    font-size: 18px !important
}

.etape-texte .col-xs-4 {
    padding: 0 50px
}

.intro p:first-child {
    margin-top: 85px
}

.intro .home-etape p {
    margin-top: 10px
}

.solution-block .home-etape .etape-img {
    padding-top: 80px
}

.home-screen .row {
    margin-left: 0;
    margin-right: 0
}

.home-screen h2 {
    margin: 40px 0 40px;
}

.mac-screen {
    padding-left: 0
}

.home-screen-list p:first-child {
    margin-bottom: 30px
}

.partner {
    height: 20px
}

.partner-2 {
    height: 110px;
    padding: 45px 0;
}

.bg-partner-2 {
    font-size: 1.415em;
}

.bg-partner {
    background-color: #000000;
    height: 110px;
    top: -70px
}

.bg-partner .row {
    margin: 0;
}

.bg-partner .main-carousel {
    padding-top: 15px;
}

.bg-partner .col-xs-12 {
    margin-top: 15px;
}

.solution img {
    margin-bottom: 15px
}

.simple-complexe {
    background: url(../../../img/simple-complexe.jpg) center center;
    height: 350px
}

.simple-complexe-mnc {
    background: url(../../../img/simple-complexe-mnc.jpg) center center;
    height: 350px
}

.simple-complexe h2, .simple-complexe-mnc h2 {
    margin-top: 80px;
    font-weight: lighter
}

.simple-complexe h4, .simple-complexe-mnc p {
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: lighter
}

.equipe h2 {
    margin: 40px 0 !important
}

.avatar-home img {
    margin-top: 40px;
    margin-bottom: 20px
}

.avatar-home img:last-child {
    margin-top: 35px;
    margin-bottom: 50px
}

.avatar-home h3 {
    font-size: 15px;
    margin-bottom: 40px
}

#newsletter2,
#newsletter2-input {
    padding: 6px 10px;
}

#newsletter2-input {
    font-size: 14px;
}

.newsletter {
    padding: 50px 0 0;
}

.newsletter h2 {
    margin: 25px 0;
    font-size: 35px
}

.newsletter p {
    margin-bottom: 55px
}

.newsletter .champs .btn-flat {
    height: 38px;
    top: -1px
}

.newsletter .champs input {
    line-height: 2;
    top: -3px
}

.home-tarifs {
    background-color: #fbfbfb
}

.home-tarifs .prices-block {
    margin-bottom: 100px
}

.home-tarifs .prices-block .bg-gris,
.home-tarifs .prices-block .bg-blanc {
    height: 640px !important
}

.iframe,
iframe#video {
    height: 400px
}

.home-tarifs h2 {
    margin: 50px 0 50px 0
}

.home-tarifs .prices-block h2 {
    margin: 10px 0;
}

.champs .btn-flat,
.les-etapes img,
.temoignage.main-carousel {
    position: relative;
}

.prices-block .number {
    margin-left: 45px;
}

.dark-gray {
    background-color: #444545;
}

.dark-gray-2 {
    background-color: #d6dada;
}

.video {
    font-size: 24px;
    background-color: #5c5c5c;
}

iframe#video {
    top: 0;
    left: 0;
    width: 100%;
}

.temoignage h2 {
    margin: 80px 0 130px;
}

.temoignage-text {
    margin-top: 25px;
}

.temoignage-text img {
    margin-bottom: 20px
}

.temoignage-text p {
    color: #8f8d8e
}

.temoignage-text p:first-child {
    margin-bottom: 40px
}

.temoignage-text p:last-child {
    margin-bottom: 40px;
}

.projet h2 {
    margin: 50px 0 45px
}

.projet p {
    margin-bottom: 60px
}

#forme-gerer,
.champs input,
.etape .home-etape .icon-questionnaire img {
    margin-bottom: 20px
}

#footer-bottom {
    background: #000;
    padding: 10px !important
}

#footer-bottom a {
    text-decoration: none;
    color: #fefefe
}

#mainFooter .col-follow button {
    margin-top: -3px
}

.etape .home-etape li {
    width: 280px;
    height: 125px;
    padding-top: 30px
}

#forme-gerer li {
    width: 210px;
    height: 125px;
    padding-top: 30px;
    border-right: #cccccc 1px solid;
}

#forme-gerer li:last-child {
    border-right: none;
}

.champs input {
    line-height: 3;
    width: 45%;
    border-right-color: inherit
}

.champs .btn-flat {
    border-radius: inherit;
    height: 47px;
    top: -2px
}

.forme li img {
    width: 25px;
    height: 25px
}

.forme h2 {
    margin: 10px 0 20px
}

.forme p {
    margin-bottom: 10px
}

.hero-gestion h1 {
    margin-bottom: 30px;
    font-size: 1.8125rem
}

.gestion-creation h3 {
    margin: 50px 0 20px;
    font-size: 25px;
    text-transform: uppercase
}

.gestion-creation p {
    margin-bottom: 65px
}

.gestion-creation a {
    margin-bottom: 55px
}

.les-etapes h4 {
    font-size: 14px
}

.les-etapes h3 {
    font-size: 16px
}

.les-etapes img {
    right: 60px;
}

#sideHelper,
#sideHelper-faq {
    right: 20px;
    display: block;
    z-index: 9999
}

.les-etapes#etape-2 img {
    top: 5px
}

#sideHelper {
    top: 80px;
    width: 300px;
    position: absolute;
    left: auto
}

#sideHelper-faq {
    top: 150px;
    width: 55%;
    position: fixed;
    left: -55.4%
}

#sideHelper-faq .content {
    padding: 10px;
    background: #dedede
}

#sideHelper-faq .col-assistance {
    background: #fff !important;
    color: #000;
    overflow-y: scroll;
    max-height: 450px
}

#sideHelper-faq .toggle-button {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 100%;
    display: block;
    padding: 0;
    margin: 0;
    border: 4px solid #dedede;
    -moz-border-radius: 0 50% 50% 0;
    -webkit-border-radius: 0;
    border-radius: 0 50% 50% 0;
    background: #dedede
}

#sideHelper-faq .toggle-button i.fa {
    display: block;
    width: 60px;
    height: 60px;
    padding: 3px;
    font-family: Lato, sans-serif;
    font-size: 23px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #158D91;
    color: #FFF;

    line-height: 49px;

    -moz-transition: background .3s ease-out;
    -o-transition: background .3s ease-out;
    -webkit-transition: background .3s ease-out;
    transition: background .3s ease-out
}

#sideHelper-faq #header-faq li {
    margin-bottom: 10px
}

#sideHelper-faq #header-faq li img.faq-blue-cross {
    width: 2.2%
}

#sideHelper-faq #header-faq li img.faq-blue-less {
    position: relative;
    top: 10px;
    width: 2.3%
}

#sideHelper-faq #header-faq li div {
    padding: 15px
}

.fa-question:before {
    content: ""
}

#sideHelper .arrow-up,
.arrow-down {
    width: 0;
    height: 0;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent
}

#sideHelper .arrow-up {
    border-bottom: 20px solid #ddd;
    position: absolute;
    left: 175px;
    top: -20px;
    display: block
}

.arrow-down {
    border-top: 20px solid #ddd;
    position: relative;
    left: 85px;
    display: none;
    margin-top: 18px
}

.choices-arrows .arrow-down {
    margin-top: 0;
}

.creer-etape-1 .arrow-down,
.creer-etape-2 .arrow-down,
.creer-etape-4 .arrow-down {
    left: 118px;
    top: -1px
}

.list-etape.active .arrow-down {
    display: block
}

@media (max-width: 767px) {
    .list-etape.active .arrow-down {
        display: none;
    }
}

.les-etapes ul {
    display: block;
    font-size: 13px;
    padding-left: 40px
}

.etape-process h2 {
    margin: 40px 0;
    font-size: 22px
}

.etape-process a {
    text-decoration: inherit
}

.etape-process ul {
    border: 5px solid #fff
}

.etape-process ul li {
    width: 300px;
    height: 130px;
    padding-top: 20px
}

.etape-process ul li.hidden-list {
    width: 100%
}

.home-etape li {
    border-right: 1px solid transparent
}

.home-etape li:last-child {
    border-right: none
}

.etape-gestion li {
    width: 229px !important
}

.etape-gestion li.hidden-list {
    width: 100% !important
}

#etape-1 ul,
#etape-2 ul,
#etape-3 ul,
#etape-4 ul {
    border: inherit
}

#etape-1 ul li,
#etape-2 ul li,
#etape-3 ul li,
#etape-4 ul li {
    width: inherit;
    height: inherit
}

.icon-etape {
    height: 65px;
    width: 46px;
    display: inline-block
}

.rotate {
    transform: rotate(180deg)
}

.list-etape.creer-etape-4,
.list-etape.etape-4 {
    border-right: transparent !important
}

.gerer-etape-1 a .icon-etape {
    background: url(../../../img/modification.png) no-repeat;
    width: 57px
}

.gerer-etape-2 a .icon-etape {
    background: url(../../../img/documents.png) no-repeat
}

.gerer-etape-3 a .icon-etape {
    background: url(../../../img/signature.png) no-repeat
}

.gerer-etape-4 a .icon-etape {
    background: url(../../../img/suivi.png) no-repeat
}

.gerer-etape-1.active a .icon-etape {
    background: url(../../../img/modification-red.png) no-repeat;
    width: 57px
}

.gerer-etape-2.active a .icon-etape {
    background: url(../../../img/documents-red.png) no-repeat
}

.gerer-etape-3.active a .icon-etape {
    background: url(../../../img/signature-red.png) no-repeat
}

.gerer-etape-4.active a .icon-etape {
    background: url(../../../img/suivi-red.png) no-repeat
}

.creer-etape-1 a .icon-etape {
    background: url(../../../img/documents.png) no-repeat
}

.creer-etape-2 a .icon-etape {
    background: url(../../../img/signature.png) no-repeat
}

.creer-etape-4 a .icon-etape {
    background: url(../../../img/suivi.png) no-repeat
}

.creer-etape-1.active a .icon-etape {
    background: url(../../../img/documents-blue.png) no-repeat
}

.creer-etape-2.active a .icon-etape {
    background: url(../../../img/signature-blue.png) no-repeat
}

.creer-etape-4.active a .icon-etape {
    background: url(../../../img/suivi-blue.png) no-repeat
}

#tabs .home-etape {
    margin-left: 0
}

.formes-table colgroup + thead > tr:first-child > th.empty {
    border-top: 1px solid #f5f5f5 !important;
    border-left: 1px solid #f5f5f5 !important
}

.formes-table th.eurl,
.formes-table th.sarl,
.formes-table th.sas,
.formes-table th.sasu,
.formes-table th.sc {
    background-color: #6ABD9D;
    color: #fff
}

.formes-table th.eurl a:last-child,
.formes-table th.sarl a:last-child,
.formes-table th.sas a:last-child,
.formes-table th.sasu a:last-child,
.formes-table th.sc a:last-child {
    background-color: #fff;
    color: #6ABD9D
}

.formes-table th.eurl a,
.formes-table th.sarl a,
.formes-table th.sas a,
.formes-table th.sasu a,
.formes-table th.sc a {
    color: #fff;
    text-decoration: underline
}

.capital-table .table tbody > tr > td.remove1,
.capital-table .table tbody > tr > td.remove2,
.capital-table .table tbody > tr > td.remove3,
.formes-table tbody > tr > td.remove1,
.formes-table tbody > tr > td.remove2,
.formes-table tbody > tr > td.remove3 {
    background-color: #f7f6f6
}

.capital-table .table thead > tr > th.remove1,
.capital-table .table thead > tr > th.remove2,
.capital-table .table thead > tr > th.remove3,
.formes-table thead > tr > th.remove1,
.formes-table thead > tr > th.remove2,
.formes-table thead > tr > th.remove3 {
    color: #6ABD9D;
    background-color: #f1f0f0
}

.capital-table .table thead > tr > th.remove1 a,
.capital-table .table thead > tr > th.remove2 a,
.capital-table .table thead > tr > th.remove3 a,
.formes-table thead > tr > th.remove1 a,
.formes-table thead > tr > th.remove2 a,
.formes-table thead > tr > th.remove3 a {
    color: #b9b9b9
}

.capital-table .table thead > tr > th.remove1 a:last-child,
.capital-table .table thead > tr > th.remove2 a:last-child,
.capital-table .table thead > tr > th.remove3 a:last-child,
.formes-table thead > tr > th.remove1 a:last-child,
.formes-table thead > tr > th.remove2 a:last-child,
.formes-table thead > tr > th.remove3 a:last-child {
    color: #fff;
    background-color: #6ABD9D
}

.formes-table .row-header {
    vertical-align: middle
}

.capital-table .table td,
.capital-table .table th,
.formes-table td,
.formes-table th {
    text-align: center;
    font-size: 13px;
    font-size: .8125rem
}

.capital-table .table thead > tr > th,
.formes-table thead > tr > th {
    padding: 0
}

@media (min-width: 992px) {
    .capital-table .table thead > tr > th,
    .formes-table thead > tr > th {
        padding: 8px
    }
}

.capital-table .table thead tr th,
.formes-table thead tr th {
    padding-top: 20px;
    padding-bottom: 15px;
    border-top: 2px solid #ddd;
    border-bottom: 0;
    background: inherit
}

.capital-table .table thead tr th a,
.formes-table thead tr th a {
    display: block
}

.capital-table .table thead tr th span,
.formes-table thead tr th span {
    font-size: 23px;
    font-size: 1.4375rem;
    display: block
}

.capital-table .table tbody > tr > td,
.formes-table tbody > tr > td {
    padding: 20px 0;
    border-top: 2px solid #ddd
}

@media (min-width: 992px) {
    .capital-table .table tbody > tr > td,
    .formes-table tbody > tr > td {
        padding: 20px 2.5%
    }
}

.capital-table .table tbody > tr > td.remove1,
.capital-table .table tbody > tr > td.remove2,
.capital-table .table tbody > tr > td.remove3,
.formes-table tbody > tr > td.remove1,
.formes-table tbody > tr > td.remove2,
.formes-table tbody > tr > td.remove3 {
    color: #B0B0B0
}

.capital-table .table tbody tr:hover td,
.formes-table tbody tr:hover td {
    background: rgba(0, 0, 0, .05)
}

.capital-table .table tbody tr:hover td.row-header,
.formes-table tbody tr:hover td.row-header {
    background: #f1f0f0
}

.capital-table .table colgroup + thead > tr:first-child > th,
.formes-table colgroup + thead > tr:first-child > th {
    border-top: 2px solid #ddd
}

.capital-table .table colgroup + thead > tr:first-child > th.empty,
.formes-table colgroup + thead > tr:first-child > th.empty {
    border-top: none;
    border-left: none
}

.capital-table .table tfoot > tr > th,
.formes-table tfoot > tr > th {
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    background: #FFF
}

.capital-table .table tfoot > tr > th.empty,
.formes-table tfoot > tr > th.empty {
    border-bottom: none;
    border-left: none;
    background: 0 0
}

.capital-table .table tfoot > tr > th span,
.formes-table tfoot > tr > th span {
    font-size: 23px;
    font-size: 1.4375rem;
    display: block
}

.capital-table .table .btn,
.formes-table .btn {
    width: 95%;
    margin-top: 5px
}

.capital-table .table .row-header,
.formes-table .row-header {
    text-transform: uppercase;
    font-weight: 700;
    background: #f1f0f0;
    width: 15%
}

.capital-table .table col.forme,
.formes-table col.forme {
    -moz-transition: background .3s ease-out;
    -o-transition: background .3s ease-out;
    -webkit-transition: background .3s ease-out;
    transition: background .3s ease-out
}

.capital-table .table col.forme.remove1,
.capital-table .table col.forme.remove2,
.capital-table .table col.forme.remove3,
.formes-table col.forme.remove1,
.formes-table col.forme.remove2,
.formes-table col.forme.remove3 {
    background: #DFDFDF
}

.capital-table .table .avantage-link,
.formes-table .avantage-link {
    color: #E2574C
}

.intro-container {
    background: #FFF;
    z-index: 101;
    text-align: center;
    color: #000
}

.intro-container p {
    padding: 0;
    margin: 0
}

.questions {
    padding: 20px 0;
    margin-bottom: 0;
    position: relative
}

.questions .question-nav {
    position: relative;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #787878;
    border: none;
    text-indent: -9999em;
    height: 40px;
    width: 40px;
    display: block;
    padding: 0;
    margin-top: 8px
}

.questions .question-nav[disabled=disabled] {
    filter: alpha(Opacity=50);
    opacity: .5
}

.questions .question-nav:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    display: block
}

.questions .question-nav.nav-left:before {
    margin-left: 10px;
    border-width: 9px 16px 9px 0;
    border-color: transparent #FFF transparent transparent
}

.questions .question-nav.nav-right:before {
    margin-left: 14px;
    border-width: 9px 0 9px 16px;
    border-color: transparent transparent transparent #FFF
}

.questions .question-container {
    text-align: center
}

.questions .question {
    font-size: 16px;
    font-size: 1rem;
    line-height: 40px;
    width: 100%;
    filter: alpha(Opacity=0);
    opacity: 0;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    display: inline-block
}

.questions .question.active {
    filter: alpha(enabled=false);
    opacity: 1
}

.questions .question .number {
    float: left;
    display: block;
    height: 20px;
    width: 20px;
    text-align: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #0072AE;
    margin-right: 10px;
    font-size: 0;
    margin-top: 10px
}

.questions .question .title {
    float: left
}

.questions .question .question-control {
    display: inline-block
}

.questions .question .question-control label input[type=radio],
.questions .question .question-control label input[type=checkbox] {
    display: none
}

.questions .question .question-control label input[type=radio] + .radio-layout,
.questions .question .question-control label input[type=checkbox] + .radio-layout {
    display: block;
    background: #E8E8E8;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 100%;
    z-index: 1000
}

.questions .question .question-control label input[type=radio] + .radio-layout:before,
.questions .question .question-control label input[type=checkbox] + .radio-layout:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 1.6em;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    width: 30px;
    height: 30px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: rgba(0, 0, 0, .2);
    margin: 17px 0 0 5px;
    filter: alpha(Opacity=40);
    opacity: .4
}

.les-etapes h3,
.questions .question .question-control label input[type=radio] + .radio-layout:before {
    margin-top: 0
}

.questions .question .question-control label input[type=radio]:checked + .radio-layout,
.questions .question .question-control label input[type=checkbox]:checked + .radio-layout {
    background: #6BBD99
}

.questions .question .question-control label input[type=radio]:checked + .radio-layout:before,
.questions .question .question-control label input[type=checkbox]:checked + .radio-layout:before {
    content: "\f00c";
    color: #FFF;
    filter: alpha(enabled=false);
    opacity: 1;
    -moz-animation: tick 180ms ease-in;
    -webkit-animation: tick 180ms ease-in;
    animation: tick 180ms ease-in
}

.questions .question .question-control label input[type=radio]:disabled + .radio-layout,
.questions .question .question-control label input[type=checkbox]:disabled + .radio-layout {
    color: #aaa
}

.questions .question .question-control label input[type=radio]:disabled + .radio-layout:before,
.questions .question .question-control label input[type=checkbox]:disabled + .radio-layout:before {
    content: "\f00C";
    color: #FFF
}

.bullet-red:before,
.les-etapes-creation .bullet-blue:before,
ul.level1 li:before {
    content: "● "
}

@-moz-keyframes tick {
    0% {
        -moz-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    90% {
        -moz-transform: scale(1.4);
        transform: scale(1.4);
        opacity: .5
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes tick {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    90% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: .5
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes tick {
    0% {
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    90% {
        -moz-transform: scale(1.4);
        -ms-transform: scale(1.4);
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: .5
    }
    100% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.questions .question .question-control label input[type=radio] + .radio-layout {
    position: relative;
    background: 0 0;
    display: inline-block
}

.questions .question .question-control label input[type=radio]:checked + .radio-layout {
    background: 0 0
}

.questions .question .question-control label input[type=radio]:checked + .radio-layout:before {
    background: #6BBD99
}

body.questionnaire .dossier-message-holder {
    background: #6ABD9D !important
}

body.questionnaire .dossier-message-holder .close {
    display: none
}

body.questionnaire .dossier-message-holder p {
    padding-left: 0;
    padding-top: 1.5em
}

body.questionnaire .dossier-message-holder .btn {
    margin-left: 30px
}

body.questionnaire .dossier-message-holder .content {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    font-size: 14px;
    font-size: .875rem
}

body.questionnaire .dossier-message-holder #beginNew {
    margin-left: 0
}

body.questionnaire .dossier-message-holder span {
    display: block;
    width: 100%;
    margin-bottom: 10px
}

@media (min-width: 992px) {
    body.questionnaire .dossier-message-holder #beginNew {
        margin-left: 30px
    }

    body.questionnaire .dossier-message-holder span {
        display: inline;
        width: auto;
        margin-bottom: 0
    }
}

#tabs .les-etapes,
.arrow-up,
.les-etapes ul.documents-prepares,
.les-etapes ul.les-modifications,
.les-etapes-creation ul.documents-generes,
.les-etapes-creation ul.documents-prepares,
.les-etapes-creation ul.justificatifs {
    display: none
}

.bullet-red:before {
    color: #5C9FD6;
}

.les-etapes {
    padding: 50px 0px 0 170px;
}

@media (max-width: 767px) {
    .les-etapes {
        padding: 20px 40px;
    }
}

.les-etapes-creation .bullet-blue:before {
    color: #455764;
}

.les-etapes span.sublink,
.les-etapes-creation span.sublink {
    color: red;
    cursor: pointer
}

.les-etapes .arrow-css .arrow-down {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #ddd
}

button.subscribe {
    background-color: #afafaf
}

.dossier-navigation {
    background: #fff;
    padding-bottom: 20px
}

.dossier-navigation img {
    margin-top: 35px
}

.dossier-navigation img:last-child {
    margin-top: 46px
}

.dossier-step .step-title {
    color: #000;
    height: 5%
}

.bg-cs1-gerer {
    background-color: #5C9FD6;
}

.bg-cs2-gerer {
    background-color: #5C9FD6;
}

.bg-cs3-gerer {
    background-color: #5C9FD6;
}

.dossier-step.bg-cs1-gerer.completed {
    border: 2px solid #5C9FD6 !important
}

.dossier-step.bg-cs2-gerer.completed {
    border: 2px solid #5C9FD6 !important
}

.dossier-step.bg-cs3-gerer.completed {
    border: 2px solid #5C9FD6 !important
}

.dossier-step.bg-cs1-gerer.completed.editing {
    border: 2px solid #5C9FD6 !important
}

.dossier-step.bg-cs2-gerer.completed.editing {
    border: 2px solid #5C9FD6 !important
}

.dossier-step.bg-cs3-gerer.completed.editing {
    border: 2px solid #5C9FD6 !important
}

.bg-cs1 {
    border: 8px solid #6ABD9D;
    background-color: #6ABD9D;
}

.bg-cs2 {
    border: 8px solid #6ABD9D;
    background-color: #6ABD9D;
}

.bg-cs3 {
    border: 8px solid #6ABD9D;
    background-color: #6ABD9D;
}

.bg-cs4 {
    border: 8px solid #6ABD9D;
    background-color: #6ABD9D;
}

.bg-cs5 {
    border: 8px solid #6ABD9D;
    background-color: #6ABD9D;
}

.dossier-navigation .dossier-step.bg-cs1.editing {
    border: 8px solid #6ABD9D;
}

.dossier-navigation .dossier-step.bg-cs2.editing {
    border: 8px solid #6ABD9D;
}

.dossier-navigation .dossier-step.bg-cs3.editing {
    border: 8px solid #6ABD9D;
}

.dossier-navigation .dossier-step.bg-cs4.editing {
    border: 8px solid #6ABD9D;
}

.dossier-navigation .dossier-step.bg-cs5.editing {
    border: 8px solid #6ABD9D;
}

.bg-cs1-text {
    color: #6ABD9D
}

.bg-cs2-text {
    color: #6ABD9D
}

.bg-cs3-text,
.recap .table .bg-blanc span {
    color: #6ABD9D !important
}

.bg-cs4-text,
.bg-cs5-text {
    color: #6ABD9D !important
}

.bg-cs1-text-gerer {
    color: #5C9FD6 !important
}

.bg-cs2-text-gerer {
    color: #5C9FD6 !important
}

.bg-cs3-text-gerer {
    color: #5C9FD6 !important
}

.dossier-step.bg-cs1 .step-title,
.dossier-step.bg-cs1 small,
.dossier-step.bg-cs1-gerer .step-title,
.dossier-step.bg-cs1-gerer small,
.dossier-step.bg-cs1.completed.editing .step-title,
.dossier-step.bg-cs1.completed.editing small,
.dossier-step.bg-cs2 .step-title,
.dossier-step.bg-cs2 small,
.dossier-step.bg-cs2-gerer .step-title,
.dossier-step.bg-cs2-gerer small,
.dossier-step.bg-cs2.completed.editing .step-title,
.dossier-step.bg-cs2.completed.editing small,
.dossier-step.bg-cs3 .step-title,
.dossier-step.bg-cs3 small,
.dossier-step.bg-cs3-gerer .step-title,
.dossier-step.bg-cs3-gerer small,
.dossier-step.bg-cs3.completed.editing .step-title,
.dossier-step.bg-cs3.completed.editing small,
.dossier-step.bg-cs4 .step-title,
.dossier-step.bg-cs4 small,
.dossier-step.bg-cs4-gerer .step-title,
.dossier-step.bg-cs4-gerer small,
.dossier-step.bg-cs4.completed.editing .step-title,
.dossier-step.bg-cs4.completed.editing small,
.dossier-step.bg-cs5 .step-title,
.dossier-step.bg-cs5 small,
.dossier-step.bg-cs5-gerer .step-title,
.dossier-step.bg-cs5-gerer small,
.dossier-step.bg-cs5.completed.editing .step-title,
.dossier-step.bg-cs5.completed.editing small,
.rond:active {
    color: #fff
}

.dossier-step.bg-cs1.completed {
    background-color: #6ABD9D
}

.dossier-step.bg-cs2.completed {
    background-color: #6ABD9D
}

.dossier-step.bg-cs3.completed {
    background-color: #6ABD9D
}

.dossier-step.bg-cs4.completed {
    background-color: #6ABD9D
}

.dossier-step.bg-cs5.completed {
    background-color: #6ABD9D
}

.dossier-step.bg-cs1.completed.editing {
    background-color: #6ABD9D
}

.dossier-step.bg-cs2.completed.editing {
    background-color: #6ABD9D
}

.dossier-step.bg-cs3.completed.editing {
    background-color: #6ABD9D
}

.dossier-step.bg-cs4.completed.editing {
    background-color: #6ABD9D
}

.dossier-step.bg-cs5.completed.editing {
    background-color: #6ABD9D
}

.dossier-step.bg-cs1 .icon-bulle,
.dossier-step.bg-cs1-gerer .icon-bulle {
    background: url(../../../img/identite-white.png) no-repeat
}

.dossier-step.bg-cs2 .icon-bulle,
.dossier-step.bg-cs2-gerer .icon-bulle {
    background: url(../../../img/associes-white.png) no-repeat
}

.dossier-step.bg-cs3 .icon-bulle,
.dossier-step.bg-cs3-gerer .icon-bulle {
    background: url(../../../img/gouvernance-white.png) no-repeat
}

.dossier-step.bg-cs4 .icon-bulle {
    background: url(../../../img/transfert-white.png) no-repeat
}

.dossier-step.bg-cs5 .icon-bulle {
    background: url(../../../img/divers-white.png) no-repeat;
    height: 22px !important;
    margin: 47px 38px auto !important
}

.dossier-step.bg-cs1-gerer.completed .icon-bulle,
.dossier-step.bg-cs1.completed .icon-bulle {
    background: url(../../../img/identite-white.png) no-repeat
}

.dossier-step.bg-cs2-gerer.completed .icon-bulle,
.dossier-step.bg-cs2.completed .icon-bulle {
    background: url(../../../img/associes-white.png) no-repeat
}

.dossier-step.bg-cs3-gerer.completed .icon-bulle,
.dossier-step.bg-cs3.completed .icon-bulle {
    background: url(../../../img/gouvernance-white.png) no-repeat
}

.dossier-step.bg-cs4.completed .icon-bulle {
    background: url(../../../img/transfert-white.png) no-repeat
}

.dossier-step.bg-cs5.completed .icon-bulle {
    background: url(../../../img/divers-white.png) no-repeat;
    margin: 46px 31px auto;
    height: 20px
}

.dossier-step.bg-cs1-gerer.completed.editing .icon-bulle,
.dossier-step.bg-cs1.completed.editing .icon-bulle {
    background: url(../../../img/identite-white.png) no-repeat
}

.dossier-step.bg-cs2-gerer.completed.editing .icon-bulle,
.dossier-step.bg-cs2.completed.editing .icon-bulle {
    background: url(../../../img/associes-white.png) no-repeat
}

.dossier-step.bg-cs3-gerer.completed.editing .icon-bulle,
.dossier-step.bg-cs3.completed.editing .icon-bulle {
    background: url(../../../img/gouvernance-white.png) no-repeat
}

.dossier-step.bg-cs4.completed.editing .icon-bulle {
    background: url(../../../img/transfert-white.png) no-repeat
}

.dossier-step.bg-cs5.completed.editing .icon-bulle {
    background: url(../../../img/divers-white.png) no-repeat;
    margin: 46px 31px auto;
    height: 20px
}

.completed {
    opacity: 1 !important
}

.dossier-step-opacity .icon-bulle {
    margin: 35px 55px auto;
}

.icon-bulle {
    height: 35px;
    margin: 35px 48px auto;
    width: 55px
}

.arrow-up {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #F2F2F2;
    position: relative;
    left: 38px;
    top: 50px;
    margin-top: 1px
}

.dossier-name,
.recap .table {
    border-bottom: none
}

.dossier-navigation .dossier-step.editing .arrow-up {
    display: block
}

.recap .col-xs-10 {
    margin-top: 60px
}

.recap .bg-cs5 .icon-bulle {
    margin: 48px 48px auto !important
}

.recap .table > tbody > tr > td,
.recap .table > tbody > tr > th,
.recap .table > tfoot > tr > td,
.recap .table > tfoot > tr > th,
.recap .table > thead > tr > td,
.recap .table > thead > tr > th {
    border-top: none;
    vertical-align: middle
}

.recap .table > tbody > tr > td .bg-blanc,
.recap .table > tfoot > tr > td .bg-blanc,
.recap .table > thead > tr > td .bg-blanc {
    height: 35px;
    width: 500px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px
}

.recap p.alert-warning {
    background-color: #8e8e8e;
    width: 100%;
    margin-left: 0
}

h3.scrollspy-breakpoint {
    margin-top: 25px;
    font-size: 25px
}

.btn-recap {
    margin: 25px 0 20px;
}

.dossier-name::after,
.dossier-name::before {
    content: initial
}

.dossier-header {
    height: inherit;
    background-color: #F0F3F5;
    padding-bottom: 10px;
}

.dossier-header a {
    text-decoration: inherit;
    display: inline-block;
}

#askEmailNo,
table#questionnaire a.not-underline {
    text-decoration: none
}

.dossier-header a span img {
    margin-right: 5px
}

.dossier-number {
    background-color: inherit;
    margin: 10px auto;
    color: silver;
    font-size: 15px
}

.form-group {
    margin-bottom: 15px
}

.form-group label {
    margin-bottom: 10px
}

.form-group textarea {
    margin-bottom: 15px
}

#displayForm .title {
    margin: 0 0 10px;
}

@media (max-width: 767px) {
    #displayForm .title {
        font-size: 28px;
        padding: 0 10px;
    }
}

#showActivites {
    background: #fff;
    border: none;
    width: 100%;
    color: #e7e7e7;
    margin: 0 auto;
}

#progress .progress-panel {
    counter-reset: compteur-etape;
    display: none;
    background: #FFF;
    position: absolute;
    top: 8%;
    right: 245px;
    margin-top: 25px
}

.dossier-dashboard .progress-panel li:before {
    content: none
}

.progress-panel li:before {
    content: counter(compteur-etape)
}

#progress.tooltip-je-gere .progress-panel {
    display: block;
    background: #FFF;
    position: absolute;
    top: 385px;
    right: 405px;
    margin-top: 25px;
    width: 222px
}

#progress .progress-panel li::before {
    content: counter(compteur-etape);
    background-color: #6ABD9D;
    width: 40px;
    display: inline-block;
    padding: 11px;
    color: #fff;
    font-size: 20px
}

#progress .progress-panel li {
    counter-increment: compteur-etape;
    padding: 0;
    line-height: 15px
}

#progress .progress-panel .text {
    vertical-align: baseline
}

.arrow-left {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid #6ABD9D;
    top: 95px;
    position: absolute;
    left: -14px
}

.form-cs3 .mn-add-person {
    border: 3px solid #6ABD9D;
    color: #6ABD9D;
}

.form-cs3 .mn-add-person:hover {
    background: #6ABD9D !important;
    border: 3px solid #6ABD9D !important;
    color: #fff !important
}

.encart-contact-info.modif-dirigeant,
.form-cs3 .encart-contact-info,
.form-cs3 .encart-existing {
    background: rgba(21, 141, 154, .2)
}

.form-cs3 .encart-contact-info {
    margin-bottom: 20px
}

.form-cs3 .encart_majorite_ordinaire {
    background: #fff;
    margin-bottom: 20px
}

#closeFormPersonne {
    background-color: #e27078;
    color: #fff;
}

#transfert_titres_form .form-group.selected > label {
    background: #0d727d;
    color: #FFF
}

#askEmailNo {
    color: #cecece
}

#activitesPanel {
    background-color: #6ABD9D;
    color: #6ABD9D;
}

.irs-single {
    background: #6ABD9D !important
}

.hero-concept.offre {
    background: url(../../../img/hero-concept-offre.jpg) no-repeat
}

.hero-concept.valeurs {
    background: url(../../../img/hero-concept-valeurs.jpg) no-repeat
}

.hero-concept.equipe {
    background: url(../../../img/hero-concept-equipe.jpg) no-repeat
}

.phone-chat-icon a {
    margin-left: 10px
}

.home-etape .custom_radio_img {
    width: inherit;
    height: inherit
}

#questions-zone .home-etape .custom_radio_img {
    margin-left: 15px;
    width: inherit;
    height: inherit
}

.radio-oui {
    position: relative;
    top: -5px;
    left: 5px
}

#displayOffers .offre-item .option-checkbox label input[type=radio] + .radio-layout:before,
#displayOffers .offre-item .option-checkbox label input[type=checkbox] + .radio-layout:before {
    content: inherit !important;
    font-family: inherit;
    font-size: 1.6em;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    width: 30px;
    height: 30px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: url(../../../img/unchecked-blue.png) no-repeat;
    margin: 17px 0 0 5px;
    filter: alpha(Opacity=40);
    opacity: .4
}

#displayOffers .alert {
    margin-bottom: 40px
}

.home-etape .question .title {
    line-height: 20px;
    margin-bottom: 30px
}

.forme h2 {
    font-size: 24px
}

.offre-components {
    padding-left: 32px !important
}

.fa-check:before {
    margin-right: 14px
}

ul.offre-components li {
    text-indent: -14px
}

.offre-item.option {
    width: 55%;
    background: #fff;
    margin-bottom: 20px;
    height: 46px;
    padding: 15px 0 0 20px
}

.option-checkbox {
    width: 0
}

.custom_checkbox_img {
    position: relative;
    top: -16px
}

#progressBar {
    width: 170px;
    height: 15px;
    border: 1px solid #d5e1e2;
    background-color: #fbfbfb;
    border-radius: 5px;
    top: -4px;
    position: relative
}

#progressBar div {
    height: 100%;
    color: #fff;
    text-align: right;
    line-height: 15px;
    width: 0;
    background-color: #6ABD9D;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    font-size: 12px
}

#progressBar.gerer div {
    background-color: #5C9FD6 !important
}

.dossier-navigation .dossier-step small {
    font-size: 9px !important
}

.encart-title + p {
    font-size: .75rem !important;
    font-style: italic !important;
    text-align: center !important
}

#displayForm div.cac p {
    margin: auto;
    padding: 10px
}

footer {
    margin-top: 0 !important
}

span.bullet-blue,
span.bullet-red {
    margin-left: -15px
}

#mn_appbundle_modifications_save {
    margin-bottom: 50px
}

.label-offre-modifications label {
    margin: 25px 0 15px 0;
    font-size: 24px;
    text-align: center
}

#finalPopup {
    display: none
}

#finalPopup .popup_creation_finalisation {
    background-color: #f9f9f9;
    height: 500px;
    z-index: 10000;
    width: 50%;
    position: fixed;
    margin-top: 110px;
    font-size: 15px
}

#finalPopup .popup_creation_finalisation_legend {
    font-size: 15px
}

.overlay {
    background-color: rgba(0, 0, 0, .2);
    height: 100vh;
    width: 100%;
    position: fixed;
    z-index: 10000;
    top: 0 !important
}

#finalPopup a {
    color: #fff;
    padding: 15px 30px
}

#finalPopup .popup_creation_finalisation_title {
    font-size: 44px;
    margin-top: 85px !important
}

.popup_creation_finalisation_croix {
    background: url(../../../img/croix.png) no-repeat;
    height: 22px;
    width: 22px
}

.hero-contact {
    background: url(../../../img/hero-contact2.jpg) no-repeat;
    background-size: cover;
    height: 400px
}

.hero-contact.manewco-pro {
    background: url(../../../img/hero-manewco-pro.jpg) no-repeat;
    background-size: cover;
    height: 400px;
}

.hero-contact h1 {
    padding-top: 120px !important;
    font-size: 50px !important;
    font-weight: 700
}

.main-contact .phone,
.main-contact h3 {
    font-size: 30px !important
}

.avatar-contact {
    background: url(../../../img/avatar-contact.png) no-repeat;
    height: 225px;
    margin: 50px 0 35px
}

.main-contact h3 {
    color: #000 !important;
    text-transform: inherit !important
}

#contact_sauvegarder {
    margin: 20px 0 20px
}

.main-contact small {
    font-size: 13px;
    color: #b1b0b0
}

.main-contact label {
    margin-bottom: 15px
}

.offer-choices p {
    height: inherit
}

.offer-choices p.number {
    margin: 40px 0 40px
}

.offer-choices .offer-title {
    color: #000;
    font-size: 25px;
    margin: 25px 0 50px
}

.offer-choices h3 {
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .offer-choices .border-left {
        border-left: 1px solid #208d99;
    }
}

.amount.number {
    font-size: 4.25rem
}

.amount-row .devise {
    font-size: 40px;
    position: relative;
    top: -40px
}

.amount-row .taxe {
    font-size: 20px;
    position: relative;
    top: -55px
}

#displayOffers hr:not(.separator),
.option-list hr {
    border: 1px solid #d8d8d8;
    position: relative;
    top: -27px
}

#displayOffers .price-tag .taxe {
    font-size: 9px !important;
    position: relative;
}

#displayOffers .price-tag .devise {
    font-size: 13px !important;
    position: relative;
}

#displayOffers .offre-item {
    padding: 20px 0 0 20px;
}

#displayOffers .offre-item.option {
    width: 100%;
    height: auto;
    background-color: inherit;
    box-shadow: none;
    padding-left: 25px
}

#displayOffers hr:not(.separator), {
    width: 65%;
    right: -49px
}

.option-list hr {
    width: 38%;
    right: -100px
}

#displayOffers .custom-radio.option-unchecked {
    background: url(../../../img/unchecked-blue.png) no-repeat;
    height: 50px;
    width: 30px;
    margin-top: 20px
}

.btn-amount {
    margin: 30px 0
}

#homepage-process,
#homepage-services {
    margin-top: 30px;
    margin-bottom: 30px;
}

#displayOffers h2 {
    margin: 20px 0;
    font-size: 25px
}

#homepage-process .homepage-process-block {
    border-right: 1px solid #cecece
}

#homepage-process .homepage-process-block:last-child {
    border-right: none
}

#homepage-services .homepage-services-icon,
#homepage-services .homepage-services-title {
    height: 70px;
    min-height: 70px;
    max-height: 70px
}

#homepage-services .homepage-services-text {
    height: 135px;
    min-height: 135px;
    max-height: 135px
}

@media (max-width: 767px) {
    #displayOffers .price-tag .taxe {
        font-size: 7px !important;
        right: 5px;
        top: -10px;
    }

    div.hero-text {
        margin-top: -110px
    }

    .home-screen h2 {
        margin: 30px 0 0
    }

    #homepage-process .homepage-process-block {
        border-right: none;
    }

    #homepage-services {
        margin-top: 30px
    }

    #homepage-services .homepage-services-title {
        height: 40px;
        min-height: 40px;
        max-height: 40px
    }
}

#displayOffers .custom-radio.option-checked {
    background: url(../../../img/checked-blue.png) no-repeat;
    height: 50px;
    width: 50px;
    margin-top: 16px
}

.blue-cross,
.blue-less {
    width: 10%;
    position: relative
}

.blue-cross {
    top: -90px;
    right: -70px
}

.blue-less {
    top: -77px;
    right: -99px
}

.list-etape-concept p {
    margin-bottom: 0;
    padding: 10px 50px
}

.list-etape-concept.active p {
    color: #6ABD9D
}

#des-valeurs,
#notre-offre,
#une-equipe {
    padding: 0
}

.concept #notre-offre .temoignage h2 {
    margin: 40px 0 40px;
}

.concept #des-valeurs h2,
.concept #notre-offre h2,
.concept #une-equipe h2 {
    margin: 75px 0 40px
}

.concept #des-valeurs h3,
.concept #notre-offre h3,
.concept #une-equipe h3 {
    text-transform: none;
    margin: 30px 0 30px;
    color: #fff;
}

.concept #des-valeurs .creer-bg h3 {
    margin-top: 35px
}

@media screen and (min-width: 768px) {
    .amount-row p {
        margin: 30px 0 30px;
        font-size: 25px
    }
}

#homepage-process .homepage-process-text {
    height: 115px;
    min-height: 115px;
    max-height: 115px;
}

.concept #une-equipe .avatar-home h3 {
    text-transform: none;
    margin: 30px 0;
    color: #6ABD9D
}

.concept #une-equipe .avatar-home {
    margin-bottom: 10px
}

.concept .home-etape a {
    text-decoration: none
}

.concept .home-etape .list-etape-concept:active,
.concept .home-etape a p:hover {
    color: #6ABD9D
}

.concept .arrow-down {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #ddd;
    position: relative;
    left: 65px;
    display: none;
    top: -11px
}

.concept .les-etapes img {
    right: 0
}

.concept .bullet-blue {
    margin-bottom: 50px;
    text-indent: -1em
}

#mnapp-wrapper {
    background-color: #fbfbfb;
}

@media screen and (max-width: 767px) {
    .amount-row p {
        font-size: 25px
    }

    .dossier-navigation .col-xs-12,
    .options-legend {
        background-color: #fbfbfb;
    }

    .prices-block.tarif-creation {
        margin-bottom: 90px
    }

    .les-etapes img {
        right: -20px
    }

    .les-etapes ul {
        padding-left: 0
    }

    .arrow-up {
        top: 185px
    }

    .dossier-navigation .col-xs-12 .col-xs-12 {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .dossier-navigation .col-xs-12 .col-xs-12 hr {
        margin-bottom: 0;
        border-top: 1px solid #e7e7e7
    }

    #finalPopup .popup_creation_finalisation {
        width: 84%
    }

    .popup_creation_finalisation_btn {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .single-row-date select {
        width: auto;
    }

    p.description {
        padding: 40px
    }

    .dossier-navigation,
    .with-navigation,
    div.col-xs-12.divers {
        padding-bottom: 0 !important
    }

    #displayOffers .offre-item.option {
        width: 100%
    }

    .btn-amount a {
        margin-top: 10px
    }

    .list-etape-concept p {
        padding: 10px 20px
    }

    .concept .arrow-down {
        left: 43px
    }

    .concept #des-valeurs h3,
    .concept #notre-offre h3,
    .concept #une-equipe h3 {
        margin: 30px 0;
    }

    .bg-gris.notre-offre {
        position: inherit !important
    }

    .concept .home-screen-list {
        padding-left: 0;
        margin-top: 10px !important
    }

    .concept .bg-blanc.notre-offre {
        padding-bottom: 30px !important
    }

    .concept .bg-blanc.notre-offre .col-md-4:last-child {
        margin-top: 15px
    }

    .concept .bg-gris.notre-offre h3 {
        margin-bottom: 50px !important
    }

    .concept #une-equipe .avatar-home {
        margin-bottom: 50px
    }

    .concept #une-equipe .avatar-home img {
        margin-bottom: 0
    }

    .prices-block .number {
        margin-left: 0
    }

    #forme-gerer.home-etape li {
        border-bottom: 1px solid #d5d5d5;
        border-right: inherit;
    }

    #forme-gerer.home-etape li:last-child {
        border-bottom: none;
    }

    .champs .offre-item span {
        position: relative;
        top: -15px;
        left: -10px;
    }

    .forme p {
        margin-bottom: 50px;
    }

    .label-offre-modifications label {
        margin: 50px 0;
        font-size: 24px;
        text-align: center;
    }

    .p-choix-modif {
        margin: 55px 0 60px;
    }

    .prices-legend {
        margin-bottom: 60px;
    }

    .gerer-etape-1 a .icon-etape {
        background: url(../../../img/modification-red.png) no-repeat;
        width: 57px
    }

    .gerer-etape-2 a .icon-etape {
        background: url(../../../img/documents-red.png) no-repeat;
    }

    .gerer-etape-3 a .icon-etape {
        background: url(../../../img/signature-red.png) no-repeat;
    }

    .gerer-etape-4 a .icon-etape {
        background: url(../../../img/suivi-red.png) no-repeat;
    }

    .creer-etape-1 a .icon-etape {
        background: url(../../../img/documents-blue.png) no-repeat;
    }

    .creer-etape-2 a .icon-etape {
        background: url(../../../img/signature-blue.png) no-repeat;
    }

    .creer-etape-4 a .icon-etape {
        background: url(../../../img/suivi-blue.png) no-repeat;
    }

    .dossier-navigation .arrow-up {
        top: 53px;
        left: 36px;
        border-bottom: 30px solid #e7e7e7;
    }

    .dossier-navigation .bg-cs5 .arrow-up {
        top: 57px;
        left: 45px;
        border-bottom: 20px solid #e7e7e7;
    }

    .gouvernance .form-helper {
        right: 15px;
    }

    .encart_majorite_ordinaire .form-helper {
        right: -42px !important;
        top: -90px !important;
    }

    .questionnaire-mobile {
        padding: 25px 0;
        border-bottom: 1px solid #b9b9b9;
        background-color: #fff;
        font-size: 22px;
    }

    .questionnaire-mobile-titre {
        border-bottom: 1px solid #b9b9b9;
        padding: 50px 0;
    }

    .questionnaire-mobile span {
        font-size: 45px;
    }

    .questionnaire-mobile a {
        color: #b9b9b9;
        text-decoration: underline;
        display: inline-block;
        margin-bottom: 20px
    }

    .questionnaire-mobile a.btn {
        color: #fff;
        text-decoration: none;
    }

    #mnapp-wrapper {
        padding-bottom: 0;
    }

    .partner {
        height: auto;
    }

    .bg-partner {
        top: 0;
        height: auto;
    }

    #mnapp-wrapper.fixed .overview {
        padding-top: 0
    }

    #statusBar.bg-blanc {
        padding: 0
    }

    #statusBar li {
        padding: 40px
    }

    .concept .list-inline > li {
        display: inline-block;
        padding-left: 0;
        padding-right: 0
    }

    .dossier-content.form #displayForm {
        background-color: #e7e7e7
    }

    .icon-bulle {
        height: 35px;
        width: 55px
    }

    .dossier-step.bg-cs5 .icon-bulle {
        margin: 50px 35px auto !important
    }

    body.questionnaire .dossier-message-holder .btn {
        width: 85%;
        margin: 10px 0
    }
}

body.backend #header-choice ul.choices {
    padding: 10px 20px
}

body.backend #header-choice ul.choices li {
    padding: auto 40px !important
}

body.backend #header-choice ul.choices li i {
    display: block;
    height: 40px;
    margin-top: 10px
}

body.backend #header-choice ul.choices-arrows li {
    padding: 0;
    position: absolute
}

body.backend #container-choice #choice-informations h5 {
    font-size: 18px;
}

body.backend #header-choice ul.choices-arrows .li-dossier {
    left: -5px
}

body.backend #header-choice ul.choices-arrows .li-documents {
    left: 280px
}

body.backend #header-choice ul.choices-arrows .li-informations {
    left: 466px
}

body.backend #header-choice ul.choices-arrows .li-signatures {
    left: 657px
}

body.backend #header-choice ul.choices-arrows .li-documents-officiels {
    left: 845px
}

body.backend #header-choice ul.choices-arrows .li-modifications {
    left: 1035px
}

@media screen and (max-width: 420px) {
    body.backend #container-choice {
        padding-top: 0;
    }

    body.backend #header-choice ul.choices-arrows .li-dossier {
        left: 54px;
    }

    body.backend #header-choice ul.choices-arrows .li-documents {
        left: 158px;
    }

    body.backend #header-choice ul.choices-arrows .li-informations {
        left: 266px;
    }

    body.backend #header-choice ul.choices-arrows .li-signatures {
        left: 54px;
    }

    body.backend #header-choice ul.choices-arrows .li-documents-officiels {
        left: 158px;
    }

    .overview.expandable .toolbar a.btn.gerer-bg {
        width: 138px;
        margin-bottom: 5px
    }
}

#security-wrapper {
    padding-bottom: 0
}

#security-wrapper .form-wrapper {
    background: inherit
}

#cms-content .btn-primary,
#security-wrapper .btn-primary {
    border: 3px solid #6ABD9D
}

.cms-content.cms-form p {
    margin-bottom: 25px
}

body.cms .hero [class^=col-] {
    min-height: inherit
}

#editeur,
#hebergeur {
    margin: 0 0 30px 0;
}

body.cms #sideNav a {
    border-top: inherit;
    color: inherit
}

body.cms #sideNav ul {
    border-bottom: inherit
}

body.cms #sideNav li {
    padding: 0 30px;
    margin-bottom: 0
}

body.cms #sideNav li:first-child {
    padding-top: 30px
}

body.cms #sideNav li:last-child {
    padding-bottom: 30px
}

h2#definitions {
    margin-top: 30px
}

ul.level1 li {
    margin-bottom: 30px;
    font-family: Lato, sans-serif
}

ul.level1 {
    margin-bottom: 60px
}

ul.level1 li:before {
    color: #6ABD9D !important
}

.cgu-right h3 {
    color: #5C9FD6 !important
}

.cgu-right p {
    margin-bottom: 30px
}

.flickity-page-dots {
    left: -5px
}

.partner .flickity-page-dots {
    bottom: 10px !important
}

.flickity-page-dots li {
    border: 1px solid #ddd;
    background: #000
}

.flickity-prev-next-button {
    background: #fbfbfb !important
}

#homepage-services .flickity-prev-next-button {
    background: #fff !important
}

.flickity-prev-next-button .arrow {
    fill: #6ABD9D !important
}

.flickity-prev-next-button.next {
    right: -10px !important
}

.flickity-prev-next-button.previous {
    left: -10px !important
}

#homepage-process .flickity-page-dots li {
    border: 1px solid #6ABD9D;
    background: #fff
}

#homepage-services .flickity-page-dots li {
    border: 1px solid #5C9FD6;
    background: #fff
}

#homepage-services .flickity-prev-next-button .arrow {
    fill: #5C9FD6 !important
}

.temoignage.flickity-enabled {
    position: initial
}

.temoignage .flickity-page-dots {
    position: relative;
    bottom: 15px
}

.temoignage .flickity-page-dots li {
    border: 1px solid #6ABD9D;
    background: #fff
}

.offcanvas-nav a {
    text-transform: uppercase
}

.cabinet-text {
    margin-top: 20px
}

.bullet-blue li {
    font-size: 16px
}

.etape-process .etape-creation li:nth-child(5),
.etape-process .etape-gestion li:nth-child(7) {
    border-right: inherit
}

p.number {
    font-size: 3.25rem
}

#recapOffer {
    max-width: inherit;
    padding-top: 0
}

@media (max-width: 767px) {
    #recapOffer table td:last-child {
        position: relative;
    }
}

#recapOffer table td:first-child div {
    position: relative;
}

#recapOffer td hr {
    color: #dbdbdb;
    left: 25%;
    width: 100%;
    position: absolute;
}

#recapOffer table td:first-child div > span,
#recapOffer table td:first-child div > h3 {
    position: absolute;
    z-index: 1000;
    padding-right: 10px;
    background: #fff;
}

#recapOffer table td.text-right {
    width: 30%;
}

#recapOffer .total-amount-info {
    font-size: 14px;
    font-style: italic;
    display: block;
    padding-left: 50px;
    margin-top: 10px;
}

#recapOffer tfoot {
    background: transparent;
}

#prestationHelper a {
    color: #000
}

#prestationHelper a:hover {
    color: #5C9FD6;
    text-decoration: none
}

#prestationHelper {
    width: auto;
    position: absolute;
    right: 50px;
    top: 70px;
    box-shadow: #000 1px 1px 4px;
    padding: 30px 20px;
    z-index: 100000 !important;
}

#prestationHelper p {
    margin-bottom: inherit
}

#prestationHelper .block-suivi {
    border-left: 1px solid #6ABD9D;
    left: -35px;
    padding-left: 40px
}

#prestationHelper .arrow-up {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #ddd;
    position: absolute;
    display: block;
    top: -18px;
    left: 35%;
}

#prestationHelper .creer-text,
#prestationHelper .titre {
    margin-bottom: 20px;
    text-transform: uppercase
}

#prestationHelper .gestion .bold {
    margin: 10px 0
}

#prestationHelper .gestion .bold.creer-text {
    margin-top: 0
}

#prestationHelper .creation {
    padding-left: 0
}

#faq .faq-content {
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px solid #ddd
}

#faq ul {
    padding: 80px 20px
}

#faq ul li {
    padding: 10px
}

#faq ul li div {
    background: #fff;
    padding: 10px;
    border-radius: 5px
}

.hero-faq {
    background: url(../../../img/hero-faq.jpg) no-repeat;
    background-size: cover;
    min-height: 420px
}

.hero-faq h1 {
    padding-top: 220px !important;
    font-size: 40px !important;
    font-weight: 700
}

#faq span {
    font-size: 20px
}

.librairie ul {
    padding-right: 50px
}

.dossier-message-holder.tooltip-help {
    background-color: #6ABD9D
}

#displayOffers .btn.gerer-bg-2 {
    width: 269px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.guide .guide-right {
    margin-top: 115px
}

.guide-creer-entreprise-plusieurs1 {
    background: url(../../../img/guide-creer-entreprise-plusieurs1.jpg);
    background-size: cover;
    min-height: 250px
}

.guide-creer-entreprise-plusieurs2 {
    background: url(../../../img/guide-creer-entreprise-plusieurs2.jpg);
    background-size: cover;
    min-height: 440px
}

.guide h2 {
    margin-top: 30px;
    font-size: 28px !important
}

.guide ul li {
    margin-bottom: 0
}

.guide .img {
    margin-bottom: 65px
}

.guide h3 {
    margin: 45px 0 30px
}

.hero-guide-creer-entreprise-plusieurs {
    background: url(../../../img/guide-creer-entreprise-plusieurs-hero.jpg) no-repeat
}

.hero-accre {
    background: url(../../../img/hero-accre.jpg) no-repeat
}

.hero-sarl {
    background: url(../../../img/hero-sarl.jpg) no-repeat
}

.hero-sarl-avantages {
    background: url(../../../img/hero-sarl-avantages.jpg) no-repeat
}

.hero-sas-guide {
    background: url(../../../img/hero-sas-guide.jpg) no-repeat
}

.hero-sas-avantages {
    background: url(../../../img/hero-sas-avantages.jpg) no-repeat
}

.hero-guide-formalites {
    background: url(../../../img/hero-accre.jpg) no-repeat
}

.hero-choix-statut {
    background: url(../../../img/hero-choix-statut.jpg) no-repeat
}

ul#header-faq li span {
    color: #000
}

.hero-accre,
.hero-choix-statut,
.hero-concept,
.hero-guide-creer-entreprise-plusieurs,
.hero-guide-formalites,
    /*.hero-librairie,*/
.hero-sarl,
.hero-sarl-avantages,
.hero-sas-avantages,
.hero-sas-guide {
    background-size: cover !important;
    height: 420px !important
}

.hero-accre h1,
.hero-choix-statut h1,
.hero-concept h1,
.hero-guide-creer-entreprise-plusieurs h1,
.hero-guide-formalites h1,
.hero-sarl h1,
.hero-sarl-avantages h1,
.hero-sas-avantages h1,
.hero-sas-guide h1 {
    padding-top: 220px !important;
    font-size: 50px !important;
    font-weight: 700
}

/*.hero-librairie h1 {*/
/*padding-top: 165px!important;*/
/*font-size: 50px!important;*/
/*font-weight: 700*/
/*}*/

.hero-accre h1,
.hero-choix-statut h1,
.hero-concept h1,
.hero-guide-creer-entreprise-plusieurs h1,
.hero-sarl h1,
.hero-sarl-avantages h1,
.hero-sas-avantages h1 {
    color: #fff
}

#infobulle-tva td,
#infobulle-tva th,
#infobulle-tva tr {
    padding: 2px
}

@media screen and (min-width: 768px) {
    .stamp-original {
        margin-left: -25px !important
    }
}

.stamp-original {
    margin-left: 0
}

.dossier-navigation .dossier-step .icon {
    display: none;
    height: 28px;
    width: 28px;
    margin: 0 auto;
    background-image: url(../../../img/encoche-bulle.png)
}

.dossier-navigation .dossier-step.completed .icon {
    display: block !important;
    height: 28px !important;
    width: 28px !important;
    margin: 0 auto !important;
    background-image: url(../../../img/encoche-bulle.png) !important;
    position: relative;
    top: -90px;
    left: 66px
}

.overview .dossier-step .icon {
    display: none !important;
    height: 32px !important;
    width: 32px !important;
    margin: 0 auto !important;
    background-image: url(../../../img/encoche-bulle.png) !important
}

.icon-tick,
.no-svg .dossier-step .icon-tick {
    background-image: url(../../../img/encoche-bulle.png)
}

.overview .dossier-step.completed .icon {
    display: block !important;
    height: 32px !important;
    width: 32px !important;
    margin: 0 auto !important;
    background-image: url(../../../img/encoche-bulle.png) !important
}

.librairie ul li {
    width: 24%
}

.librairie ul li a img {
    width: 80%
}

.hero-landing {
    background-size: cover;
    min-height: 445px;
    margin-bottom: 70px
}

#landing {
    background: #f7f7f7;
    padding-bottom: 70px
}

#landing h1 {
    padding: 0;
    margin: 50px 0 0
}

.landing-left {
    border-right: 1px solid #000;
    margin-bottom: 60px
}

.landing-left img {
    width: 180%;
    position: relative;
    right: 60px;
    top: 20px
}

.landing-left .pull-right {
    padding: 20px 0 0
}

.landing-right {
    padding: 25px 0 0 35px
}

.landing-right .col-md-6 {
    padding: 0;
    margin-top: 15px
}

#landing input {
    margin-bottom: 20px
}

#mn_appbundle_guide_download_phone {
    margin-bottom: 40px !important
}

#mn_appbundle_guide_download_save {
    margin: 10px 0 30px
}

@media screen and (max-width: 415px) {
    .landing-left img,
    .librairie ul {
        right: 25px;
        position: relative
    }

    .hero-guide-creer-entreprise-plusieurs,
    .hero-landing.hero-guide-creer-entreprise-plusieurs {
        background-position: -305px 0
    }

    .hero-concept.offre {
        background-position: -280px 0
    }

    .hero-concept.valeurs {
        background-position: -318px 0
    }

    .hero-concept.equipe,
    .hero-landing.hero-sas-avantages,
    .hero-sas-avantages {
        background-position: -355px 0
    }

    .hero-landing.hero-sas-guide,
    .hero-sas-guide {
        background-position: -395px
    }

    .hero-accre,
    .hero-guide-formalites,
    .hero-landing.hero-accre,
    .hero-landing.hero-guide-formalites {
        background-position: -265px 0
    }

    .hero-landing.hero-sarl-avantages,
    .hero-sarl-avantages {
        background-position: -440px
    }

    .hero-landing.hero-sarl,
    .hero-sarl {
        background-position: -575px 0
    }

    .hero-choix-statut,
    .hero-landing.hero-choix-statut {
        background-position: -745px 0
    }

    .hero-landing {
        background-position: -440px 0
    }

    /*.hero-librairie {*/
    /*background-position: -480px 0*/
    /*}*/
    .hero-accre h1,
    .hero-choix-statut h1,
    .hero-concept.equipe h1,
    .hero-concept.offre h1,
    .hero-concept.valeurs h1,
    .hero-guide-creer-entreprise-plusieurs h1,
    .hero-guide-formalites h1,
        /*.hero-librairie h1,*/
    .hero-sarl h1,
    .hero-sarl-avantages h1,
    .hero-sas-avantages h1,
    .hero-sas-guide h1 {
        font-size: 24px !important
    }

    .simple-complexe {
        background-position: -560px 0
    }

    .landing-left img {
        width: 80%
    }

    .librairie ul li {
        width: 100%
    }

    .landing-left {
        border-right: none
    }

    .landing-left .pull-right {
        padding: 20px 0 0 20px
    }

    #mn_appbundle_guide_download_save {
        margin: 10px 0 0
    }
}

@keyframes slidy {
    0%,
    20% {
        left: 0
    }
    25%,
    45% {
        left: -100%
    }
    50%,
    70% {
        left: -200%
    }
    75%,
    95% {
        left: -300%
    }
    100% {
        left: -400%
    }
}

div#mnapp-wrap figure img {
    width: 20%;
    float: left;
    height: 580px
}

div#mnapp-wrap figure {
    height: auto;
    top: -57px;
    position: relative;
    width: 500%;
    margin: 0;
    left: 0;
    text-align: left;
    font-size: 0;
    animation: 28s slidy infinite
}

.sommaire-guide li {
    margin-bottom: 15px
}

.profile-dossiers {
    text-align: center;
    margin-bottom: 5px !important;
}

@media (max-width: 767px) {
    .profile-dossiers li {
        width: 100%;
    }

    .profile-dossiers li > a {
        width: 100%;
        overflow: hidden;
    }

    .profile-dossiers li > a {
        font-size: 13px;
    }
}

.profile-dossiers li, .profile-dossiers a {
    display: inline-block;
}

.profile-dossiers li {
    padding: 4px 10px;
}

div.no-compagnies {
    margin-top: 20px;
    margin-bottom: 20px
}

.liste-dossier hr {
    margin: 0
}

.liste-dossier .cell-denomination .company-name {
    display: block;
    font-size: 23px;
    font-size: 1.4375rem;
    text-transform: uppercase;
    letter-spacing: .1em
}

.liste-dossier .cell-statut small,
.liste-dossier .cell-statut span {
    font-size: 13px;
    font-size: .8125rem;
    text-transform: uppercase;
    display: block
}

.liste-dossier .cell-statut span {
    margin: 10px 0
}

.liste-dossier .cell-statut small {
    position: relative;
    padding-left: 15px
}

.liste-dossier .dossier-child {
    margin-left: 20px
}

.liste-dossier .cell-statut small:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #000;
    position: absolute;
    top: 3px;
    left: 0
}

.liste-dossier .cell-statut small.draft:before {
    background: #E63B11
}

.liste-dossier .cell-statut small.confirmed:before {
    background: #80B1E0
}

.manewco-pro h2 {
    margin-top: 40px
}

.register-pro {
    margin-top: 30px;
    margin-bottom: 70px
}

.userprofile-header .title-zone {
    height: auto
}

#backend-choices button i {
    display: block;
    position: absolute;
    top: 10px;
    font-size: 60px;
    font-size: 3.75rem
}

#backend-choices button,
#backend-parameters button {
    position: relative;
    font-size: 15px;
    padding: 80px 10px 10px;
    margin: 0;
    width: 200px;
    height: 200px;
    white-space: normal;
    display: inline-block;
    vertical-align: top;
    color: #FFF;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

#backend-parameters button {
    height: 75px;
    padding-top: 10px
}

#backend-choices div.backend-creer button,
#backend-parameters div.backend-creer button {
    border: 3px solid #6ABD9D;
    background: #6ABD9D !important
}

#backend-choices div.backend-creer button:active,
#backend-choices div.backend-creer button:focus,
#backend-choices div.backend-creer button:hover,
#backend-parameters div.backend-creer button:active,
#backend-parameters div.backend-creer button:focus,
#backend-parameters div.backend-creer button:hover {
    border-color: #008089 !important;
    background: #008089 !important
}

#backend-choices div.backend-gerer button,
#backend-parameters div.backend-gerer button {
    border: 3px solid #5C9FD6;
    background: #5C9FD6 !important
}

#backend-choices div.backend-gerer button:active,
#backend-choices div.backend-gerer button:focus,
#backend-choices div.backend-gerer button:hover,
#backend-parameters div.backend-gerer button:active,
#backend-parameters div.backend-gerer button:focus,
#backend-parameters div.backend-gerer button:hover {
    border-color: #5C9FD6 !important;
    background: #5C9FD6 !important
}

#backend-choices button span,
#backend-parameters button span {
    width: 100%;
    display: block
}

#backend-choices div.backend-creer,
#backend-choices div.backend-gerer,
#backend-parameters div.backend-creer,
#backend-parameters div.backend-gerer {
    padding: 20px 0
}

#create_new .col-md-4,
#personne_ajout .form-group .col-md-8,
#personne_remplacement .col-md-4 {
    /*padding-right: 0*/
}

@media screen and (min-width: 768px) {
    .backend-dossiers i,
    .backend-parametres i,
    .backend-pros i {
        left: 44px
    }

    .backend-users i {
        left: 39px
    }

    .backend-promotions i {
        left: 32px
    }
}

#create_new .form-group .col-md-8,
#personne_ajout .form-group .col-md-4,
#personne_depart .form-group .col-md-4,
#personne_remplacement .col-md-8 {
    background-color: #fff;
    height: 45px
}

#personne_ajout .col-md-4 > label,
#personne_depart .col-md-4 > label,
#personne_remplacement .col-md-8 > label,
#personne_select .col-md-4 > label {
    margin-top: 10px
}

.radio-background {
    display: inline-block;
    width: auto;
    height: 45px;
    background-color: #fff;
    padding-left: 15px;
    padding-top: 10px
}

.radio-background-1,
.radio-background-3 {
    margin-right: 8px !important
}

.radio-background-3,
.radio-background-4 {
    width: 176px !important
}

.radio-background-5,
.radio-background-6,
.radio-background-7,
.radio-background-8 {
    width: 85px
}

#sideHelper-note,
#sideHelper-contact {
    top: 150px;
    width: 55%;
    position: fixed;
    right: 0;
    display: block;
    z-index: 9999;
}

#sideHelper-contact .content,
#sideHelper-note .content {
    padding: 10px;
    background: #dedede;
    width: 225px;
    position: absolute;
    right: -225px !important;
}

#sideHelper-contact .toggle-button-contact,
#sideHelper-note .toggle-button-note {
    position: absolute;
    z-index: 10;
    top: 0;
    display: block;
    padding: 0;
    margin: 0;
    border: 10px solid #dedede;
    -moz-border-radius: 0 50% 50% 0;
    -webkit-border-radius: 0;
    border-radius: 50% 0 0 50%;
    background: #dedede;
    right: 0;
    width: 60px;
    height: 60px;
}

#sideHelper-note .toggle-button-note {
    border: 8px solid #dedede;
}

#sideHelper-contact .toggle-button-contact:focus,
#sideHelper-note .toggle-button-note:focus {
    outline: none;
}

#sideHelper-contact .toggle-button-contact i.fa,
#sideHelper-note .toggle-button-note i.fa {
    display: block;
    width: 40px;
    height: 40px;
    font-size: 25px;
    font-size: 1.5625rem;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #000;
    color: #FFF;
    line-height: 40px;
    -moz-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    -webkit-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
}

#sideHelper-contact.open {
    right: 225px;
}

#sideHelper-note.open {
    right: 225px;
}

.dossier-step.completed {
    border: 2px solid #6ABD9D !important;
}

.dossier-step.bg-cs5.completed {
    border: 2px solid #6ABD9D !important;
}

.dossier-step.bg-cs4.completed {
    border: 2px solid #6ABD9D !important;
}

.dossier-step.bg-cs3.completed {
    border: 2px solid #6ABD9D !important;
}

.dossier-step.bg-cs5-modification {
    border: 2px solid #5C9FD6 !important;
    background: #5C9FD6 !important;
}

#header-phone {
    display: inline;
    max-width: none;
    top: -7px;
    position: relative;
    right: 6px;
    width: 54px;
    height: 54px;
}

#header-note {
    position: relative;
    width: 48px;
    height: 48px;
}

/*.hero-landing{background:url(../../../img/hero-homepage4.jpg) center center no-repeat;height:560px;width:auto;background-size: cover;}*/

.hero-landing h1 {
    margin: 30px 0 30px 0 !important;
}

.landing h2 {
    margin: 50px 0 20px 0
}

.hero-landing img {
    position: absolute;
    width: 100%
}

.hero-landing {
    margin-bottom: 200px
}

.landing-contact i {
    margin-right: 15px
}

.landing-contact a {
    color: #000000
}

@media screen and (max-width: 1100px) {
    .hero-landing {
        margin-bottom: 150px
    }
}

@media screen and (max-width: 990px) {
    .hero-landing {
        margin-bottom: 100px
    }
}

@media screen and (max-width: 890px) {
    .hero-landing {
        margin-bottom: 50px
    }

    .hero-landing h1 {
        margin-top: 200px !important;
    }
}

@media screen and (max-width: 760px) {
    .hero-landing {
        margin-bottom: 0
    }
}

@media screen and (max-width: 630px) {
    .hero-landing {
        margin-bottom: 0;
        min-height: 360px;
    }

    .hero-landing h1 {
        margin-top: 100px !important;
    }
}

.navbar-links span.phone {
    margin-left: -5px
}

.btn-header-paid {
    position: absolute;
    right: 0;
    bottom: 5px;
}

.hero-left {
    padding: 18px;
    opacity: 0.8
}

.hero-left #contact_sauvegarder {
    margin: 25px 0 5px;
}

.hero-left h3 {
    color: inherit !important
}

.hero-landing .bg-gris-opac {
    background-color: rgba(0, 0, 0, 0.48) !important;
    color: #ffffff !important
}

.bg-gris-opac-2 {
    background-color: rgba(0, 0, 0, 0.48) !important;
    color: #ffffff !important
}

.dossier-step.bg-cs1-gerer.completed.editing .icon,
.dossier-step.bg-cs2-gerer.completed.editing .icon,
.dossier-step.bg-cs3-gerer.completed.editing .icon,
.dossier-step.bg-cs1-gerer.completed .icon,
.dossier-step.bg-cs2-gerer.completed .icon,
.dossier-step.bg-cs3-gerer.completed .icon {
    background-image: url(../../../img/encoche-bulle-gerer.png) !important;
}

.landing h1 {
    margin: 17px 0 30px 0 !important
}

.landing .hero-landing {
    margin-bottom: 0
}

.landing .block-text {
    padding: 40px 0 40px 0 !important
}

.landing .les-etapes-creation img {
    width: 16px !important
}

#tabs-2 .les-etapes,
.arrow-up,
.les-etapes ul.documents-prepares,
.les-etapes ul.les-modifications,
.les-etapes-creation ul.documents-generes,
.les-etapes-creation ul.documents-prepares,
.les-etapes-creation ul.justificatifs {
    display: none
}

.landing .creer-bg h2 {
    margin: 65px 0 55px 0
}

.landing .creer-bg:hover {
    background-color: #6ABD9D
}

.form-helper {
    left: 165px;
    top: 0;
}

.process-fast img {
    width: 15%
}

.process-fast p {
    color: #c5dee0
}

.gerer-bg.process-fast p {
    color: #ffffff
}

.summer-offer img {
    right: 260px;
    position: relative;
    z-index: 10;
}

.circle-orange-2.little-circle,
.circle-blue-2.little-circle {
    width: 10px;
    height: 10px;
    margin-right: 10px;
    /*float: left;*/
    top: -2px;
    /*left: 8px;*/
}

.landing .bg-blanc.template-content {
    padding-top: 50px
}

.template-content ul li {
    text-indent: -14px
}

.hero-landing p a {
    margin: 0 !important;
    display: initial !important;
    font-size: initial !important;
    padding: 0 !important;
    text-transform: none !important
}

.template-content {
    position: relative;
}

.form-helper-2 {
    margin-left: 4px;
    background-size: 20px 20px;
    display: block;
    height: 20px;
    width: 20px;
    background-image: url(../../../img/help-icon.png);
}

#recapOffer .form-helper-2 {
    display: inline-block;
    position: relative;
    top: 4px;
}

.form-helper-content.creer-bg {
    padding: 31px;
    position: relative;
    top: 25px;
    margin-bottom: 30px;
    width: 100%
}

#recapOffer .form-helper-content.creer-bg {
    padding: 10px 20px;
    top: 10px;
    margin-bottom: 10px;
}

.form-helper-content.creer-bg {
    font-size: 15px !important;
    text-align: left;
}

.text {
    position: relative;
    top: -11px;
}

.text span {
    padding: 7px;
}

.carousel-cell.partner img {
    top: -25px;
    position: relative;
}

.navbar-links > a.admin-link,
.navbar-brand + .label {
    background-color: #33a4b9;
}

.navbar-links > a.admin-link-partner {
    background-color: #6ABD9D;
    padding: 0 10px;
}

.navbar-brand {
    margin-left: 30px !important;
}

input[type=radio] + label {
    margin-right: 20px !important
}

#mn_appbundle_modifications_changement_dirigeant_civilite label {
    margin-right: 120px !important
}

#mn_appbundle_modifications_changement_dirigeant_type label {
    margin-right: 60px !important
}

.label-white label {
    background-color: #ffffff;
    padding: 10px 15px !important
}

.label-input {
    padding: 0;
}

.label-input > label {
    margin-top: 0 !important;
}

#mn_appbundle_modifications_changement_dirigeant_remplacement label,
#mn_appbundle_modifications_changement_dirigeant_create_new label {
    margin-right: 80px !important
}

.change_dirigeant_cp label {
    margin-top: 0 !important;
}

.avatar-home {
    margin-bottom: 40px;
}

.stamp-original {
    width: 91%;
    position: relative;
    left: -40px;
    top: -50px;
    transform: rotate(-15deg);
}

.stamp-original-home {
    left: 155px !important;
    top: -70px !important;
}

.template-landing-content .circle-orange-2.little-circle {
    top: -2px;
}

.landing.home-tarifs .prices-block .bg-gris,
.home-tarifs .prices-block .bg-blanc {
    height: 640px !important
}

.landing .border-left {
    border: 1px solid #208d99;
    transform: rotate(90deg);
    width: 168px;
    position: relative;
    left: -485px;
    top: 210px;
}

.landing .border-right {
    border: 1px solid #33a4b9;
    transform: rotate(90deg);
    width: 168px;
    position: relative;
    left: -485px;
    top: 210px;
}

.landing .les-etapes {
    padding: 0 40px
}

.landing img.img-document {
    position: relative;
    left: 190px;
    top: -70px;
}

.landing img.img-signature {
    position: relative;
    left: 150px;
    top: -80px;
}

.les-etapes {
    min-height: 300px
}

.landing img.img-suivi {
    position: relative;
    left: 185px;
    top: -80px;
}

.les-etapes.les-etapes-creation h3 {
    color: #6ABD9D !important
}

.les-etapes-gestion h3 {
    color: #33a4b9 !important
}

.landing-modification .les-etapes h3 {
    color: #33a4b9 !important
}

.bg-gris-2 {
    background-color: #f2f2f2
}

.bg-gris-2.etape-process.landing {
    padding-bottom: 70px
}

.hero-tarifs .prices-block a {
    position: relative;
    top: 58px;
    border-radius: 25px;
    left: 400px;
}

.prestation-complementaire {
    background-color: #eeeeee;
    padding: 15px;
    margin-top: 25px;
    max-width: 250px;
}

.navbar-links > a {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 50px;
    height: 50px;
    vertical-align: top;
    margin-left: 2em;
}

.hidden-text {
    display: none;
    padding-top: 10px;
}

.hidden-form {
    display: none;
}

#promotion_code {
    margin-bottom: 20px;
}

.hidden-list {
    display: none;
    margin-top: 30px;
}

.show-list {
    text-decoration: underline;
}

.show-list-frais {
    border-radius: 50%;
    border: 1px solid;
    padding: 0 5px;
    margin-left: 10px;
}

.show-list-frais {
    border: none;
}

.show-list:hover, .show-list-frais {
    cursor: pointer;
}

div.hidden-list {
    background: #ececec;
    padding: 10px;
    margin-top: -10px;
}

div.hidden-list .arrow-up {
    display: block;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #eeeeee;
    position: relative;
    left: 134px;
    top: -28px;
    margin-top: 1px;
}

.template-landing-content .show-text {
    border: 1px solid;
    border-radius: 50%;
    padding: 0 5px 0 6px;
    font-weight: bold;
}

.landing .les-etapes-creation span.bullet-blue, .landing .les-etapes-creation span.bullet-red {
    text-transform: lowercase;
}

.landing .offre-components li span {
    width: inherit !important;
}

.landing .show-list-frais {
    margin-left: 150px;
}

.manewco-pro h2, .manewco-pro h3, .manewco-pro h4 {
    color: #ffffff !important;
}

.manewco-pro-etape .homepage-process-title {
    margin-top: 40px;
}

.presentation img {
    width: 20%;
}

.presentation h3 {
    color: inherit !important;
    margin: 30px 0;
    font-size: 22px !important;
}

.block-presentation {
    padding: 0 50px 25px 50px;
}

#tooltip .text a {
    color: #000000;
}

.tooltip-je-cree .text a:hover {
    color: #208d99 !important;
    text-decoration: none;
}

.tooltip-je-gere .text a:hover {
    color: #33a4b9 !important;
    text-decoration: none;
}

.gerer-text {
    color: #fd5c63 !important;
}

.gerer-text[disabled] {
    color: lightgray !important;
}

#tabs .les-etapes span {
    text-transform: lowercase !important;
}

.gerer-bg.process-fast:hover {
    background-color: #33a4b9;
}

.process-fast h2 {
    margin: 63px 0 53px 0;
}

.process-fast p {
    margin-bottom: 65px;
}

.process-fast img {
    margin-bottom: 15px;
}

.process-fast .icon-etape {
    height: inherit;
    width: inherit;
    display: inherit;
}

.template-landing-content h3 {
    margin: 30px 0 40px 0 !important;
}

body.cms .prices-block .offre-components li span {
    width: inherit;
    padding-left: 13px;
}

.creer-bg.process-fast:hover {
    background-color: #6ABD9D;
}

.landing.home-etape.etape-creation, .landing.home-etape.etape-gestion {
    margin-top: 10px;
}

.landing.offre-item.option {
    width: 68%;
}

.prices-block.pro p.number {
    font-size: 45px;
    margin-left: inherit;
}

.prices-block.pro p.number .devise {
    font-size: 20px;
    top: -20px;
}

.prices-block.pro p.number .taxe {
    font-size: 15px;
    top: -32px;
}

.prices-block.pro table {
    border: 1px solid #000000;
}

.prices-block.pro table th {
    border-bottom: 1px solid #000000;
    color: #000000;
}

.prices-block.pro table th:first-child {
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
}

.prices-block.pro table thead th, .prices-block.pro table tbody td {
    padding: 0 10px;
}

.prices-block.pro table tbody td:first-child {
    border-right: 1px solid #000000;
    font-size: 16px;
    color: #000000;
}

.prices-block.pro table thead th:last-child,
.prices-block.pro table tbody td:last-child {
    border-left: 1px solid #000000;
}

.prices-block.pro h2 {
    font-size: 18px;
}

.etape-gestion .list-etape p {
    color: #bfbebe;
    text-decoration: inherit !important;
}

.etape-creation .list-etape p {
    color: #bfbebe;
    text-decoration: inherit !important;
}

.etape-gestion, .etape-creation {
    box-shadow: -2px 2px 9px #aaaaaa;
}

.landing .custom_checkbox_img {
    position: relative;
    top: -8px;
    width: 25px;
    left: 20px;
}

.question-control .custom_radio_img {
    top: 0 !important;
    left: 0 !important;
}

.home-etape .custom_radio_img {
    width: 10%;
    height: inherit;
    position: relative;
    top: -24px;
    left: -45px;
}

.landing-label-form {
    font-size: 25px;
    margin-top: 25px;
}

/*.text-intro{*/
/*color: #8c8c8c;*/
/*}*/

#tabs .les-etapes {
    margin-top: 8px;
}

li.tooltip-je-cree {
    width: 170%;
    left: -92px;
    border: 2px solid #6ABD9D;
}

li.tooltip-je-gere {
    width: 260%;
    left: -32px;
    border: 2px solid #33a4b9;
    left: -188px;
}

li.tooltip-je-cree, li.tooltip-je-gere {
    display: none;
    z-index: 10000;
    top: -38px;
}

#status-panel .progress-panel .text {
    top: 1px;
}

#status-panel .progress-panel.status-paid {
    top: -137px;
    left: 233px;
}

.landing-phrase-intro {
    text-transform: uppercase;
    font-size: 22px !important;
}

.show-span:hover {
    cursor: pointer;
}

.show-span {
    border-radius: 50%;
    height: 22px;
    width: 20px;
    display: inline-block;
    padding-left: 16px;
}

.buttons {
    padding-top: 30px;
    padding-bottom: 20px;
}

/* liScroll styles */

.tickercontainer { /* the outer div with the black border */

    width: /*738px*/ 100%;
    height: 27px;
    margin: 0;
    padding: 0;
    overflow: hidden;

    margin-top: 10px;
}

ul.newsticker { /* that's your list */
    position: relative;
    left: 750px;
    font: bold 10px Verdana;
    list-style-type: none;
    margin: 0;
    padding: 0;

}

ul.newsticker li {
    float: left; /* important: display inline gives incorrect results when you check for elem's width */
    margin: 0;
    padding: 0;

}

ul.newsticker p {
    white-space: nowrap;
    padding: 0;
    color: #ffffff;
    font: bold 16px Verdana;
    margin: 0 180px 0 0;
}

ul.newsticker span {
    margin: 0 10px 0 0;
}

.landing .text-to-indent {
    text-indent: -19px;
    padding-left: 50px;
}

.offer-choice-list {
    display: none;
}

.btn-option {
    padding: 0px 10px;
}

#displayForm .title-2 {
    margin: 50px 0 0 0;
    font-size: 25px;
}

#displayForm .title.associe {
    font-size: 32px;
}

.person-item {
    margin-bottom: 10px;
}

.open-law {
    background: url(../../../img/open-law.png) no-repeat;
    height: 186px;
    width: 17%;
    margin-top: 40px;
}

.custom_checkbox_img:hover {
    cursor: pointer;
}

.userprofile-header nav a.creer-bg, .userprofile-header nav a.gerer-bg {
    color: #FFFFFF;
    text-transform: uppercase;
    line-height: inherit;
    border-bottom: inherit;
    height: inherit;
    display: inherit;
}

.overview-link.creer-bg:hover, a.back-link.gerer-bg:hover {
    color: #ffffff;
}

.overview h1:first-child {
    font-size: 42px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.next-link {
    text-decoration: underline;
    font-size: 18px;
}

button.addfileinput {
    padding: 6px 23px !important;
}

.m30 {
    margin-top: 30px;
}

.update-form .row {
    margin-bottom: 20px;
}

.content img {
    width: 80%;
}

/* The "show" class is added to the filtered elements */
.show {
    display: block;
}

div#myBtnContainer {
    text-align: center;
    margin-bottom: 33px;
}

#myBtnContainer button.btn {
    background-color: #E5E5E5;
    color: black;
    border-radius: 30px;
    box-shadow: 1px 3px 8px #d0d0d0;
    font-weight: 500;
    padding: 5px 17px;
    text-transform: unset;
    -webkit-transition: 0;
    transition: none;
    border-width: 0;
    margin-left: 13px;
}

#myBtnContainer button.btn.active {
    background: #158D91;
    border: none;
    color: #fff;
    box-shadow: 1px 3px 8px #158D91;
    padding: 7px 17px;
    border-radius: 30px;
}

#myBtnContainer .btn:hover {
    background: #158D91 !important;
    border: none !important;
    color: #fff !important;
    box-shadow: 1px 3px 8px #158D91 !important;
    padding: 7px 17px !important;
    border-radius: 30px !important;
}

#myBtnContainer .btn:focus {
    background: #158D91;
    border: none;
    color: #fff;
    box-shadow: 1px 3px 8px #158D91;
    padding: 7px 17px;
    border-radius: 30px;
}

#myBtnContainer button.active, #myBtnContainer .btn:focus {
    outline: none !important
}

.rates-additional-info {
    font-size: 11px;
    font-style: italic;
}

#site-map-header h1, #legal-header h1 {
    font-size: 38px;
}

.undo {
    border: 1px solid #6ABD9D;
    height: 45px;
    line-height: 23px;
    width: 224px;
}

a.undo:focus, a.undo:hover, a.undo[disabled] {
    border: 1px solid #6ABD9D;
}

.modif-complete {
    color: #2ECC71;
}

.modif-not-complete {
    color: #E74C3C;
}

.tab-pane {
    padding: 10px;
    background-color: #FFF;
}

.img-default {
    display: inline;
    max-width: initial;
    height: initial;
}

.loading {
    position: absolute;
    background: white url('../img/Loading_icon.gif') no-repeat center center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.group-filter {
    background-color: #ccc;
}

.group_list {
    overflow: scroll;
    overflow-x: hidden;
    height: 110px;
    background-color: #FFF;
    padding: 10px
}

.main-contact {
    background-color: #fff;
}

.gere-bnt {
    padding: 16px 12px;
}

.new-class {
    clear: both;
}

::placeholder {
    color: #ccc !important;
}

.fa-color {
    color: #999;
}

.black-bg {
    background-color: #000000;
}

.black-txt {
    color: #000000 !important;
}

.partenaire {
    padding: 25px;
}

.flex-container {
    width: inherit;
    margin: auto;
}

.payment-class, .facture-class {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.facture-class::after, .payment-class::after {
    content: '';
    display: block;
    clear: both;
}

.offre-txt {
    color: black;
    font-size: 20px;
}

.margin-corbeille {
    margin-top: 5px;
    margin-left: 90px
}

.m-txt {
    padding-left: 25px;
    padding-right: 100px
}

.sh-bg {
    background: rgba(21, 141, 154, .2);
}

.ui-autocomplete-category {
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;

}

#circle {
    display: block;
    background: #6ABD9D;
    border-radius: 100%;
    height: 100px;
    width: 100px;
    margin: 0;
    left: 50%;
    top: 50%;
}

#circle.name-user {
    position: absolute;
    color: #0000AA;
    text-align: center;

    /*color: #fff*/
}

div#crcl_jaune {
    position: absolute;
    background: rgb(250, 190, 60);
    border-radius: 50%;
    width: 200px;
    height: 200px;
    top: 25%;
    left: 5%;
    border: 1px rgba(255, 255, 255, 0.7) solid;
}

div#txt_crcl_jaune {
    position: absolute;
    color: white;
    text-align: center;

}

.ontainer-check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.ontainer-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.ontainer-check:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.ontainer-check input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.ontainer-check input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.ontainer-check .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.txt-underline {
    text-decoration: underline;
}

.white-txt {
    color: #fff;
}

.black-txt {
    color: #000;
}

.connexion-icon {
    font-size: 32px !important;
}

.login-img {
    background: url(../img/logout.png) no-repeat center center;
}

.has-feedback label ~ .form-control-feedback {
    top: 30px !important;
}

.size-txt {
    font-size: 20px;
}

.border-btn {
    border-radius: 8px;
}

.bg-gris3 {
    background-color: #f5f5f5;
}

.bg-gris4 {
    background-color: #eeeeee;
}

.tarifs-pro .prix li:before {
    color: #000;
}

.notre-offre {
    padding-top: 15px;
    padding-bottom: 15px;
}

table td[class*="col-"], table th[class*="col-"] {
    float: left;
}

.status-saved {
    background: rgba(46, 204, 113, 0.4) !important;
}

.capital-table a {
    display: inline-block;
    color: #337ab7;
}

.capital-table a:hover, .capital-table a:focus {
    color: #23527c;
    text-decoration: underline;
}

.modif-complete {
    color: #2ECC71;
}

.modif-not-complete {
    color: #E74C3C;
}

body.backend #delivery-table .circle-button, body.backend #documents-table .circle-button, body.backend #gestion-table .circle-button, body.backend #justificatifs-table .circle-button {
    padding: 8px 8px;
    margin-top: 0;
}

.hr-separator {
    border: 2px solid #191919;
    background: #191919;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .24), 0 0 2px rgba(0, 0, 0, .12);
}

.table-shadow {
    box-shadow: 0 2px 2px rgba(0, 0, 0, .24), 0 0 2px rgba(0, 0, 0, .12);
}

.table-shadow thead {
    color: #fff;
    background: rgba(0, 0, 0, .54);
}

.backend h2 {
    font-size: 26px;
}

.groups-folders .back-link1 {
    height: 35px !important;
    padding-top: 35px !important;
}

.password-strength {
    position: relative;
}

.password-strength .form-helper-2 {
    position: absolute;
    top: 3px;
    left: 95px;
}

.recap {
    margin: 10px 0;
}

.more-info-modification {
    display: none;
}

.more-info-link-modification {
    display: inline-block;
    color: #337ab7;
}

.red-txt {
    color: #5C9FD6 !important;
}

.red-bg {
    background: #5C9FD6 !important;
    color: #fff;
}

.capital-table tbody td.sum-left, .capital-table tfoot td.sum-left {
    text-align: left !important;
}

.alert-form {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: #000;
    text-align: center;
}

.alert-icon, .alert-icon:hover, .alert-icon:focus {
    color: red;
}
.alert-icon-client, .alert-icon-client:hover, .alert-icon-client:focus {
    color: #fd5c63!important;;
}


@media screen and (min-width: 768px) {
    .modal-body {
        height: 480px
    }
    .ml-300{
        margin-left: 300px;
    }
}
.eurl, .sarl, .sas, .sasu, .sc {
    background-color: #d5e6e8;
}
.payment{
    background-color: #fff!important;
}
#actReglePlus .activity-choice-color {
    color: #183f5e !important;
}
@media (min-width: 767px) {
    .activity-date-txt {
        width: 81% !important
    }
    .activity-date {
        margin-left: 170px;
    }
}

@media (max-width: 767px) {
    .activity-date-txt {
        width: 98% !important
    }

    .activity-date {
        margin-left: 100px;
    }

    .date-width{
        width: 89px !important;
    }
}

.community-of-property {
    right: 40px;
    top: 40px;
    position: absolute;
}
.actes-repris{
    height: 100px!important;
}
@media (min-width: 767px) {
    .date-width {
        width: 105px !important;
    }
}
.btn-doc{
    margin:0em 0px!important;
}
@media screen and (min-width: 768px) {
    #doc-edit-modal .modal-body {
        height: 600px
    }

    .ml-300 {
        margin-left: 300px;
    }
    .accept-cookie{
        padding: 2px !important;
        top: -12px !important;
    }
}
.indivision-property {
    margin-right: 595px
}
@media screen and (max-width: 460px) {
    .accept-cookie{
        top: 5px !important;
    }
}
#logo {
    margin: 10px 10px 16px 0 !important;
}

.w-315 {
    width: 315px !important;
}
.font-14{
    font-size: 14px !important;
}

hr.separator {
    height: 1px;
    color:red;
}