body{
    background: linear-gradient(black , red 50%, blue);
}

section{
    width:297mm;
    height:420mm;
    border: solid 1px;
    position: absolute;
}

@media print{
    @page{
        size:297mm 420mm;

    }
    section{
        border:0;
        overflow: hidden;
    }

}
@media screen{
}

#bloc1 {
    box-shadow: inset 0 0 3em 3em gold, 0 0 4em 2em red; 
    width: 40%;
    height: 40%;
    display: inline-flex;
    margin-left: -15%;
    border-radius: 500px;
    border-style:ridge blue 4px;
    transform: rotateZ(154deg);
    background: linear-gradient(90deg, gold, red 95%, white );
}
#bloc12 {
    box-shadow: inset 0 0 4em 2em red, 0 0 4em 2em red; 
    width: 40%;
    height: 10%;
    margin-left:-250px;
    border-radius: 500px;
    position: absolute;
    display: inline-block;
    transform: rotateZ(-134deg);
    background: blue;
    /*background: linear-gradient(-180deg, red, red 50%, blue 90%, white);*/
}

#bloc2 {
    box-shadow: 0 0 3em 70px blue, inset 0 0 20px 12px yellow; 
    width: 40%;
    height: 10%;
    display: inline-flex;
    margin-top: -10%;
    margin-left: 12% ;
    border: groove 4px;
    border-radius: 600px;
    background: linear-gradient(red, blue 80%, white);
    transform: rotateZ(-63deg);

}
#bloc3 {
    box-shadow: inset 0 0 120px 12px blue, 0 0 200px 30px yellow; 
    width: 20%;
    height: 20%;
    display: inline-flex;
    position: absolute;
    margin-top: 40%;
    margin-left: -40% ;
    border-radius: 300px;
    border-collapse: collapse;
    transform: scaleZ(1.2);
    background: linear-gradient(red, blue);
}
#bloc4 {
    box-shadow: inset 0 0 4px 2px blue, 0 0 200px 30px red; 
    width: 4%;
    height: 4%;
    display: inline-flex;
    position: absolute;
    margin-top: 48%;
    margin-left: -22% ;
    border-radius: 300px;
    border-collapse: collapse;
    background: linear-gradient(red, blue);
}


#bloc6 {
    box-shadow: inset 0 0 4em 2em blue, 0 0 4em 20px red; 
    width: 40%;
    height: 40%;
    display: inline-flex;
    margin-left: -5%;
    border-radius: 500px;
    border-style:ridge blue 4px;
    transform:scaleY(0.8);
    position: absolute;
    background: linear-gradient(blue, red);
}

#bloc7 {
    box-shadow: inset 0 0 1em blue, 0 0 4em 20px blue; 
    width: 40%;
    height: 40%;
    margin-right:-15%;
    margin-top: 50px;
    border-radius: 500px;
    border-style:ridge blue 4px;
    transform:rotateZ(40deg);
    position: absolute;
    background: linear-gradient(yellow, tranparent);
}
#bloc5 {
    box-shadow: inset 0 0 4em red, 0 0 4em 4em red; 
    width: 50%;
    height: 50%;
    margin-left: 20%;
    margin-top: 55%;
    border-radius: 800px;
    transform: rotateY(56deg);
    transform: rotateZ(-23deg);
    background: linear-gradient(90deg,red, yellow);
}

#bloc13{
    box-shadow: inset 0 0 4em gold, 0 0 4em 20px blue; 
    width: 20%;
    height: 40%;
    margin-left:70%;
    margin-bottom: 50px;
    border-radius: 500px;
    border-style:ridge blue 4px;
    transform:rotateZ(135deg);
    position: absolute;
    background-color: red;
}

#bloc14{
    box-shadow: inset 0 0 4em 4em blue, 0 0 4em 4em blue; 
    width:30%;
    height: 30%;
    margin-left:60%;
    margin-top: 60%;
    border-radius: 500px;
    border: blue 2px;
    transform:rotateZ(-145deg);
    position: absolute;
}

#bloc15{
    box-shadow: inset 0 0 1em RED, 0 0 4em 20px red; 
    width: 40%;
    height: 40%;
    margin-left: 30%;
    border-radius: 500px;
    border-style:ridge blue 4px;
    transform:rotateZ(-40deg);
    position: absolute;
}