.nwl_blocpad {
    box-sizing: border-box;
    padding: 10px;
    float: left;
    position: relative;
}
    .nwl_blocpad article {
        float: left;
        width: 100%;
        height: 100%;
        background: #666;
    }


.nwl_s60 {
    width: 66.666666667%;  
}
.nwl_s30 {
   width: 33.333333333%; 
}



    section.nwl_section {
        position: relative;
        float: left;
        width: 100%;
        min-height: 150px;
        margin: 0;
        vertical-align: middle;
    }

    .nwl_section ._ux_widget {
        float: left;
        width: 100%;
        height: 100%;
    }


/* *********************************************** */
/* BLOC WRAPPER 
/* *********************************************** */

section.nwl_section div._ux_widget {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* *********************************************** */
/* COLS 
/* *********************************************** */

#new_layout .bloc {
    float: left;
    box-sizing: border-box;
    padding: 10px;
    height: 100%;  
}

#new_layout .col_1 .bloc,
#new_layout .col1 .bloc{    
    width: 100%;
}
#new_layout .col_2 .bloc,
#new_layout .col2 .bloc{
    width: 50%;
}
#new_layout .col_3 .bloc,
#new_layout .col3 .bloc{
    width: 33.333333333%;
}
#new_layout .col_4 .bloc,
#new_layout .col4 .bloc{
    width: 25%;
}

/* *********************************************** */
/* GABS 
/* *********************************************** */

    #new_layout .gab1 {
        background: #666;
        box-sizing: border-box;
        padding: 10px;
        height: 100%;
    }


/* *********************************************** */
/* RESPONSIVE 
/* *********************************************** */

@media screen
and (min-width : 300px) 
and (max-width : 800px)	{

     section.nwl_section {
       min-height: inherit;
    }
    
    #new_layout .bloc {
        width: 100%
    }


}