.w-0
{
    width: 100%;
}
.w-1
{
    width: calc(90%/1);
    margin: 10px;
}
.w-2
{
    width: calc(90%/2);
    margin: 10px;
}
.w-3
{
    width: calc(90%/3);
    margin: 10px;
}
.w-4
{
    width: calc(90%/4);
    margin: 10px;
}
.w-5
{
    width: calc(90%/5);
    margin: 10px;
}



.w-2-3
{
    width: calc((90%/3)*2);
    margin: 10px;
}
.w-2-4
{
    width: calc((100%/4)*2);
}
.w-3-4
{
    width: calc((100%/4)*3);
}

.w-2-5
{
    width: calc((100%/5)*2);
}
.w-3-5
{
    width: calc((100%/5)*3);
}
.w-2-10
{
    width: calc((100%/10)*2);
}
.w-3-10
{
    width: calc((100%/10)*3);
}
.w-3_5-10
{
    width: calc((100%/10)*3.5);
}
.w-4-10
{
    width: calc((100%/10)*4);
}
.w-4_5-10
{
    width: calc((100%/10)*4.5);
}
.w-5-10
{
    width: calc((100%/10)*5);
}



/* LES HAUTEURS */
.H-0
{
    height: 100%;
}
.H-1
{
    height: calc(90%/1);
    margin: 10px;
}
.H-2
{
    height: calc(90%/2);
    margin: 10px;
}
.H-3
{
    height: calc(90%/3);
    margin: 10px;
}
.H-4
{
    height: calc(90%/4);
    margin: 10px;
}
.H-5
{
    height: calc(90%/5);
    margin: 10px;
}



.H-2-3
{
    height: calc((90%/3)*2);
    margin: 10px;
}