.top-title-Pg{ font-size: 36px;
    font-weight: 500;
    text-align: center;
    color: #090636;
    margin-bottom: 60px;
}
.table-formule {  margin: 30px 0; border-collapse: inherit;}
.table-formule th,  .table-formule td { height: 60px;  border: 1px solid #d9dbf5;  padding: 0 20px; border-bottom: 0; }
.table-formule tr:last-child td {  border-bottom: 4px solid #d9dbf5; }
.table-formule td {  text-align: center;}
.table-formule .last td{ height: 120px;}

.lst-carre{ text-align: center; }

.lst-carre li{width: 18px ; height: 18px; margin-right: 5px; display: inline-block; background: #d9dbf5; }


.grey-cln{ background: #f2f5f8;}
.table-formule tr td:first-child{ text-align: left;font-size: 15px;color: #090636; line-height: 1.3; padding: 0 30px 0 20px;}
.table-formule tr.thead td{ height: 98px;  font-size: 21px;
    font-weight: 500;
    text-align: center;
    color: #090636;}
    .table-formule tr th.empty,.table-formule tr td.empty{border: 0;}
    .table-formule .sm-txt-grey{font-size: 12px;
        text-align: center;
        color: #818aa2;}
        .table-formule .price{ font-size: 16px;}


.box-pack .items-pack .item .main-cnt{ border: solid 1px #f0f1fb;  padding-bottom: 25px; }


.box-pack .items-pack .tint-green .main-cnt.active{ border-color:  #50d6c6; border-bottom: 3px solid #50d6c6; }
.box-pack .items-pack .tint-blue .main-cnt.active{ border-color:  #434ccb;border-bottom: 3px solid #434ccb;  }
.box-pack .items-pack .tint-purple .main-cnt.active{  border-color:  #8d71e5;border-bottom: 3px solid #8d71e5; }
.box-pack .items-pack .tint-orange .main-cnt.active{  border-color:  #ea5e2d;border-bottom: 3px solid #ea5e2d; }


.box-pack .items-pack .item .header{ margin-bottom: 45px; }
.box-pack .items-pack .item{ 
   
    margin-bottom: 70px;

}
.box-pack .title-H2{ font-size: 36px;
    font-weight: 800;
    text-align: center;
    color: #090636;
    margin-bottom: 60px;
}

.box-pack .title-H3{
    font-size: 36px;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    margin-bottom: 15px;

}
.box-pack .big-txt{ font-size: 24px;
    font-weight: 300;
    text-align: center;
    color: #090636;}
.box-pack .grey-zn{
    margin-bottom: 45px;
    padding: 30px;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    color: #090636;
    border: solid 1px #f0f1fb;
    background-color: #f2f5f8;
}

.box-pack .left-pack{text-align: center; margin-top: 100px;}
.box-pack .prix{
    font-size: 48px;
    font-weight: 500;
    text-align: center;
    color: #090636;
    margin-bottom: 40px;
    text-align: center;

}
.box-pack .prix span{
    font-size: 28px;

}
.txt-top-list{ font-size: 24px;
    line-height: 1;
    color: #090636;
    margin-bottom: 35px;
}

    
    .list-pack li {     font-size: 16px;
        font-weight: 400;
        color: #434f60;
        padding-left: 40px;
        margin-bottom: 15px;
        position: relative;
    }
    .list-pack li:before {
        font: normal normal normal 19px/1 'Material-Design-Iconic-Font';
        content: "\f269";
        position: absolute;
        left: 0;
        top: 0;
        color: #f0f1fb;

      
    }
    .check-tbl-on,.check-tbl-off{position: relative; display: block; text-align: center; height: 100%;}
    .check-tbl-on i{
      
        position: absolute;
        left: 50%;
        top: 50%;
        display: block;
        transform: translate(-50%,-50%);
        font-size: 19px;

    }
    .check-tbl-off i{
      
        position: absolute;
        left: 50%;
        top: 50%;
        display: block;
        transform: translate(-50%,-50%);
        font-size: 19px;
        color: #d9dbf5;

    }
    .tint-purpule .lst-carre li.active{ background: #8d71e5; } .tint-purpule .check-tbl-on i{color: #8d71e5; }
    .tint-green .lst-carre li.active{ background: #50d6c6; } .tint-green .check-tbl-on i{color: #50d6c6; }
    .tint-blue .lst-carre li.active{ background: #434ccb; } .tint-blue .check-tbl-on i{color: #434ccb; } 
    
    .table-formule tr td.tint-blue.active,.table-formule tr th.tint-blue.active {border-color:#434ccb ;}
    .table-formule tr td.tint-green.active,.table-formule tr th.tint-green.active {border-color:#50d6c6 ;}
    .table-formule tr td.tint-orange.active,.table-formule tr th.tint-orange.active {border-color:#ea5e2d ;}
    .table-formule tr td.tint-purpule.active,.table-formule tr th.tint-purpule.active {border-color:#8d71e5 ;}

    .grey-cln .tint-green.active{background: #50d6c6;}
    .grey-cln .tint-blue.active{background: #434ccb; }
    .grey-cln .tint-purpule.active{background: #8d71e5; }
    .grey-cln .tint-orange.active{ background: #ea5e2d; }
    .grey-cln .active span{ color: #fff !important;}

    .tint-orange .lst-carre li.active{ background: #ea5e2d; } .tint-orange .check-tbl-on i{color: #ea5e2d; }


    .mark-mod,.table-formule .thead td{position: relative;}

    .mark-mod:after,.table-formule .thead td:after{ 
        content: '';
       
        width: 23px;
        height: 24px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: -13px;
    }
    .mark-mod.tint-green:after,.table-formule .thead td.tint-green:after{
        background: url(../image/png/mark_green.png) 0 0 no-repeat;
    }
    .mark-mod.tint-blue:after,.table-formule .thead td.tint-blue:after{
        background: url(../image/png/mark_blue.png) 0 0 no-repeat;
    }

    .mark-mod.tint-purple:after,.table-formule .thead td.tint-purple:after{
        background: url(../image/png/mark_purple.png) 0 0 no-repeat;
    }
    .mark-mod.tint-purpule:after,.table-formule .thead td.tint-purpule:after{
        background: url(../image/png/mark_purple.png) 0 0 no-repeat;
    }

    .mark-mod.tint-orange:after,.table-formule .thead td.tint-orange:after{
        background: url(../image/png/mark_orange.png) 0 0 no-repeat;
    }
    .table-formule td.brd-btm-grey,.brd-btm-grey{    border-bottom: 1px solid #d9dbf5;}

.tooltip-box{ position: relative;}
.tooltip-box a{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer;}
.tooltip-box i{ color: #d9dbf5;font-size: 18px;}
.tooltip-box .active i{ color: #434ccb;}
.tooltip-box .cnt{ padding: 30px; width: 400px; height:auto ; position: absolute;left: 100%; top: 0;  border-radius: 4px;
    box-shadow: 0 2px 20px 0 rgba(9, 6, 54, 0.1);
    border: solid 1px #d9dbf5; background: #fff; display: none; z-index: 9999;}
.tooltip-box p{ font-size: 14px;}
.tooltip-box .title{  font-size: 18px;font-weight: 500;color: #090636; margin-bottom: 10px;}


.listing_avantages .content_listing_avantage img{
    margin-bottom: 30px;
}
.listing_avantages .content_listing_avantage h3{
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
    color: #090636;
}
.listing_avantages .content_listing_avantage p{
    font-size: 16px;
    font-weight: 400;
    color: #090636;
    min-height: 88px;
}
.listing_avantages .content_listing_avantage{
    margin-bottom: 20px;
}
.blc_avantages {
    padding: 60px 0 10px;
}


.mrg-section {margin:80px 0}

.parag-s1 p { font-size :16px; color: #39365c;}

.title-section {font-size: 24px;color: #090636; margin-bottom:50px; text-align: center;}
.btm-mrg-section {margin-bottom:60px}

.top-txt-full{
    font-size: 18px;
    line-height: 1.44;
    text-align: center;
    color: #090636;
    text-align: center;
    margin: 30px 0;
}

.listing_caract{ text-align: center;}
.listing_caract .title{ margin-top: 30px; font-size: 16px;text-align: center;color: #090636;}
.listing_caract .content{ padding-bottom: 40px; border-bottom: 1px solid #fff2ee;}

.table-avantage{}
.table-avantage .item{ text-align: center;}
.table-avantage h3{ padding: 15px 0;  background-color: rgba(217, 219, 245, 0.4); font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #090636;}

 
ul.style-check li{ padding: 15px 30px 15px 70px;  border: solid 1px #d9dbf5; border-top: 0; display: block;  font-size: 15px;
    color: #090636; text-align: left; position: relative;border-collapse: collapse; }
    ul.style-check li:first-child{  border-top: solid 1px #d9dbf5;}
ul.style-check li:before{
    font: normal normal normal 19px/1 'Material-Design-Iconic-Font';
    content: "\f269";
    position: absolute;
    left: 30px;
    top: 15px;
    color:  #d9dbf5;
} 
ul.style-check.tint-orange li:before{ color: #ea5e2d;}


    

ul.style-close li{ padding: 15px 30px 15px 70px;  border: solid 1px #d9dbf5; border-top: 0; display: block;  font-size: 15px;
    color: #090636; text-align: left; position: relative;border-collapse: collapse; }
    ul.style-close li:first-child{  border-top: solid 1px #d9dbf5;}
ul.style-close li:after{  font: normal normal normal 19px/1 'Material-Design-Iconic-Font';
content: '\f135';
position: absolute;
left: 30px;
top: 15px;
color:  #434f60;}

.bg-grey-cnt{  background-color: #f9fbfd; padding: 70px 0;}



.custom-collapse .panel-default{ border: solid 1px #dbddf5; border-radius: 0; box-shadow: none;}
.custom-collapse .panel-default > .panel-heading + .panel-collapse > .panel-body{ padding: 30px; border: 0;}
.custom-collapse .panel-body p{ font-size: 16px;
    line-height: 1.5;
    color: #39365c;}
.custom-collapse .panel-default .panel-heading{  background-color: #f9fbfd; border-bottom: solid 1px #dbddf5; position: relative; padding: 0;}
.custom-collapse .panel-default .panel-heading a{ padding: 25px 100px 25px 70px;  position: relative; display: block; outline: none;  font-size: 18px;
    font-weight: bold;
    color: #090636; line-height: 1;} 
.custom-collapse .panel-default .panel-heading a span{  position: absolute; right: 20px; top: 27px;font-size: 15px;
    font-weight: 500;
    text-align: right;
    color: #39365c; line-height: 1; } 

    .custom-collapse .panel-default .panel-heading a:before{
content: "";
background: url(../image/png/mark_orange.png) 0 0 no-repeat;
width: 23px;
    height: 24px;
    position: absolute;
    left: 25px;
    top: 20px;


    }
    .custom-collapse  a[aria-expanded="false"]{background: white;}
  
    .custom-collapse  a[aria-expanded="true"] .action-panel-close,.custom-collapse a[aria-expanded="false"] .action-panel-open{ display: block;}
    .custom-collapse a[aria-expanded="true"] .action-panel-open,.custom-collapse  a[aria-expanded="false"] .action-panel-close{ display: none;}


    .box-faq{}
    .box-faq .item{border: solid 1px #dbddf5; padding: 50px 30px;}
    .box-faq .item h3{ font-size: 18px;
        font-weight: bold;
        color: #090636; margin-bottom: 30px;}
    .box-faq .parag-s1{ font-size: 16px;
        line-height: 1.5;
        color: #39365c;}


        .simple-list{ margin: 20px 0;}
        .simple-list.dark li{ color: #000;}
        .simple-list li{
            font-size: 16px;
            line-height: 1.5;
            color: #39365c;
            margin-bottom: 15px;
            position: relative;
            padding-left: 25px;


        }
        .simple-list li::before{
            font: normal normal normal 19px/1 'Material-Design-Iconic-Font';
    content: "\f26b";
    position: absolute;
    left: 0;
    top: 2px;
  color: #d9dbf5;}

  .header-pdt-detail.blc_top_tint { margin: 70px 0 30px; padding: 30px 70px 30px 30px;}
  .header-pdt-detail.blc_top_tint .global_btn{  margin-bottom: 0;}
  .header-pdt-detail.blc_top_tint .blc_top_tint_left p{max-width: 100%;}
  .header-pdt-detail .blc_top_tint_right .txt_blc_tint_right{ text-align: right;}
  .header-pdt-detail.blc_top_tint .txt_blc_tint_right .price span{  font-size: 18px;}
  .header-pdt-detail.blc_top_tint .txt_blc_tint_right .price{ font-size: 36px;
    font-weight: 500;
    color: #ea5e2d; display: inline-block; line-height: 1;}

    .etap_comment_ca_marche h3{font-size: 18px;
        font-weight: bold;
        text-align: center;
        color: #090636; margin-bottom: 10px;}


        .list-formules{  display: table; margin: 0 auto 60px; clear: both; text-align: center}
        .list-formules:after{content: ''; display: block; clear: both;}
        .list-formules li {    
        
           display: inline-block;
        } 
        .list-formules li a:hover{ background-color: #ea5e2d; background-image: none;
            color: #fff;}
        .list-formules li a{
            background-image: linear-gradient(to right, #fff2ee 0%, #ffebe4 100%);
            font-size: 16px;
            color: #090636;
            font-weight: 400;
            border-radius: 4px;
            padding: 15px 50px;
            display: inline-block;
            line-height: 1;
            margin-right: 15px;
            font-weight: 500;
            color: #090636;
            margin-bottom: 10px;
        } 
        .footer_blc_souscrire.small-txt p{font-size: 18px;
            font-weight: 500;
            text-align: center;
            color: #090636; margin-bottom: 30px;}

            .title_form{margin-bottom: 60px;font-size: 20px;
                font-weight: 500;
                text-align: center;
                color: #090636;}
                .table-formule tr td.active .valid-choice-btn {color: #fff;outline: none;}
                .table-formule tr td.tint-green.active .valid-choice-btn{ background: #50d6c6; border-color:  #50d6c6; }
                .table-formule tr td.tint-blue.active .valid-choice-btn{ background: #434ccb; border-color:  #434ccb; }
                .table-formule tr td.tint-purpule.active .valid-choice-btn{ background: #8d71e5; border-color:  #8d71e5;}
                .table-formule tr td.tint-orange.active .valid-choice-btn{ background: #ea5e2d; border-color:  #ea5e2d;}

                .table-formule tr td.hover-state{
                    
                    box-shadow: 0px 0px 5px 1px rgba(192,192,192,1) inset;
                    -webkit-box-shadow: 0px 0px 1px 1px rgba(192,192,192,1) inset;
                    -moz-box-shadow: 0px 0px 5px 1px rgba(192,192,192,1) inset;
                
                }
                .nav-pack::after{ content:"";clear: both; display: block;}
                .nav-pack a{ margin: 15px 0; padding: 15px 30px;}