/*=================================================*/
/*bloc*/
/*=================================================*/

.bloc
{
    background-image:linear-gradient(rgb(255,255,255),rgb(252,252,252));
    border : solid 1px rgb(235,235,235);
    box-shadow:5px 5px 15px rgba(70,70,70,0.2) ;
    border-radius: 2px;
    float:left;
    margin-right :1%;
    margin-top : 10px;
    padding : 20px;
    width: %;

}
.bloc-container
{
    margin-top:30px;
    width: %;%;
    margin : auto;
    position:relative;   
}
@media screen and ( max-width: 1024px )
{
    .bloc
    {
        background-image:linear-gradient(rgb(255,255,255),rgb(252,252,252));
        border : solid 1px rgb(235,235,235);
        box-shadow:5px 5px 15px rgba(70,70,70,0.2) ;
        border-radius: 1px;
        margin-right : 5px;
        margin-top : 10px;
        width: 96%;
        padding : 2%

    }
    .bloc-container
    {
        margin-left:0px;
        margin : auto;
        width: 100%;
    }
   
}