@import "mandat.css";
@import "muli.css";
@import "Montserrat.css";
@import "adresse.css";

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

body {
    font-family: Montserrat;
    font-size: 12px;
    color: #000000;
}



img {
    border: none;
}


html, body, form {
    height: 100%;
}


@media screen and (max-width: 990px) {
    body {
        font-size: 12px;
    }
}



#divPrinc {
    height: 100%;
}

#wrap {
    min-height: 100%;
}


.bandeau {
    background: #FFFFFF;
    line-height: 30px;
    text-align: left;
    border-bottom: 15px #DDDDDD solid;
}

    .bandeau img {
        margin: 10px 10px;
    }

    .bandeau .texte {
        border-left: 1px solid lightgrey;
        font-family: Montserrat;
        color: #32394D;
        padding-top: 10px;
        margin-top: 15px;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }


.bandeauBis {
    padding: 10px 10px;
    color: #FFFFFF;
    font-size: 14px;
    text-align: center;
    display: none;
}

.Default .bandeauBis {
    display: block;
}

@media (min-width: 748px) {
    .pull-right-lg {
        float: right;
    }
}


.bandeauBis span {
    font-size: 16px;
    font-weight: 600;
}

.Default .infos {
    margin-top: 50px;
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
}

    .Default .infos, .Default .infos a {
        font-size: 12px;
    }


@media screen and (max-width: 600px) {
    .bandeauBis .oney {
        position: relative;
        left: 0;
        margin-top: 0;
        margin-bottom: 5px;
    }
}





.footer {
    text-align: center;
    margin: 80px 50px 20px;
    font-family: Montserrat;
    font-size: 16px;
    border-top: 1px solid #D6D4D4;
    padding-top: 20px;
    margin-bottom: 20px;
}

    .footer a {
        text-decoration: underline;
        font-size: 16px;
    }

.modal-content {
    background-color: #EF5D6E;
}

.modal-body {
    padding: 30px;
}

h3 {
    color: #5A5A5A;
    font-size: 20px;
    font-weight: normal;
}

    h3 span {
        font-size: 12px;
        font-weight: normal;
        color: Black;
        margin-top: 5px;
    }

.saisie_biens h3 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
}

/*.date table {
    border-collapse: collapse;
}

.date input[type="text"] {
    width: 70px !important;
    text-align: center;
}*/




.saisie_biens .lst_biens h3 {
    margin-top: 20px;
    font-size: 12px;
    color: #3A3A3A;
}

.saisie_biens2 h3 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
}

.error, .errorSummary {
    color: red !important;
    font-weight: bold !important;
}

.errorSummary {
    margin-top: 10px !important;
    display: inline-block;
}

    .errorSummary ul {
        margin: 0px;
        padding: 0px;
    }

.control .error {
    padding-left: 5px;
}

.saisie_biens2 .lst_biens h3 {
    margin-top: 20px;
    font-size: 12px;
    color: #3A3A3A;
}

.saisie_biens .lst_biens span {
    /*
        color: #3A3A3A;
          */
    font-size: 12px;
    margin-left: 10px;
}

.saisie_biens .lst_saisie {
    margin-top: 10px;
    margin-bottom: 10px;
}


.saisie_biens .ajoutBien {
    background-color: #92B736;
    margin-bottom: 10px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 10px;
    border-radius: 3px;
}

.saisie_biens .suppBien {
    background-color: #D9534F;
    margin-bottom: 10px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 10px;
    border-radius: 3px;
}


.saisie_biens a {
    text-decoration: none;
    font-size: 14px;
}

.saisie_biens .lst_saisie input, .saisie_biens2 .lst_saisie input, .saisie_mail input, .infoClient input {
    border: 1px solid #D6D6D6;
}


.saisie_biens .lst_elm {
    padding: 5px;
    margin-bottom: 5px;
    color: #383838;
    font-weight: normal;
    font-size: 14px;
    white-space: nowrap;
}

    .saisie_biens .lst_elm table {
        border-collapse: collapse;
    }

    .saisie_biens .lst_elm td {
        padding: 0px;
    }


.gestBien {
    padding-left: 14px;
    padding-right: 14px;
}

/* Zone de titres - Fin */



.acrobat {
    display: inline-block;
    margin-bottom: 5px;
}

    .acrobat td {
        vertical-align: middle;
        padding-left: 5px;
    }

    .acrobat a {
        color: #32394D;
    }



.divColCenter {
    margin-top: 130px;
    width: 982px;
    margin-left: auto;
    margin-right: auto;
}

.divTitle {
    font-weight: bold;
    font-size: 17px;
}


    .divTitle span,
    .tabTitle span {
        font-size: 15px;
        font-weight: normal;
    }

.divLstGaranties p, .divCompte p, .divHelp p {
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 15px;
    margin: 0px;
    padding-bottom: 2px;
    width: 180px;
}

.divLstGaranties a, .divCompte a, .divHelp a {
    font-size: 12px;
    text-decoration: none;
}

/* Zone Liste des garanties - D�but */
#div_left_t1 {
    background-position: top left;
    background-image: url('Images/div_left_t1.jpg');
    background-repeat: no-repeat;
    height: 30px;
    width: 690px;
}

.div_left_b {
    background-position: top;
    background-image: url('Images/div_left_b.jpg');
    background-repeat: no-repeat;
    height: 10px;
    width: 690px;
    margin-bottom: -100px;
}



.divLstGaranties {
    color: #1053BB;
    width: 688px;
    height: 230px;
    border-right: 1px solid #D6D6D6;
    border-left: 1px solid #D6D6D6;
    background-color: #FFFFFF;
}

    .divLstGaranties ul {
        display: block;
        float: left;
        width: 160px;
        padding: 0px;
        list-style: none;
        margin-left: 6px;
        margin-right: 5px;
    }

    .divLstGaranties li {
        margin-top: 5px;
    }




    .divLstGaranties a {
        background-image: url('Images/puce_1.jpg');
        background-repeat: no-repeat;
        background-position: right;
        color: #535353;
        padding-right: 10px;
    }

        .divLstGaranties a:hover {
            color: #535353;
            text-decoration: underline;
        }


/* Zone Liste des garanties - Fin */


/* Zone Mon Compte - D�but */
#div_left_t2 {
    background-position: top;
    background-image: url('Images/div_left_t2.jpg');
    background-repeat: no-repeat;
    height: 43px;
    width: 230px;
    margin-top: 15px;
}

.divCompte {
    color: #1053BB;
    width: 228px;
    border-right: 1px solid #D6D6D6;
    border-left: 1px solid #D6D6D6;
    margin-top: -13px;
}

    .divCompte p {
    }

    .divCompte a {
        color: #4F4F4F;
        background-image: url('Images/puce_1.jpg');
        background-repeat: no-repeat;
        background-position: right;
        padding-right: 12px;
        padding-left: 5px;
    }

        .divCompte a:hover {
            text-decoration: underline;
        }
/* Zone Mon Compte - Fin */

/* Zone Aide - Début */
#div_left_t3 {
    background-position: top;
    background-image: url('Images/div_left_t3.jpg');
    background-repeat: no-repeat;
    height: 43px;
    width: 205px;
    margin-top: 15px;
}

.divHelp {
    height: 50px;
}
/* Zone Aide - Fin */


/* Panier - D�but */
#div_right_t1 {
    background-position: top left;
    background-image: url('Images/div_right_t1.jpg');
    background-repeat: no-repeat;
    height: 30px;
    width: 230px;
}

.divPanier {
    padding: 0px;
    padding-top: 110px;
    width: 230px;
}

.Panier {
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -270px;
}


.LstGarantiesPanier {
}

.LstGarantiesPanier, .LstGarantiesEmpty {
    background-color: #EFEFEF;
    border-left: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
    padding-left: 10px;
    padding-right: 10px;
    min-height: 128px;
}

.tableGaranties {
    min-height: 128px;
}

.LstGarantiesEmpty {
    font-size: 12px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.tableGaranties table {
    width: 100%;
}

.tableGaranties td {
    font-size: 11px;
}

.tableGaranties .cell1 {
    width: 140px;
}

.tableGaranties .cell2 {
    text-align: right;
}

.tableGaranties .cell3 {
    width: 30px;
}

.divPanier .totaux {
    border-collapse: collapse;
    width: 100%;
}

    .divPanier .totaux td {
        padding-left: 4px;
        padding-right: 4px;
        font-weight: bold;
        font-size: 11px;
        background-color: #D8D8D8;
        height: 15px;
    }

    .divPanier .totaux .totalMois td {
        color: White;
        font-size: 11px;
        background-position: top;
        background-color: #757470;
    }

    .divPanier .totaux .fil {
        background-position: top;
        background-color: #EFEFEF;
        height: 5px;
    }

    .divPanier .totaux .cell3 {
        text-align: right;
        width: 43px;
    }


/* Panier - Fin */

.garArgumentaire {
    font-size: 12px;
    margin-left: 0px;
    width: 500px;
    margin-bottom: 40px;
    margin-left: 5px;
    display: block;
    float: left;
}

    .garArgumentaire h4 {
        font-size: 13px;
        font-weight: bold;
        color: #03548B;
        background-image: url('Images/puce_4.jpg');
        background-repeat: no-repeat;
        background-position: left;
        padding-left: 25px;
    }

    .garArgumentaire h3 {
        color: #CC3300;
        font-size: 14px;
    }

    .garArgumentaire h2 {
        color: #4E4E4E;
        font-size: 18px;
    }

    .garArgumentaire ul li {
        list-style-image: url('Images/puce_gar2.jpg');
    }

    .garArgumentaire em {
        font-size: 11px;
    }


.garDescription {
    border-collapse: collapse;
    padding-top: 15px;
    margin-bottom: 30px;
    display: block;
    float: left;
}

    .garDescription .rounded3 {
        margin-left: 5px;
    }

    .garDescription .tabTitle {
        Font-size: 20px;
        height: 80px;
        padding-left: 75px;
    }


    .garDescription .prix {
        width: 150px;
        height: 60px;
        text-align: center;
        margin-left: 436px;
        top: 490px;
        margin-bottom: 150px;
        padding-top: 7px;
        position: absolute;
        background-color: #504041;
        border-radius: 15px 0 15px 0;
    }

    .garDescription .logo {
        margin-top: -90px;
        height: 80px;
        width: 100px;
    }

    .garDescription .descr {
        min-height: 130px;
        padding-top: 10px;
        width: 580px;
        margin-top: 90px;
    }

        .garDescription .descr ul {
            margin-top: 0px;
            color: #767674;
        }

            .garDescription .descr ul li {
                list-style: None;
            }

                .garDescription .descr ul li span {
                    color: #4C4C4C;
                    font-weight: normal;
                    font-size: 18px;
                    margin-left: -35px;
                }

                .garDescription .descr ul li li {
                    /*    list-style-image: url('Images/puce_gar2.jpg');
*/
                    color: #767674;
                    margin-left: -60px;
                    font-size: 14px;
                    line-height: 22px;
                    list-style-type: disc;
                }


                .garDescription .descr ul li.Gar_Plus span, .garDescription .descr ul div.Gar_Plus {
                    background-image: url('Images/fond_ul_span.jpg');
                    background-repeat: no-repeat;
                    padding-left: 10px;
                    Color: white;
                    padding-right: 50px;
                    font-size: 18px;
                }

                .garDescription .descr ul li.Gar_Plus {
                    margin-left: -9px;
                }

                    .garDescription .descr ul li.Gar_Plus li,
                    {
                        margin-left: -50px;
                    }

    .garDescription .garBoutons {
        text-align: center;
        margin-left: 5px;
        background-color: White;
        width: 458px;
        padding-bottom: 10px;
        border-bottom: 1px Solid #99B336;
        border-left: 1px Solid #99B336;
        border-right: 1px Solid #99B336;
    }

        .garDescription .garBoutons a {
            display: none;
        }


.garBoutons2 {
    margin-top: 5px;
    text-align: center;
    width: 500px;
    padding-bottom: 10px;
}

    .garBoutons2 input, .garBoutons2 a {
        text-align: center;
        display: inline-block;
        vertical-align: middle;
        padding-left: 10px;
    }


/* Souscription - Début */


.enteteRecap, .enqueueRecap {
    color: #000000;
    padding: 0px;
    min-height: 40px;
    text-align: left;
    align-items: center;
}

.enteteRecap, .enqueueRecap {
    background-color: #F9F9F9;
}

    .enteteRecap .lib, .enqueueRecap {
        padding-top: 13px;
        padding-bottom: 16px;
        font-weight: bold;
    }

    .enteteRecap .lib {
        padding-left: 5px;
        padding-right: 5px;
    }

        .enteteRecap .lib div, .enqueueMontant div {
            display: table-cell;
            width: 50%;
        }



.corpsRecap {
    background-color: #FFFFFF;
    border-right: 1px #E0E1EC solid;
    border-left: 1px #E0E1EC solid;
}

    .corpsRecap .Garantie {
        font-weight: bold;
        text-align: left;
        margin-bottom: 5px;
    }

    .corpsRecap .DateGarantie {
        font-weight: normal;
        text-align: left;
        font-style: italic;
    }

    .corpsRecap .biens {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 11px;
    }



        .corpsRecap .biens .elem span {
            font-weight: bold;
        }

    .corpsRecap .documents a {
    }

    .corpsRecap .documents {
        margin-top: 10px;
        padding-top: 20px;
        padding-left: 0;
        margin-right: auto;
        margin-left: auto;
        width: 95%;
        border-top: 1px solid #E0E1EC;
    }




.corpsRecapGarantie > div {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.corpsRecapGarantie {
    border-right: 1px #D6D4D4 solid;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
}

@media screen and (max-width: 500px) {
    .corpsRecapGarantie .elem {
        display: flex;
        flex-direction: column;
    }
}



.corpsRecapGarantieSansMontant {
    background-color: #D6D6D6;
    border-top: 1px White solid;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.corpsRecapMontant {
    background-color: #FFFFFF;
    border-top: 1px White solid;
    padding-top: 10px;
    font-weight: bold;
    display: table;
    table-layout: fixed;
    height: 100%;
}

    .corpsRecapMontant div {
        display: table-cell;
    }



.enqueueRecap {
    padding: 5px;
    text-align: left;
    height: 40px;
    align-items: center;
}

.enqueueLib {
    text-align: right;
}

@media (max-width: 768px) {
    .enteteRecap .lib div, .enqueueMontant div {
        display: block;
        width: auto;
    }

    .enqueueLib {
        text-align: left;
    }
}

@media (min-width: 769px) {
    .enqueueMontant div span {
        display: none;
    }
}

.corpsRecap .valPrix2 {
    margin-bottom: 10px;
    font-style: italic;
}

    .corpsRecap .valPrix2 span {
        font-weight: bold;
    }

.enqueueMontant {
    display: table;
    color: #E70B18;
    font-style: italic;
    font-size: 13px;
}

    .enqueueMontant span {
        font-weight: normal;
    }

.choixMoyenPaiement {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}



.monradio {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
}

    .monradio label {
        width: 200px;
        height: 160px;
        border: 2px solid #9B9B9B;
        color: #9B9B9B;
        border-radius: 10px;
        text-align: center !important;
        cursor: pointer;
        margin: 15px;
        transition: all 0.2s ease-in;
        background-color: white;
    }

        .monradio label:hover {
            -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
            -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
            box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
        }

    .monradio .price, .monradio .lib {
        font-size: 16px;
    }

    .monradio .lib {
        margin-top: 5px;
    }


    .monradio .imgTemp, .monradio .imgPrev {
        width: 78px;
        height: 78px;
        margin: auto auto;
        margin-top: 15px;
    }

    .monradio .imgTemp {
        background-image: url('Images/picto_cb.png');
    }


    .monradio .imgPrev {
        background-image: url('Images/picto_sepa.png');
    }


    .monradio input[type="radio"] {
        display: none;
    }

        .monradio input[type="radio"]:checked + label {
            -webkit-box-shadow: -6px 5px 15px -2px rgba(48,48,48,1);
            -moz-box-shadow: -6px 5px 15px -2px rgba(48,48,48,1);
            box-shadow: -6px 5px 15px -2px rgba(48,48,48,1);
            border: 4px solid #00D733;
            color: black;
            width: 220px;
            height: 180px;
        }


            .monradio input[type="radio"]:checked + label .imgTemp {
                background-image: url('Images/picto_cb.png');
            }

            .monradio input[type="radio"]:checked + label .imgPrev {
                background-image: url('Images/picto_sepa.png');
            }

.blocErrMoyenPaiement {
    color: red;
    text-align: center;
    font-weight: bold;
}



@media screen and (max-width: 768px) {
    .enqueueLib {
        font-size: 12px;
    }

    .enqueueMontant {
        font-size: 12px;
    }

    .corpsRecap .Garantie {
        font-size: 12px;
    }

    .corpsRecapMontant {
        font-size: 12px;
    }
}




.recap_gar {
    border-collapse: collapse;
    font-weight: normal;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 700px;
}

    .recap_gar td {
        padding: 0px;
        vertical-align: middle;
        height: 30px;
    }


    .recap_gar .top {
        height: 30px;
        background-color: #94B435;
        color: White;
        font-weight: bold;
        text-align: left;
    }

        .recap_gar .top th {
            font-weight: bold;
            font-size: 15px;
            padding-left: 5px;
        }

            .recap_gar .top th.cell1 {
                border-left: none;
                width: 180px;
            }

            /*.recap_gar .top th.cell2
{
    width: 180px;
}*/
            .recap_gar .top th.cell5 {
                border-right: none;
            }

        .recap_gar .top .cell2 {
            width: 1px;
            font-size: 1px;
            color: #94B435;
        }

    .recap_gar .cell2 {
        width: 1px;
    }

    .recap_gar .cell3 {
        width: 150px;
    }


    .recap_gar td.cell3, .recap_gar td.cell4, .recap_gar td.cell5, .recap_gar td.cell6 {
        background-color: #D6D6D6;
        border-top: 2px White solid;
        border-left: 2px White solid;
        border-right: 2px White solid;
        padding: 3px;
    }

    .recap_gar td.cell1 {
        background-color: #D6D6D6;
        border-top: 2px White solid;
        border-left: 2px White solid;
        padding-top: 5px;
        padding-left: 10px;
        height: 30px;
        font-size: 10px;
        border-left: none;
        width: 450px;
    }


        .recap_gar td.cell1 .Garantie {
            vertical-align: top;
            font-weight: bold;
            font-size: 12px;
            padding-left: 3px;
            width: 180px;
            text-align: left;
        }

        .recap_gar td.cell1 .DateGarantie {
            vertical-align: top;
            text-align: left;
            width: 270px;
        }

        .recap_gar td.cell1 .BiensGarantie {
            padding-top: 10px;
            font-size: 10px;
            height: 15px;
            padding-left: 3px;
        }

            .recap_gar td.cell1 .BiensGarantie .value {
                font-weight: bold;
            }




    .recap_gar td.cell2 {
        background-color: #D6D6D6;
        border-top: 2px White solid;
        border-left: 0px #D6D6D6 solid;
        border-right: 0px #D6D6D6 solid;
    }

    .recap_gar td.cell1 span {
        font-size: 12px;
    }

    .recap_gar td.cell2 {
        vertical-align: top;
    }

        .recap_gar td.cell2 .elem, .recap_gar td.cell2 .value {
            font-size: 10px;
            height: 15px;
            padding-left: 3px;
        }

        .recap_gar td.cell2 .elem {
        }

        .recap_gar td.cell2 .value {
            font-weight: bold;
        }

    .recap_gar td.cell3 {
        text-align: center;
        padding-left: 5px;
        padding-right: 5px;
    }

        .recap_gar td.cell3, .recap_gar td.cell3 a {
            font-size: 12px;
            color: black;
        }

            .recap_gar td.cell3 a:hover {
                color: white;
            }

    .recap_gar td.cell4 {
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
    }

    .recap_gar td.cell5, .recap_gar td.cell6 {
        border-right: none;
    }

    .recap_gar td.cell5 {
        text-align: right;
    }

    .recap_gar td.cell6 {
        border-left: none;
        padding-right: 10px;
        text-align: left;
    }


    .recap_gar .totCell1, .recap_gar .totCell2, .recap_gar .totCell3 {
        background-color: #94B435;
        font-weight: bold;
        color: White;
        font-size: 15px;
        padding-left: 5px;
        height: 40px;
        vertical-align: top;
        padding-bottom: 5px;
        text-align: right;
        vertical-align: middle;
    }

    .recap_gar .totCell1 {
        text-align: left;
    }

    .recap_gar .totCell2 {
        text-align: right;
    }

    .recap_gar .totCell3 {
        padding-right: 10px;
        text-align: left;
    }

    .recap_gar .sep {
        border: none;
        height: 0px;
    }


.saisie_biens {
    margin-bottom: 50px;
}






.txtbox {
    float: left;
}

    .txtbox .btn {
        padding-left: 2px !important;
    }

.saisie_biens .lst_saisie {
    margin-top: 10px;
    margin-bottom: 10px;
}


    .saisie_biens .lst_saisie input, .saisie_biens2 .lst_saisie input, .saisie_mail input, .infoClient input {
        border: 1px solid #D6D6D6;
    }

    .saisie_biens .lst_saisie .btn input {
        border: none;
    }

.saisie_biens2 .lst_elm {
    display: inline-table;
    padding: 5px;
    margin-bottom: 5px;
    width: 200px;
    color: #383838;
    font-weight: normal;
    font-size: 14px;
    white-space: nowrap;
}

    .saisie_biens2 .lst_elm table {
        border-collapse: collapse;
    }

    .saisie_biens2 .lst_elm td {
        padding: 0px;
    }

.saisie_biens2 .lst_biens span {
    color: #3A3A3A;
    font-size: 12px;
    margin-left: 10px;
}

.saisie_biens2 .lst_saisie {
    margin-top: 10px;
    margin-bottom: 10px;
}


.saisie_biens2 .ajoutBien {
    margin-bottom: 10px;
    text-align: center;
}

.saisie_biens2 a {
    color: White;
    text-decoration: none;
    font-size: 14px;
    background-color: #003875;
    vertical-align: middle;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 235px;
    padding-right: 235px;
}


.infoClient h3 {
    margin-bottom: 10px;
}

.infoClient .detailInfo {
    Color: #505050;
    margin-left: 20px;
    margin-bottom: 10px;
    font-size: 14px;
}



.infoClient .modifInfo a {
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
    color: #393939;
    background-image: url('Images/puce_6.jpg');
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
}

.infoRenonciation {
    color: #393939;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: justify;
}

.blocInfo.infoAdhesion {
    border: 1px #D6D4D4 Solid;
    padding: 20px 20px;
    margin-bottom: 20px;
    cursor: pointer;
}

    .blocInfo.infoAdhesion:hover {
        background-color: #cccccc;
    }

.infoAdhesion td {
    padding-right: 10px;
    vertical-align: top;
}

.recap_biens span {
    color: #003777;
    font-size: 14px;
}


.confirm {
    font-size: 14px;
}

.confirmInfo {
    border-collapse: collapse;
    margin-top: 20px;
    width: 687px;
    border: 1px #D9D9D9 Solid;
    font-size: 14px;
}


    .confirmInfo p {
        margin-left: 10px;
    }

/* Souscription - Fin */

/* Fil d'ariane - D�but */

.sous_fil {
    color: white;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    overflow: hidden;
    border-bottom: 4px solid #FFFFFF;
}

    .sous_fil .etap {
        display: flex;
        flex-direction: column;
        align-items: center;
        background-repeat: no-repeat;
        font-size: 18px;
    }


        .sous_fil .etap .txt {
            color: #D6D4D4;
            font-size: 18px;
        }

        .sous_fil .etap.actif .txt {
            color: #222222;
        }


        .sous_fil .etap span.num {
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
            font-weight: bold;
            border-top: 4px solid #D6D4D4;
            width: 100%;
            margin-top: 20px;
        }

        .sous_fil .etap.actif span.num, .sous_fil .etap.inActif span.num {
            border-color: #000000;
        }

        .sous_fil .etap span.num::after {
            content: ' ';
            width: 30px;
            height: 60px;
            position: absolute;
            background-repeat: no-repeat;
            top: 0px;
            margin-top: 5px;
        }

        .sous_fil .etap:nth-of-type(1).actif span.num::after, .sous_fil .etap:nth-of-type(1).inActif span.num::after {
            background-image: url('Images/etape-1.png');
        }

        .sous_fil .etap:nth-of-type(2).actif span.num::after, .sous_fil .etap:nth-of-type(2).inActif span.num::after {
            background-image: url('Images/etape-2.png');
        }

        .sous_fil .etap:nth-of-type(3).actif span.num::after, .sous_fil .etap:nth-of-type(3).inActif span.num::after {
            background-image: url('Images/etape-3.png');
        }

        .sous_fil .etap:nth-of-type(4).actif span.num::after, .sous_fil .etap:nth-of-type(4).inActif span.num::after {
            background-image: url('Images/etape-4.png');
        }

        .sous_fil .etap:nth-of-type(1) span.num::after {
            background-image: url('Images/etape-1.png');
        }

        .sous_fil .etap:nth-of-type(2) span.num::after {
            background-image: url('Images/etape-2-inactif.png');
        }

        .sous_fil .etap:nth-of-type(3) span.num::after {
            background-image: url('Images/etape-3-inactif.png');
        }

        .sous_fil .etap:nth-of-type(4) span.num::after {
            background-image: url('Images/etape-4-inactif.png');
        }




@media screen and (max-width: 1230px) {
    .sous_fil span.txt {
        display: none;
    }
}

/* Activation */

.sous_fil_Activation {
    color: white;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    border-bottom: 4px solid #609604;
}

    .sous_fil_Activation span {
        font-size: 18px;
        padding-top: 8px;
        padding-bottom: 8px;
        display: block;
    }

    .sous_fil_Activation .debut, .sous_fil_Activation .fin, .sous_fil_Activation .etap {
        background-color: #C0D89F;
        text-align: center;
        float: left;
        display: block;
        list-style: none;
    }

        .sous_fil_Activation .etap span {
            z-index: 1;
            position: relative;
            border-right: 3px solid White;
        }


        .sous_fil_Activation .fin span {
            border-right: 3px solid #C0D89F;
        }




    .sous_fil_Activation .actif, .sous_fil_Activation .inActif {
        background-color: #609604;
    }

    .sous_fil_Activation .etap.fin::after {
        border-right: 0px;
    }

    .sous_fil_Activation span.num {
        display: none;
    }

@media screen and (max-width: 1000px) {
    .sous_fil_Activation span.num {
        display: block;
    }
}

@media screen and (max-width: 1000px) {
    .sous_fil_Activation span.txt {
        display: none;
    }
}

/* Fil d'ariane - Fin */

.etapeButtons {
    text-align: left;
    margin: 20px;
}

    .etapeButtons::after {
        content: " ";
        display: block;
        clear: both;
    }

    .etapeButtons input, .etapeButtons a {
        display: inline-block;
        vertical-align: middle;
        /*margin: 5px;*/
    }

    .etapeButtons input, .etapeButtons a, .etapeButtons div {
        float: left;
    }

    .etapeButtons div {
        width: 220px;
        display: inline-block;
    }

.activ .etapeButtons div {
    width: 220px;
}

.blocInfo {
    color: Black;
    font-size: 12px;
    text-align: justify;
    margin-bottom: 20px;
}


    .blocInfo .titre {
        color: black;
        font-size: 20px;
        font-weight: normal;
        margin-top: 20px;
    }

@media screen and (max-width: 1000px) {
    .blocInfo .titre {
        font-size: 16px;
    }
}


.blocInfo .sous_titre {
    font-size: 12px;
    font-weight: normal;
    color: #FFFFFF;
    margin-top: 2px;
    margin-bottom: 10px;
}




.sous .blocInfo .rounded4 {
    border-collapse: collapse;
    margin-top: 20px;
    border: 1px #D8D8D8 Solid;
    background-color: #EFEFEF;
    width: 100%;
}


.rounded4 h3 {
    color: #063470;
    font-size: 18px;
}



.rounded3 {
    border-collapse: collapse;
    margin-top: 10px;
    width: 460px;
    border-top: 1px Solid #99B336;
    border-left: 1px Solid #99B336;
    border-right: 1px Solid #99B336;
    background-color: white;
    background-image: url('Images/img_head_gar.jpg');
    background-repeat: no-repeat;
    background-position: center 5px;
}



.callout {
}

    .callout div, .callout td {
        border: solid 1px black;
        background-color: #6599FF;
        color: White;
        font-weight: bold;
        line-height: 14px;
    }



.saisieInfos {
    margin-top: 10px;
    border: 1px #D9D9D9 Solid;
    color: Black;
    line-height: 25px;
    padding-left: 10px;
    font-size: 14px;
    font-weight: normal;
}

    .saisieInfos input, .saisieInfos select, .infoCnx input {
        border: 1px solid #DADADA;
        margin-right: 10px;
        margin-bottom: 10px;
    }


.checkLabel {
    padding-top: 3px;
    text-align: justify;
}


@media screen and (max-width: 990px) {
    .checkLabel {
        font-size: 10px;
        padding-top: 3px;
        text-align: left;
    }
}




.check {
    margin: 10px 5px 10px 5px;
    position: relative;
    width: 24px;
    height: 24px;
}

    .check input {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        z-index: 100;
        position: absolute;
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

    .check label {
        display: block;
        width: 100%;
        height: 100%;
        /*Permet de précharger l'image*/
        background: #a5a39d url('Images/puce-checked.png') no-repeat -9999px -9999px;
    }

*.check label i:after {
    content: "";
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #ffffff;
    border: 2px #222222 solid;
}

.check label i:before {
    content: "";
    text-transform: uppercase;
    font-style: normal;
    color: #3A3A3A;
    font-size: 18px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 40%;
    z-index: 3;
}

.check input:checked ~ label {
    background: #92B736;
}

    .check input:checked ~ label i:before {
        content: "";
        left: 0px;
        color: #ffffff;
        z-index: 3;
        background-image: url('Images/puce-checked.png');
        background-repeat: no-repeat;
        top: 15px;
        width: 43px;
        height: 33px;
    }



.moyenPaiementTitle {
    font-size: 20px;
    padding-left: 0px;
}


.moyenPaiement {
    background-image: url('Images/Boutons/Btn_PaiementCB_Desk.jpg');
    background-repeat: no-repeat;
    height: 20px;
    margin-bottom: 30px;
    background-size: contain;
    background-position: center;
}

@media screen and (max-width: 1000px) {
    .blocInfo .titre {
        font-size: 16px;
    }
}




.optin td {
    vertical-align: top;
}

.optin {
    border: 1px solid #DADADA;
    margin-top: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}

    .optin input {
        margin-top: 1px;
    }

.juridique {
    font-size: 10px;
    font-style: italic;
    text-align: center;
    margin-top: 20px;
}

.infoCnx {
    background-image: url('Images/fond_infos.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    width: 665px;
    height: 255px;
    margin-top: 20px;
    padding-top: 1px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px #D9D9D9 Solid;
}

    .infoCnx .saisieHelp {
        height: 60px;
        width: 215px;
        vertical-align: top;
        text-align: center;
        font-size: 9px;
        color: Black;
    }

        .infoCnx .saisieHelp.c1 {
            background-image: url('Images/carte_help1.jpg');
            background-repeat: no-repeat;
            background-position: 37px 201px;
        }

        .infoCnx .saisieHelp.c2 {
            background-image: url('Images/carte_help2.jpg');
            background-repeat: no-repeat;
            background-position: 28px 152px;
        }

        .infoCnx .saisieHelp.c3 {
            background-image: url('Images/carte_help3.jpg');
            background-repeat: no-repeat;
            background-position: 170px 152px;
        }

    .infoCnx .spSaisie {
        color: Black;
        font-size: 14px;
        margin-bottom: 10px;
        width: 375px;
    }

        .infoCnx .spSaisie input {
            margin: 0px;
            border: 1px #D8D8D8 Solid;
        }

    .infoCnx .spInfo {
        color: #CA1A27;
        font-size: 12px;
    }

.liensDoc {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

    .liensDoc a, .liensDoc a:visited {
        color: #1053BB;
        font-size: 11px;
    }

        .liensDoc a:hover {
            color: #003366;
        }

.defaultSep {
    margin-top: 0px;
    display: none;
}

.mentions {
    text-align: justify;
}

    .mentions span {
        font-style: normal;
        font-size: 9px;
        font-weight: normal;
        color: #717171;
    }

    .mentions .docs {
        font-weight: normal;
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .mentions a {
        color: #1053BB;
    }

        .mentions a:hover {
            color: #003366;
            text-decoration: underline;
        }

.toolHelp {
    border: solid 1px black;
    background-color: #6599FF;
}

.toolHelpContent {
    color: White;
    font-size: 12px;
    text-align: left;
}

.toolHelpTarget {
    cursor: pointer;
    margin-left: 2px;
    margin-right: 10px;
    margin-top: 2px;
}

.msgErr {
    padding-top: 80px;
    padding-bottom: 80px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

.frmModifInfos {
    width: 700px;
    background-color: White;
    margin-left: auto;
    margin-right: auto;
}

    .frmModifInfos table {
        width: 100%;
    }

    .frmModifInfos fieldset {
        padding: 10px;
        margin-bottom: 10px;
        border: 1px black solid;
    }

        .frmModifInfos fieldset th {
            text-align: left;
        }

    .frmModifInfos .signature {
        width: 300px;
        height: 100px;
    }

    .frmModifInfos .footer {
        margin-top: 10px;
        text-align: center;
        font-style: italic;
        font-size: 10px;
    }


    .frmModifInfos .a {
        margin-right: 50px;
    }

.inputSaisieDate {
    width: 80px;
    text-align: center;
}



.divCelling {
    Background-Color: #003875;
    font-weight: bold;
    height: 156px;
    width: 662px;
    Color: White;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 20px;
    font-size: 18px;
    margin-left: auto;
    margin-right: auto;
}

    .divCelling .detailCelling {
        background-color: #EFEFEF;
        height: 141px;
        font-size: 16px;
        font-weight: bold;
        Color: Black;
        border-right: 1px #D6D6D6 Solid;
        border-bottom: 1px #D6D6D6 Solid;
        border-left: 1px #D6D6D6 Solid;
        border-collapse: collapse;
    }

    .divCelling .elemGar {
        font-weight: bold;
        border-collapse: collapse;
        margin-right: -2px;
    }

        .divCelling .elemGar td {
            vertical-align: bottom;
            vertical-align: middle;
            text-align: left;
            Border-right: 1px Solid #D6D6D6;
            padding-right: 3px;
            padding-left: 3px;
        }

        .divCelling .elemGar th {
            width: 50px;
            padding-right: 3px;
            padding-left: 3px;
        }



cpte {
    color: #660000;
}

.cpte span {
    font-weight: bold;
}

.cpte .tblInfo {
    width: 100%;
}

    .cpte .tblInfo h3 {
        margin-top: 0px;
        color: #023574;
        font-size: 19px;
    }

.cpte .descripInfo {
    margin-bottom: 10px;
}

    .cpte .descripInfo td {
        color: black;
        padding-left: 5px;
        vertical-align: top;
    }

    .cpte .descripInfo th {
        white-space: nowrap;
        vertical-align: top;
        text-align: left;
    }

.cpte .tblInfo td {
    vertical-align: top;
}

.cpte .modifInfo {
    width: 250px;
    vertical-align: top;
    text-align: justify;
    padding-top: 50px;
    padding-right: 10px;
}

    .cpte .modifInfo a {
        Color: Black;
        text-decoration: none;
        font-weight: normal;
        background-image: url('Images/puce_6.jpg');
        background-repeat: no-repeat;
        background-position: right;
        padding-right: 20px;
    }

/* Zone Aide - D�but */
.divHelp {
    background-position: top;
    background-image: url('Images/div_left_t3.jpg');
    background-repeat: no-repeat;
    height: 101px;
    width: 230px;
    margin-top: 15px;
}
/* Zone Aide - Fin */



/* Zone Mes Garanties - D�but */


.mesgaranties {
    background-color: #EFEFEF;
    border-collapse: collapse;
}

    .mesgaranties th.cell1, .mesgaranties th.cell2, .Echeancier th.cell1, .Echeancier th.cell2, .Echeancier th.cell3, .Echeancier th.cellb2 {
        background-color: #013775;
        color: White;
        padding: 5px;
    }

    .mesgaranties td {
        vertical-align: top;
        width: 20px;
    }

    .mesgaranties th.cellb1, .Echeancier th.cellb1 {
        background-color: #013775;
        height: 7px;
    }

    .mesgaranties th.cellb2, .Echeancier th.cellb3 {
        background-color: #013775;
    }

    .mesgaranties td.cell1, .mesgaranties td.cell2, .Echeancier td.cell1, .Echeancier td.cell2, .Echeancier td.cell3 {
        border: 1px White solid;
    }

    .mesgaranties td.cell1 {
        width: 550px;
    }


#InfoGarantie {
    width: 620px;
}

.mesgaranties span {
    font-weight: bold;
}

.mesgaranties .infoGarantie {
    width: 620px;
}

    .mesgaranties .infoGarantie th {
        text-align: left;
        width: 300px;
        font-size: 13px;
    }

    .mesgaranties .infoGarantie td, .mesgaranties .infoGarantie td a {
        font-size: 10px;
        white-space: nowrap;
    }

    .mesgaranties .infoGarantie a {
        color: #3A3A3A;
        text-decoration: none;
    }

        .mesgaranties .infoGarantie a:hover {
            color: #3A3A3A;
            text-decoration: underline;
        }

.mesgaranties .infoSous {
    text-align: right;
    font-size: 10px;
}

.mesgaranties .mesAttributs {
    margin-top: 5px;
}

    .mesgaranties .mesAttributs span {
        white-space: nowrap;
    }

.mesgaranties .mesElements {
    padding-left: 10px;
    font-size: 10px;
    width: 150px;
}

.mesgaranties td.cell2 {
    padding: 5px;
    width: 70px;
    border-right: none;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
}


.MesGarantiesLink {
    margin-top: 10px;
}

    .MesGarantiesLink a {
        text-decoration: none;
        font-size: 12px;
        font-weight: normal;
        color: #3A3A3A;
        background-image: url('Images/puce_6.jpg');
        background-repeat: no-repeat;
        background-position: right;
        padding-right: 20px;
    }

        .MesGarantiesLink a:hover {
            text-decoration: none;
            font-size: 12px;
            font-weight: normal;
            color: #3A3A3A;
            background-image: url('Images/puce_6.jpg');
            background-repeat: no-repeat;
            background-position: right;
            padding-right: 20px;
            text-decoration: underline;
        }

/* Zone Mes Garanties - Fin */



/* Zone Ech�ancier - D�but */

.Echeancier {
    margin-top: 30px;
    border-collapse: collapse;
    background-color: #EFEFEF;
    margin-left: auto;
    margin-right: auto;
}

    .Echeancier th {
        width: 150px;
        font-weight: normal;
    }

    .Echeancier td {
        text-align: center;
    }

    .Echeancier .cell1 span {
        font-weight: bold;
    }



/* Zone Ech�ancier - Fin */


.divFooter {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    height: 19px;
    margin-bottom: 20px;
    margin-left: 0px;
    padding-top: 25px;
    text-align: center;
    color: #A09695;
    font-weight: bold;
}

    .divFooter a {
        color: #A09695;
        font-size: 10px;
        text-decoration: none;
    }

        .divFooter a:hover {
            color: #A09695;
            text-decoration: underline;
        }




#SaisieInformation input {
    border: 1px solid #D6D6D6;
}

.inputSaisieDate {
    width: 80px;
    text-align: center;
}

#SaisieInformation span {
    Display: none;
}

#SaisieInformation .inputSaisieInformationMail {
    width: 208px;
}

#SaisieInformation .buttonSaisieInformation {
    text-align: center;
}

    #SaisieInformation .buttonSaisieInformation input {
        border: none;
    }


#InfoClient .SousTitreInfoClient {
    color: #1053bb;
    font-size: 10px;
    color: #3A3A3A;
}

#InfoClient .PaveInfoClient {
    color: #3A3A3A;
    line-height: 20px;
}


    #InfoClient .PaveInfoClient .LinkModif {
        text-align: left;
        padding-top: 5px;
        text-decoration: none;
    }

        #InfoClient .PaveInfoClient .LinkModif a {
            text-decoration: none;
            color: #3A3A3A;
            font-size: 10px;
            background-image: url('Images/puce_6.jpg');
            background-repeat: no-repeat;
            background-position: right;
            padding-right: 20px;
        }

            #InfoClient .PaveInfoClient .LinkModif a:hover {
                text-decoration: underline;
            }



.PageDefaulft .PiedTab .alerte {
    background-color: #FFEEEA;
    padding: 10px;
    color: Red;
    background-image: url('Images/icn_alerte.jpg');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 40px;
    font-style: italic;
}

#page-footer {
    text-align: center;
    background-image: url('Images/footer_bca.jpg');
    background-repeat: repeat-x;
    height: 70px;
    position: relative;
    margin-top: -70px; /* negative value of footer height */
    clear: both;
}

.mention #page-footer {
    display: none;
}

@media screen and (max-width: 768px) {
    #page-footer {
        margin-top: 0px;
    }
}

.activ .title, .activ_o .title {
    border-radius: 15px 0;
    Border: 1px solid #609801;
    text-align: center;
    background-color: #609801;
    color: #FFFFFF;
    margin-top: 20px;
    margin-bottom: 0px;
}

    .activ .title h3, .activ_o .title h3 {
        color: #FFFFFF;
        font-weight: bold;
        margin-top: 10px;
        margin-bottom: 10px;
    }


.descr {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 20px;
}

    .descr span {
        color: #868FA9;
        font-style: italic;
        font-weight: bold;
    }

.activ .control, .activ_o .control {
    margin-top: 5px;
    margin-left: 130px;
}

.control::after {
    content: " ";
    clear: both;
    display: block;
}

.activ .control .label, .activ_o .control .label {
    width: 200px;
    float: left;
    text-align: right;
    margin-right: 5px;
    padding-top: 3px;
    font-weight: bold;
    margin-left: 10px;
}

.activ .control input[type="text"], .activ_o .control input[type="text"] {
    border: 1px lightgray solid;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    width: 220px;
}

.activ #PanelActivation .etapeButtons {
    text-align: right;
}

    .activ #PanelActivation .etapeButtons input {
        float: none;
    }

.confirmation {
    padding-top: 50px;
    background-image: url('Images/img_conf.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 60vh;
    display: flex;
    align-items: center;
    flex-direction: column;
    background-position: top center;
}

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

    .confirmation {
        min-height: 120vh;
    }
}


.confErreur a {
    color: white;
    font-weight: bold;
}

.confirmation a {
    text-decoration: underline;
    font-size: 22px;
}

    .confirmation a:hover {
        color: #2D8CEB;
    }

.confirmation .col-md-10, .confirmation .col-sm-6, .confirmation .col-xs-12, .confirmation .col-xs-11 {
    width: 100%;
}

.confirmation .picto {
    display: none;
}

.confirmation .btn_etape {
    display: flex;
    justify-content: center;
}

.confirmation span {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: bold;
}

.confirmation .sep {
    border: 3px solid white;
    width: 90px;
    margin: 20px auto 20px auto;
    font-size: 18px;
}

.confirmation .texte {
    margin-bottom: 30px;
    text-align: center;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 170px;
    color: #FFFFFF;
}

    .confirmation .texte .title {
        font-size: 45px;
        font-weight: bold;
    }

        .confirmation .texte .title::before {
            content: " ";
            background-image: url('Images/check-circle-outline.png');
            background-repeat: no-repeat;
            width: 62px;
            height: 62px;
            position: absolute;
            margin-left: -80px;
        }

    .confirmation .texte .s-texte {
        margin-top: 140px;
        color: #222222;
    }

@media screen and (max-width: 600px) {
    .confirmation .texte span::before {
        display: none;
    }

    .confirmation .texte {
        padding-top: 70px;
    }

        .confirmation .texte .s-texte {
            margin-top: 180px;
        }
}


.blocInfo.refus {
    padding-bottom: 70px;
    padding-top: 30px;
}

.sous {
    color: Black;
}

    .sous .informations {
        margin-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        font-weight: bold;
    }


    .sous .control {
        margin-top: 5px;
    }

        .sous .control .label {
            width: 250px;
            float: left;
            text-align: right;
            margin-right: 5px;
            padding-top: 3px;
        }

        .sous .control input[type="text"] {
            border: 1px lightgray solid;
            padding-top: 2px;
            padding-bottom: 2px;
            padding-left: 5px;
            padding-right: 5px;
            width: 282px;
        }

        .sous .control .DPList {
            border: 1px lightgray solid;
            padding-top: 2px;
            padding-bottom: 2px;
            padding-left: 5px;
            padding-right: 5px;
        }

    .sous .Date {
        width: 70px;
    }

.erreur {
    font-size: 16px;
    padding-bottom: 50px;
    padding-top: 50px;
    padding-left: 10px;
    border: 2px #FB7F65 Solid;
    color: #FB7F65;
    border-radius: 5px;
    font-weight: bold;
    margin: 20px 20px 10px 20px;
    text-align: center;
}


.cnil {
    font-size: 11px;
    color: #868FA9;
    text-align: justify;
}




.ChoixGar {
    margin-top: 10px;
    padding-top: 50px;
    padding-left: 10px;
    color: Black;
    font-weight: bold;
}

    .ChoixGar input[type="text"] {
        width: 30px;
    }


    .ChoixGar .descr {
        margin-bottom: 5px;
    }

        .ChoixGar .descr h3 {
            margin-bottom: 0px;
        }

        .ChoixGar .descr span {
            margin-right: 50px;
        }


    .ChoixGar .control {
        margin-top: 5px;
    }

        .ChoixGar .control .label {
            width: 150px;
            float: left;
            text-align: left;
            margin-right: 5px;
            padding-top: 3px;
        }

        .ChoixGar .control input[type="text"] {
            border: 1px lightgray solid;
            padding-top: 2px;
            padding-bottom: 2px;
            padding-left: 5px;
            padding-right: 5px;
            width: 50px;
        }




.btn_etape {
    text-align: center;
    margin-top: 20px;
}

.PanelCorps {
    background-color: #F5F5F5;
    padding-bottom: 30px;
    margin-bottom: 20px;
    border-bottom: 3px #DFDFDF solid;
}

.PanelInformations.confirmation {
    border: none;
    margin-left: auto;
    margin-right: auto;
}

    .PanelInformations.confirmation .texte {
        background-image: url('Images/confirm.jpg');
        background-repeat: no-repeat;
        align-items: center;
        background-size: cover;
        height: 350px;
    }

        .PanelInformations.confirmation .texte .msgErreur {
            font-weight: bold;
            font-size: 22px;
        }

.PanelInformations {
    padding-bottom: 30px;
    margin-bottom: 20px;
    color: #32394D;
    border: 1px #D6D4D4 solid;
}



.panelErreurActi {
    background-color: #F5F5F5;
    padding-bottom: 30px;
    padding-top: 30px;
    padding-left: 30px;
    margin-bottom: 20px;
    border-bottom: 3px #DFDFDF solid;
    font-size: 14px;
}


PanelErreur {
    color: #AB524B;
}


.no-padding > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}



.linkImg {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

    .linkImg img {
        max-width: 100%;
        height: auto;
    }


.buttonAjout {
    text-align: right;
    margin-bottom: 10px;
}

    .buttonAjout .button {
        background-color: #93B432;
        color: white;
        border-radius: 0px;
        font-weight: bold;
        text-transform: uppercase;
    }

        .buttonAjout .button:hover {
            background-color: #A8CA42;
        }


.blocCodeActivation {
    margin-bottom: 30px;
}


.buttonSupp {
    width: 25px;
    height: 25px;
    background-color: #d43f3a !important;
    border: none;
}

    .buttonSupp:hover {
        background-color: #D95653 !important;
    }

    .buttonSupp .glyphicon {
        margin-left: -5px;
        margin-top: 0px;
        font-size: 12px;
    }


.buttonSuppDisable {
    width: 25px;
    background-color: #E38C8A;
}


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

    .PanelChoixNbGar label {
        text-align: right;
    }

    .PanelChoixNbGar .descr {
        text-align: right;
    }
}

.PanelChoixNbGar {
    margin-top: 50px;
    display: block;
}

    .PanelChoixNbGar h3 {
        color: #32394D;
        font-weight: normal;
        font-size: 18px;
        font-weight: bold;
    }



    .PanelChoixNbGar .descr {
        margin-top: 5px;
    }

    .PanelChoixNbGar .formulaire {
        margin-top: 20px;
    }

        .PanelChoixNbGar .formulaire label {
            color: #5A5A5A;
            font-size: 15px;
            font-weight: bold;
        }

    .PanelChoixNbGar .choix {
        width: 50px;
    }

.PanelLanding {
    border: 3px #91B031 solid;
    margin-bottom: 20px;
    margin-left: 4px;
    margin-right: 4px;
}

.landing .panel-default {
    margin-left: 4px;
    margin-right: 4px;
}

.PanelLanding h3 {
    text-align: center;
}

.panel-heading {
    cursor: pointer;
    font-size: 12px;
}

    .panel-heading:hover {
        background-color: lightgray;
    }



    .panel-heading .accordion-toggle::after {
        font-family: 'Glyphicons Halflings';
        float: right;
        color: white;
        font-size: 20px;
        font-weight: normal;
        margin-top: -20px;
    }

    .panel-heading .accordion-toggle.collapsed::after {
        content: "\e114";
    }

    .panel-heading .accordion-toggle:not(.collapsed)::after {
        content: "\e080";
    }


/*CHECKBOX*/

.big-checkbox > input {
    width: 30px;
    height: 30px;
    color: red;
}


/* POPOP CG*/

#fade { /*--Masque opaque noir de fond--*/
    display: none; /*--masqué par défaut--*/
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .80;
    z-index: 9999;
}

.popup_block {
    background: #EBEBEB;
    border: 5px solid #cccccc;
    padding: 10px;
    float: left;
    font-size: 10px;
    position: fixed;
    top: 50px;
    z-index: 99999;
    -webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


@media screen and (max-width: 600px) {
    .popup_block {
        top: 0px;
        left: 0px;
        margin-top: 0px !important;
    }
}

.popup_Contenu {
    overflow: auto;
    height: 530px;
    background: #fff;
    padding: 5px;
}

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

    .popup_Contenu {
        height: 320px !important;
    }
}

.popup_Button {
    margin-top: 10px;
    text-align: center;
}

    .popup_Button .checkCGDis, .popup_Button .checkCG {
        margin-bottom: 10px;
    }

        .popup_Button .checkCGDis label, .popup_Button .checkCG label {
            display: inline;
            margin-left: 10px;
        }

/* -------------------------------------------------- BOUTON  -------------------------------------------------- */

.btnClassic {
    color: #FFFFFF;
    border: none;
    border-radius: 0px;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}

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

    .btnClassic {
        font-size: 13px;
        font-weight: bold;
        padding-left: 10px;
        padding-right: 10px;
    }
}

.btn, .btn:focus, .btnCGSuiv {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -webkit-transition: background .5s ease,color .5s ease;
    -moz-transition: background .5s ease,color .5s ease;
    -o-transition: background .5s ease,color .5s ease;
    transition: background .5s ease,color .5s ease;
    font-family: Muli;
    font-size: 20px;
    border-radius: 5px;
    color: white;
    transition: all 0.3s;
    height: 52px;
    outline: none;
    font-weight: bold;
    width: 280px;
}

.btn-val-1:disabled, .btn-val-2:disabled {
    background-color: white;
    color: #00D733;
}

.btn-val-1, .btn-val-2, .btn-val-1:focus, .btn-val-2:focus, .btn-val-1:disabled, .btn-val-2:disabled {
    width: 100%;
}

.btn-val-1, .btn-val-2, .btnValid, .btnValidNormal, .btnCGSuiv, .btnCGSuivDis {
    background-color: #00D733;
    border: 1px #00D733 solid;
}

    .btn:hover, .btn:hover::after,
    .btn:enabled:hover, .btn:enabled:hover::after,
    .btn-val-1:enabled:hover, .btn-val-1:enabled:hover::after,
    .btn-val-2:enabled:hover:enabled, .btn-val-2:enabled:hover::after,
    .btnValid:hover, .btnValidNormal:hover, .btnCGSuiv:hover, .btnCGSuivDis:hover,
    .btnValid:focus, .btnValidNormal:focus, .btnCGSuiv:focus, .btnCGSuivDis:focus {
        background-color: white;
        color: #00D733;
        border: 1px #00D733 solid;
    }

@media screen and (max-width: 768px) {
    .btn {
        border-radius: 3px;
    }
}



.btnReturn, .btnCGPrec, .btnCGSuivDis {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -webkit-transition: background .5s ease,color .5s ease;
    -moz-transition: background .5s ease,color .5s ease;
    -o-transition: background .5s ease,color .5s ease;
    transition: background .5s ease,color .5s ease;
    font-family: Muli;
    font-size: 20px;
    border-radius: 5px;
    transition: all 0.3s;
    height: 52px;
    outline: none;
    font-weight: bold;
    width: 280px;
    color: #222222;
    background-color: #F0F0F0;
}



.btnValidNormal::after, .btnValid::after {
    position: absolute;
    width: 20px;
    background-color: #00AB6D;
    content: "\003009";
    margin-top: -13px;
    margin-left: 20px;
    padding-top: 13px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}


.btnCGPrec, .btnCGSuiv, .btnCGSuivDis {
    height: 30px;
    border-radius: 5px;
    margin-left: 5px;
    margin-right: 5px;
    border: none;
}

.btnValid[disabled] {
    background-color: white;
    color: #AAAAAA;
    border: 1px #AAAAAA solid;
}



.btnReturn:link {
    padding-top: 13px;
}


.btnCGSuivDis, .btnCGSuivDis[disabled]:hover {
    background-color: #CCCCCC;
    color: #222222;
}

.btnReturn:focus {
    background-color: white;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    background-repeat: no-repeat;
    background-position: center;
}
/*
.btnReturn:hover, .btnReturn:hover::after, .btnCGPrec:hover {
    background-color: #FFFFFF;
    color: #FF700A;
    border: 1px #FF700A solid;
}
    */


.btnReturn[disabled] {
    width: 100%;
}

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

    .btn, .btn:focus {
        width: 100%;
        margin-bottom: 10px;
    }

    .btnValid, .btnValid:focus, .btnValid:hover, .btnValid[disabled],
    .btnReturn, .btnReturn:focus, .btnReturn:hover, .btnReturn[disabled] {
        background-image: none;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 12px;
    }


    a.btnReturn {
        border-radius: 10px;
        border-right: 1px solid;
    }

    .btnReturn::after {
        border-right: none !important;
        border-radius: 0;
    }
}


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



    .btnValid, .btnValid:focus, .btnValid:hover, .btnValid[disabled],
    .btnReturn, .btnReturn:focus, .btnReturn:hover, .btnReturn[disabled] {
        font-size: 9px;
    }
}


.landing .btnInfo {
    background-image: url(images/btn-info.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 29px;
    height: 29px;
    background-color: transparent;
}

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

    .landing .btnInfo {
        width: 20px;
        height: 20px;
        background-color: transparent;
        background-size: 20px;
    }
}


.landing .btnInfo:hover {
    background-image: url(images/btn-info-hover.png);
}

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


.CookieButton {
    margin-left: 10px;
    background-color: #00D733;
    border: 1px #00D733 solid;
    border-radius: 5px;
    font-weight: bold;
    font-size: 14px;
    width: 80px;
    height: 30px;
    -webkit-transition: background .5s ease,color .5s ease;
    -moz-transition: background .5s ease,color .5s ease;
    -o-transition: background .5s ease,color .5s ease;
    transition: background .5s ease,color .5s ease;
}

    .CookieButton:hover {
        margin-left: 10px;
        background-color: white;
        color: #00D733;
    }

#cookiesdirective a {
    font-size: 16px;
}

.form-horizontal .control-label {
    padding-top: 2px;
    font-weight: normal;
}

.form-control {
    border-radius: 0px;
    box-sizing: border-box;
    background: transparent;
    transition: none;
    height: 30px;
    padding: 4px 11px;
}

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

.detailInfo {
    border: 1px solid #D6D4D4;
    border-radius: 0px;
    padding: 30px;
    color: #32394D;
}



.w320 {
    background-color: white;
}


.w640 {
    text-align: center;
}


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

.titleHeader {
    background-image: url('Images/body.png');
    background-repeat: no-repeat;
    align-items: center;
    background-size: cover;
    height: 338px;
    display: flex;
    align-items: center;
    justify-content: center;
}


    .titleHeader .desc {
        font-size: 45px;
        text-align: center;
        color: #FFFFFF;
        font-weight: bold;
    }

.landing span.sr1 {
    font-weight: bold;
}

.landing .sr2 {
    font-weight: bold;
    font-size: 16px;
}

.landing .landing-footer {
    margin-top: 40px;
}

.landing .tarif {
    font-size: 10px;
    font-style: italic;
}

.landing .advert {
    background-color: #EF5D6E;
    color: white;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    min-height: 500px;
    /*margin-top: -230px;*/
    margin-top: -212px;
    font-size: 22px;
}

    .landing .advert .img-responsive {
        display: inline;
    }

@media screen and (max-width: 768px) {
    .landing .advert {
        margin-top: 20px;
        min-height: 0px !important;
    }
}

.landing .msg {
    display: none;
    color: #F94E2A;
    font-size: 18px;
}
.landing .msg li {
    list-style-type: none;
    margin-left: 0;
    margin-top: 5px;
}

.landing .formulaire {
    background-color: white;
    padding: 20px 20px;
    border-radius: 3px;
}

    .landing .formulaire .title, .landing .formulaire .title p {
        font-size: 20px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .landing .formulaire .has-error .champs {
        border: 1px solid #F94E2A;
    }

    .landing .formulaire .has-error .control-label {
        color: #F94E2A;
    }


    .landing .formulaire .champs {
        border: 1px solid #D6D4D4;
        height: 40px;
    }

    .landing .formulaire .control-label {
        font-family: muli;
        font-size: 17px;
        height: 40px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .landing .formulaire .champs:focus {
        font-weight: bold;
    }



@media screen and (max-width: 768px) {
    .landing .formulaire .control-label {
        justify-content: flex-start;
    }
}



.landing .resulat {
    margin-bottom: 30px;
    font-size: 14px;
}

.landing .conditions, .landing .conditions b {
    text-align: center;
    font-size: 12px;
    margin-top: 20px;
}

    .landing .conditions a {
        font-size: 12px;
    }


#etape2 {
    margin-top: 50px;
}


.landing .prix {
    background-color: #F9F9F9;
    border-radius: 0px;
    border: 5px solid #F0F0F0;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-bottom: 22px;
    padding-top: 22px;
    font-weight: bold;
    font-style: italic;
    color: #3D403D;
     font-size: 20px;
}

    .landing .prix span {
        color: #E70B18;
    }


.landing .prixAn {
     font-size: 18px;
}

.landing .prixAn span {
    font-size: 20px;
}


.landing .prixMois {
     font-size: 24px;
}

.landing .prixMois span {
    font-size: 32px;
}

.input-group-addon {
    border: 1px solid #E9E9E9 !important;
    background-color: white;
}


.popover-content {
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
    color: #000000;
    font-weight: normal;
    line-height: 18px;
    margin: 0;
    padding: 8px 14px;
    width: 250px;
}


/*suppression de l'affichage du bouton radio */
[type="radio"]:not(:checked), [type="radio"]:checked {
    position: absolute;
    left: -9999px;
}
    /* Préparation du label */
    [type="radio"]:not(:checked) + label, [type="radio"]:checked + label {
        position: relative;
        padding-left: 25px;
        cursor: pointer;
    }

        /* Aspect des checkboxes */
        /* :before sert à créer le bouton radio  */
        [type="radio"]:not(:checked) + label:before, [type="radio"]:checked + label:before {
            content: '';
            position: absolute;
            left: 4px;
            top: 4px;
            width: 22px;
            height: 22px;
            border: 1px solid #aaa;
            background: #f8f8f8;
            border-radius: 50%;
            box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
        }

        /* Aspect général de la coche */
        [type="radio"]:not(:checked) + label:after, [type="radio"]:checked + label:after {
            content: '●';
            position: absolute;
            top: -14px;
            left: 4px;
            font-size: 36px;
            color: #00D733;
            transition: all .2s;
        }
        /* Aspect si "pas cochée" */
        [type="radio"]:not(:checked) + label:after {
            opacity: 0;
            transform: scale(0);
        }
        /* Aspect si "cochée" */
        [type="radio"]:checked + label:after {
            opacity: 1;
            transform: scale(1);
        }






.CheboxListe {
    position: relative;
}

    .CheboxListe label {
        padding-right: 10px;
        padding-left: 22px;
        padding-top: 4px;
    }

    .CheboxListe input {
        height: 17px;
        width: 17px;
        position: absolute;
        cursor: pointer;
    }




.RadioButtonListe {
    position: relative;
}

    .RadioButtonListe label {
        padding-right: 10px;
        padding-left: 22px;
        padding-top: 4px;
    }

    .RadioButtonListe input {
        height: 17px;
        width: 17px;
        position: absolute;
        cursor: pointer;
    }



.infoBulle {
    color: #000000;
}

    .infoBulle::after {
        content: "\e085";
        font-family: "Glyphicons Halflings";
        font-size: 12px;
    }

.tooltip-inner {
    width: 250px !important;
}



.sous .form-group .control-label {
    font-weight: normal;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

@media screen and (max-width: 768px) {
    .sous .form-group .control-label {
        justify-content: flex-start;
    }
}


textarea.form-control {
    height: auto !important;
}


.sous .form-control {
    border-color: #E0E1EC !important;
    height: 40px;
    color: #32394D;
}


    .sous .form-control:focus {
        border-color: #2D8CEB !important;
        color: #2D8CEB !important;
        box-shadow: none !important;
    }


.sous .panel-default {
    margin-top: 20px;
    border-color: #E0E1EC;
    border-radius: 0px;
}

    .sous .panel-default > .panel-heading {
        color: #868FA9;
        background-color: white;
        border-color: #E0E1EC;
        border-radius: 10px;
    }

.has-error .help-block {
    color: #F94E2A !important;
}

.lst_biens label {
    font-weight: normal;
}


#msgPrime {
    display: flex;
    justify-content: center;
    color: #F94E2A;
    font-weight: bold;
}


#divNsotValid {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 2px solid #AB524B;
}

.datepicker table tr td, .datepicker table tr th {
    font-size: 12px;
}

    .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active {
        background-color: #32394D;
    }


.ui-autocomplete {
    font-size: 14px;
}

@media (max-width: 760px) {
    .titleHeader {
        background-position-y: -60px;
    }
}

@media (max-width: 680px) {
    .titleHeader {
        background-position-y: -60px;
    }
}



@media (max-width: 992px) {

    .bandeau .texte {
        border: none;
        font-size: 16px;
        text-align: center;
        margin-top: 0px;
    }

        .bandeau .texte .sep {
            border-top: 1px solid lightgrey;
            margin-bottom: 10px;
        }
}



.sinistre {
    margin-bottom: 15px;
    text-align: center;
}

.sinistre .title {
    font-size: 16px !important;
}

.sinistre p {
    margin-bottom: 2px;
}

@media screen and (max-width: 990px)
{
    .sinistre {
    text-align: left;
}
}