/* == ==========================  TARIF ==================================== ==*/



    .title-page-tarif H1{
        color: #056ea6;
    }

    #divMainTarif{

        width:100%;
        height:auto;
        margin-top:30px;
        display:grid;
        grid-template-columns: 16.66%;
        grid-template-areas: "tarif1 tarif2 tarif3 tarif4 tarif5 tarif6";

    }


    .clr-jj {margin:0; padding:0 !important;}

    .bloc-tarif{

        height:3em!important;

    }

.colTarif{

    /*display: flex;*/
    /*align-items: flex-start;*/
}
.tarif1{grid-area: tarif1;}
.tarif2{grid-area: tarif2;}
.tarif3{grid-area: tarif3;}
.tarif4{grid-area: tarif4;}
.tarif5{grid-area: tarif5;}
.tarif6{grid-area: tarif6;}

    .brd-rght-left {
       /*border-right: 1px solid grey;*/
        border-left: 1px solid #c3c2c2;
        border-top-style: none;
        border-bottom-style: none;
    }
    .brd-rightANDleft{

        border-left: 1px solid #c3c2c2;
        border-right: 1px solid #c3c2c2;
        border-top-style: none;
        border-bottom-style: none;

    }

    .brd-rght-left-bottom {
        border-left: 1px solid #c3c2c2;
        border-top-style: none;
        border-bottom: 1px solid #c3c2c2;
    }
    .brd-rght-left-bottomLastCol {
        border-left: 1px solid #c3c2c2;
        border-right: 1px solid #c3c2c2;
        border-top-style: none;
        border-bottom: 1px solid #c3c2c2;
    }

    .brd-rght {
        border-right: 1px solid grey;
    }
     
    #head-tarif1 p,
    #head-tarif2 p,
    #head-tarif3 p,
    #head-tarif4 p,
    #head-tarif5 p,
    #head-tarif6 p {
        margin: 0;
        padding: 0;
        line-height: 2em;
        height: 2em;
        font-size: 1.2em;
    }
    
    .pricing_heading {
        line-height: 2em;
        min-height: 10em;
        padding-top: 20px;
        padding-left: 5px;
        padding-right:5px;
        border-right: 1px solid #fff;
        font-family: verdana, Arial, sans serif;
        font-weight: bold;
        font-size: 0.9em;
        background-color: #a1a8aa;
        color: #fff;
        text-align: center;
    }
    
    .pricing_heading p.h10 {
    	line-height: 1.5em;
        color: #fff;
        font-size: 1.6em;
        font-weight: bold;
        padding: 0.2em;
        width:100%;
    }
    .pricing_heading p.h11 {
    	line-height: 1.5em;
        color: #fff;
        font-size: 1.1em;
        font-weight: bold;
        padding: 0.5em;
        width:100%;
    }
    .tarif_sum {
        font-size: 3em;
        color: #056ea6;
    }
    
    .tarif_sum2 {
        font-size: 35px;
        font-weight: 300;
        color: #056ea6;
    }
    
    .tarif_decrit {
        font-size: 35px;
        font-weight: 300;
        color: #2ea3f2;
    }
    
    .titreTarif {
        line-height: 45px;
        height: 10em;
        font-size: 1em;
        font-weight: normal;
        color: #056ea6;
        text-align: center;
        padding-top: 1em;
    }
    
.et_pb_pricing_content { padding: 5px 5px 2px; margin-left: 5px; margin-right: 5px;}
    
    .et_pb_pricing li:before {
        border-color: #edb059;
    }
    
    .bloc-offre {
        /*line-height: 1.5em;*/
        /*height: 2.5em;*/
        padding: 5px 0;
        font-size: 1.2em;
        font-family: verdana, Arial, sans serif;
        font-weight: normal;
        color: #6a7173;
        text-align: center;
    }
    .bloc-argument{

        padding-top: 0.6em;

    }
    .bloc-lot-sup {
        padding: 0.6em 0;

    }

     .inclus{
     	line-height: 1.2em;
        height: 1.1em;
        font-size: 0.8em;
        font-family: verdana, Arial, sans serif;
        font-weight: normal;
        color: green;
        text-align: center;
     }

    .bold {
        font-weight: bold;
    }
    
 /*   .bloc-offre UL li {
        list-style-type: none;
    }
    
    .bloc-offre UL {
        padding: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }
    
    .bloc-offre li {
        margin-top: 10px;
        margin-bottom: 10px;
    }*/


    #head-tarifs{
        display:grid;
        grid-template-columns: 65% 35%;
        grid-template-areas: "title-page-tarif btn-ask-devis";
        /*justify-content: space-around;
        align-items: center;*/
        padding: 1em;
    }
    #title-page-tarif{
        /*height: 3em;*/
        margin: 1em 0;
        padding:1em;
    }
    #title-page-tarif h1{
        text-align: center;
        /*color:#21313f;  */
        font-size: 2.5em;

    }
    #title-page-tarif p {
        text-align: center;
        font-size: 1.3em;
    }
    #btn-ask-devis{
        font-size:1.65em;
        /*line-height: 2em;*/
        /*background-color: #f1a121;*/
        font-size: 1.62em !important;
    }


@media screen and (min-width: 1160px)   { /* A partir de 1160 et au-dela */

    #divMainPageTarifStart{width: 80%; margin: auto;}


    .pricing_heading {
            line-height: 1.5em;
            min-height: 12em;

       /* background-color: red;*/

        }
        .pricing_heading p.h10 {
            line-height: 1.5em;
            font-size: 1.3em;
        }
        .pricing_heading p.h11 {
            line-height: 1.5em;
            font-size: 1.0em;
        }

        .bloc-tarif {
            height: 1.5em !important;
        }
    }
@media screen and (min-width: 990px) and (max-width: 1159px) {

        .pricing_heading {
            line-height: 1.5em;
            min-height: 13em;
        }
        .pricing_heading p.h10 {
            line-height: 1.5em;
            font-size: 1.3em;

        }
        .pricing_heading p.h11 {
            line-height: 1.5em;
            font-size: 1.0em;
            height: 3.5em;
        }
        .bloc-offre{
            font-size:1em;
            /*height:1.5em;*/
            /*background-color: red;*/
        }
        .bloc-tarif {
            height: 3em !important;
        }
        .inclus{
            /*background-color: yellow;*/

        }
        .bloc-lot-sup{
           /* padding: 2em 0;*/

        }



    }
@media screen and (max-width: 989px) and (min-width: 700px){
 
    .pricing_heading {
        line-height: 1.5em;
        min-height: 8em;
        
      /* background-color: yellow;*/

    }
    .pricing_heading p.h10 {
    	line-height: 1.5em;
        font-size: 1.3em;
    }
    .pricing_heading p.h11 {
    	line-height: 1.5em;
        font-size: 1.0em;
    }
    .bloc-offre{
        font-size:1em;
        /*height:2.0em;*/
    }
    .inclus{

        /*blackground-color: #ff9153;*/
    }


}



@media (max-width: 1340px) {
    /* toutes les dimensions  jusqu'à 1340 px */
    #title-page-tarif h1 {
        /*color:#21313f;  */
        font-size: 2em;
    }

}

@media (max-width: 990px) {

        #divMainTarif{
            grid-template-columns: 33.33%;
            grid-template-areas: "tarif1 tarif2 tarif3" "tarif4 tarif5 tarif6";

        }
        .inclus{
            padding:0.6em;
        }

        #btn-ask-devis{
            /*background-color: #f15966; /*font-size:1.2em*/
            width:70%!important;
            font-size: 1.62em !important;
            margin:auto;
        }
        #head-tarifs{
            grid-template-columns: 100%;
            grid-template-areas: "title-page-tarif"
                                 "btn-ask-devis";
            padding:0;
        }
        #title-page-tarif{
            margin:0;
        }

    }

    @media (max-width: 767px) { /* jusqu'à 767px*/
        /* taille XS de boostrap - smartphone mode portrait */
        #divMainTarif{
        grid-template-columns: 100%;
        grid-template-areas: "tarif1" "tarif2" "tarif3" "tarif4" "tarif5" "tarif6";

        }
        .inclus{
            padding:0.6em;
            blackground-color: #4b89ff;
        }
        .block-tarif{
            height:0;
        }

    }

    @media all and (max-width: 576px) { /* jusqu'à 576px*/
        /* taille XS de boostrap - smartphone mode portrait */
        .inclus{
            padding:0.4em;
            /*blackground-color:red;*/
        }
        .bloc-offref{
            line-height: 0.5em;
            padding: 1em;
        }
        .block-tarif{
            height:0;
        }
        #btn-ask-devis{
            width:100%!important;
            font-size:1.8em!important;
        }

    }