body {
    background-image:   url("https://img-pidapps.maclasse-pidapi.fr/css/img/Pidapi-v8-banniere-2.png"),
                        url("https://img-pidapps.maclasse-pidapi.fr/Mots/blasonNBMots.png"),
                        url("https://img-pidapps.maclasse-pidapi.fr/css/img/1_back_green2.png")!important;
    background-position: left 15px bottom 12px, right 15px top 15px, left top;
    background-size: 120px, 60px, auto;
    background-repeat: no-repeat, no-repeat, repeat;
    font-family: 'Quicksand';
}

@font-face {
  font-family: 'Quicksand';
  src: url("https://img-pidapps.maclasse-pidapi.fr/styles/Quicksand-VariableFont_wght.ttf");
  /*src: url("../fonts/30A60D_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/30A60D_0_0.woff2") format("woff2"), url("../fonts/30A60D_0_0.woff") format("woff"), url("../fonts/30A60D_0_0.ttf") format("truetype");*/
}

/* line 23, ../../app/learningApps-org/base/_typography.scss */
h1, h2, h3, h4, h5, h6 {
  font-family: "Quicksand", "sans-serif";
  font-weight: normal;
}

#AppClientTaskPanel, #AppClientFeedbackPanel{
    border: 10px solid rgba(123, 232, 159, 0.9)!important;
    font-family: 'Quicksand'!important;
    /*src: url("https://img-pidapps.maclasse-pidapi.fr/styles/Quicksand-VariableFont_wght.ttf");*/
}


#content {
    background-image:   url("https://img-pidapps.maclasse-pidapi.fr/css/img/Pidapi-v8-banniere-2.png"),
                        url("https://img-pidapps.maclasse-pidapi.fr/Mots/blasonNBMots.png"),
                        url("https://img-pidapps.maclasse-pidapi.fr/css/img/1_back_green2.png")!important;
    background-position: left 15px bottom 12px, right 15px top 15px, left top;
    background-size: 120px, 60px, auto;
    background-repeat: no-repeat, no-repeat, repeat;
    font-family: 'Quicksand';
}