@import "mandat.css";
@import "style_popup.css";
@import "adresse.css";


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

* {
    font-family: Arial, sans-serif;
}



img {
    border: none;
}


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

body {
    font-size: 12px;
}


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



#divPrinc {
    height: 100%;
}

#wrap {
    min-height: 100%;
}


.bandeau {
    background: #002B6F;
    line-height: 30px;
    padding-left: 20px;
    text-align: left;
}

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

.bandeauBis {
    padding: 20px 20px;
    color: #002B6F;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    margin: 0;
    background-color: white;
    display: none;
}

.Default .bandeauBis {
    display: block;
}

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


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

.Default .divCorps {
    background-image: url('Images/body.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 90vh;
}

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


@media screen and (max-width: 767px) {
    .Default .divCorps {
        background-image: none;
    }

    .Default .footer a {
        color: black !important;
    }

    .Default .infos {
        color: black;
    }


    .titleHeader {
        background-image: url('Images/body.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        height: 160px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: -30px;
        margin-left: -30px;
        margin-right: -15px;
    }
}


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


.sous .divCorps {
    background-image: none;
}




.footer {
    text-align: center;
    margin: 50px 20px;
}

.Default .footer a {
    color: white;
    text-decoration: underline;
}

.sous .footer a {
    color: #868FA9;
    text-decoration: underline;
}



.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 {
    color: White;
    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;
    }





.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;
        background-color: White;
    }

        .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 {
    background-color: #002B6F;
    color: white;
    padding: 5px;
    height: 40px;
    text-align: left;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: flex;
    align-items: center;
}

    .enteteRecap .lib {
        font-size: 14px;
        display: table;
        table-layout: fixed;
    }

        .enteteRecap .lib > div {
            display: table-cell;
        }

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

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

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

    .corpsRecap .biens {
        margin-bottom: 5px;
    }

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

    .corpsRecap .documents a {
        color: #002B6F;
    }

    .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 {
    background-color: #FFFFFF;
    border-right: 1px #E0E1EC solid;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
    color: #002B6F;
}


@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;
    color: #002B6F;
    border-top: 1px White solid;
    padding-top: 10px;
    font-weight: bold;
    font-size: 14px;
    display: table;
    table-layout: fixed;
    height: 100%;
}

    .corpsRecapMontant div {
        display: table-cell;
    }



.enqueueRecap {
    background-color: #002B6F;
    color: white;
    padding: 5px;
    text-align: left;
    height: 40px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: flex;
    align-items: center;
}

.enqueueLib {
    text-align: right;
    font-size: 14px;
}

.enqueueMontant {
    font-size: 14px;
    display: table;
    table-layout: fixed;
    font-weight: bold;
}

    .enqueueMontant > div {
        display: table-cell;
    }


.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 #91B636;
            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;
    }

    .enteteRecap .lib {
        font-size: 12px;
    }

        .enteteRecap .lib > div {
            font-size: 10px;
        }
}




.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 #E0E1EC Solid;
    border-radius: 5px;
    color: #002B6F;
    padding: 20px 20px;
    margin-bottom: 20px;
    cursor: pointer;
}

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

.infoAdhesion td {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    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-reverse;
        align-items: center;
    }


    .sous_fil .txt {
        color: #E0E1EC;
        font-size: 20px;
    }

    .sous_fil .actif span.txt {
        color: #002B6F;
    }


    .sous_fil span.num {
        border-radius: 50%;
        width: 35px;
        height: 35px;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #E0E1EC;
        color: white;
        font-weight: bold;
        font-size: 14px;
    }




    .sous_fil .etap.fin span.num::after {
        border: none;
        width: 0;
    }

    .sous_fil span.num::after {
        border: 2px solid #E0E1EC;
        width: 300px;
        height: 1px;
        content: " ";
        position: absolute;
        left: 35px;
    }

    .sous_fil .inActif span.num::after {
        border: 2px solid #2D8CEB;
    }

    .sous_fil .actif span.num, .sous_fil .inActif span.num {
        background-color: #2D8CEB;
    }



    .sous_fil .etap span {
        z-index: 1;
        position: relative;
    }




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



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

    .sous_fil span.num::after {
        width: 265px;
    }
}


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

    .sous_fil span.num::after {
        width: 230px;
    }
}


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

    .sous_fil span.num::after {
        width: 200px;
    }
}

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

    .sous_fil span.num::after {
        width: 170px;
    }
}

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

    .sous_fil span.num::after {
        width: 135px;
    }
}


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

    .sous_fil span.num::after {
        width: 210px;
    }
}


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

    .sous_fil span.num::after {
        width: 180px;
    }
}

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

    .sous_fil span.num::after {
        width: 150px;
    }
}


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

    .sous_fil span.num::after {
        width: 120px;
    }
}

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

    .sous_fil span.num::after {
        width: 90px;
    }
}

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

    .sous_fil span.num::after {
        width: 60px;
    }
}


/* 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: #002B6F;
        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: #002B6F;
    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 {
    font-size: 16px;
    padding-top: 3px;
    text-align: justify;
    font-weight: normal;
}



@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 #002B6F 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: 150px;
    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;
}

    .confirmation a {
        color: white;
        text-decoration: underline;
    }

        .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;
    }

    .confirmation .texte {
        font-size: 24px;
        margin-bottom: 30px;
        color: white;
        text-align: center;
        padding-left: 40px;
        padding-right: 40px;
    }




.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;
    /*width: 700px;*/
    margin: 20px 20px 10px 20px;
    text-align: center;
}


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

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


.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 {
    background-color: #FFFFFF;
    padding-bottom: 30px;
    margin-bottom: 20px;
    margin-top: 30px;
    color: #002B6F;
    /*border-bottom: 3px #DFDFDF 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: #002B6F;
        font-weight: normal;
        font-size: 18px;
    }



    .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 {
    /*display: none;*/ /*--masqué par défaut--*/
    background: #EBEBEB;
    border: 5px solid #cccccc;
    padding: 10px;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 50px;
    /*left: 50%;*/
    z-index: 99999;
    /*--Les différentes définitions de Box Shadow en CSS3--*/
    -webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000;
    /*--Coins arrondis en CSS3--*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /*width: 550px;*/
    /*height: 640px;*/
}


@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;
        }

.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 {
    -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;
}

.btnClassic:hover, .btnClassic:focus, .btnClassic[disabled] {
    color: #FFFFFF;
}







.btnValid, .btnValidNormal, .btnCGSuiv, .btnCGSuivDis {
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
    background: #00AB6D;
    color: white;
    width: 150px;
    border: none;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    text-transform: none;
    max-width: 100%;
    white-space: normal;
    line-height: normal;
    height: 40px;
    transition: none;
}

.btnReturn, .btnCGPrec {
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
    background: white;
    color: #002B6F;
    border: 1px solid #002B6F;
    width: 150px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    text-transform: none;
    max-width: 100%;
    white-space: normal;
    line-height: normal;
    height: 40px;
    transition: none;
}

a.btnReturn, a.btnValid, a.btnValidNormal, a.btnCGSuiv, a.btnCGPrec {
    border-radius: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-right: none;
}

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

.btnReturn::after {
    position: absolute;
    width: 20px;
    height: 40px;
    background-color: white;
    color: #002B6F;
    border: 1px solid #002B6F;
    border-left: none;
    content: "\003009";
    margin-top: -14px;
    margin-left: 20px;
    padding-top: 13px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.btnValid:hover, .btnValid:focus, .btnCGSuiv:hover, .btnCGSuiv:focus {
    background-repeat: no-repeat;
    background: #00935B;
    background-position: right center;
    color: white;
    cursor: pointer;
}

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

.btnValid[disabled] {
    background-image: url('Images/boutons/btn_valid_OFF.jpg');
    background-repeat: no-repeat;
    background-position: right center;
    color: white;
}



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


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

.btnReturn:focus {
    background-color: white;
    color: #002B6F;
    border: 1px solid #002B6F;
    background-repeat: no-repeat;
    background-position: center;
}

.btnReturn:hover, .btnReturn:hover::after, .btnCGPrec:hover {
    background-color: #002B6F;
    color: white;
    border: 1px solid #002B6F;
    background-repeat: no-repeat;
    background-position: center;
}



.btnReturn[disabled] {
    background-image: url('Images/boutons/btn_return_OFF.jpg');
    background-repeat: no-repeat;
    background-position: left center;
    color: #BFFFE8;
}

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

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

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


    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;

    }

}



#cookiesdirective {
    background-color: #002B6F !important;
}


.CookieButton {
    margin-left: 10px;
    background-color: #FCB731;
    border-radius: 5px;
    font-weight: bold;
    font-size: 14px;
    border: 0px;
    width: 60px;
    height: 30px;
}

    .CookieButton:hover {
        margin-left: 10px;
        background-color: #FCB731;
    }

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

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

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

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

.detailInfo {
    border: 1px solid #E0E1EC;
    border-radius: 7px;
    padding: 30px;
    color: #002B6F;
    font-size: 14px;
}



.w320 {
    background-color: white;
}


.w640 {
    text-align: center;
}

.landing {
    margin-top: 40px;
}

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


.titleHeader .desc {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
    text-align: center;
    color: white;
}

.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 .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);
}

.landing .msg {
    display: none;
    color: #F94E2A;
    font-weight: bold;
}

.landing .msg li {
    list-style-type: none;
    margin-left: 0;
    margin-top: 5px;
}


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

    .landing .formulaire .title {
        font-size: 16px;
        text-align: center;
        margin-bottom: 15px;
    }

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

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


    .landing .formulaire .champs {
        border: 1px solid #E9E9E9;
        height: 40px;
        color: #002B6F;
    }

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


    .landing .formulaire .champs:focus {
        border-color: #2D8CEB !important;
        color: #2D8CEB !important;
        box-shadow: none !important;
    }


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





.landing .formulaire .boutonVal {
    background-color: #00AB6D;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    color: white;
    transition: all 0.3s;
    min-width: 180px;
    height: 40px;
    outline: none;
}

.boutonVal::after {
    position: absolute;
    width: 20px;
    height: 40px;
    background-color: #00AB6D;
    content: "\003009";
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: -10px;
    margin-left: 54px;
    padding-top: 10px;
    transition: all 0.3s;
}

.landing .formulaire .boutonVal:hover, .landing .formulaire .boutonVal:hover::after {
    background-color: #00935B;
}


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



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

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



#etape2 {
    margin-top: 50px;
}


.landing .prix {
    background-color: #FCB731;
    border-radius: 5px;
    color: white;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 18px;
    font-weight: 500;
}

.input-group-addon {
    border: 1px solid #E9E9E9 !important;
    color: #002B6F;
    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: 0;
            top: 2px;
            width: 21px;
            height: 21px;
            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: -9px;
            left: 4px;
            font-size: 22px;
            color: #EF5D6E;
            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 {
    color: #002B6F;
    font-size: 16px;
    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 {
    border-color: #E0E1EC;
    border-radius: 10px;
}

    .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;
    color: #002B6F;
}



/* On cache deux lignes d'adresse dans le formulaire 
 */


#LI_ADR2 {
    display: none;
}

#LI_ADR3 {
    display: none;
}


#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;
}