/* common */
/* red */
/* green */
/* button */
/* body font color */
/* field required */
/* grey */
/* cta pink */
/* cta white */
/* light blue */
/* grey */
/* call to action */
/* background color */
/* #74BD8B; */
/* background img */
/* text color */
/* divers classer si besoin */
/* leafing::before mascotte */
/* leafing::after mascotte */
/* reason::before mascotte */
/* leafing-special::before mascotte */
.kolala .top .banner {
  background: #30bf6e url("https://imagine.bayard.io/unsafe/bayard-static/milan-jeunesse.com/2022/corner/kolala/ban-photo-chat-tablet-01.jpg") left center no-repeat;
  background-size: cover; }
  .kolala .top .banner-content .middle .baseline {
    color: #0F0F11;
    text-shadow: inherit; }
    .kolala .top .banner-content .middle .baseline h1 {
      color: #fff;
      text-shadow: 2px 2px 7px #000; }

.kolala .top .menu {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
  background-color: #80d1f4; }
  .kolala .top .menu-link li a {
    color: #0F0F11; }
    .kolala .top .menu-link li a:hover {
      color: #0F0F11; }
  .kolala .top .menu-link li:active, .kolala .top .menu-link li:hover {
    color: #0F0F11;
    background: #6aadc9; }

.kolala .with-us .more {
  background: #ECF7FD; }
  .kolala .with-us .more-title {
    margin: 0 auto 0.8rem; }
    .kolala .with-us .more-title .plus:after {
      background-color: #84D0F0; }

.kolala .leafing {
  background: #30bf6e;
  color: #FFFFFF; }
  .kolala .leafing:after, .kolala .leafing:before {
    content: " ";
    display: block;
    width: 100%;
    height: 1.5rem;
    background-position: left top;
    background-repeat: repeat-x;
    background-color: #FFFFFF;
    background-image: url("https://imagine.bayard.io/unsafe/bayard-static/milan-jeunesse.com/2022/corner/kolala/e2-deco-haut-dents-vert.gif"); }
  .kolala .leafing:after {
    background-image: url("https://imagine.bayard.io/unsafe/bayard-static/milan-jeunesse.com/2022/corner/kolala/e2-deco-bas-dents-vert.gif");
    background-position: 0 -2rem; }

.kolala .leafing-special {
  background: #ee9008;
  color: #0F0F11; }
  .kolala .leafing-special:after, .kolala .leafing-special:before {
    content: " ";
    display: block;
    width: 100%;
    height: 1.2rem;
    background-color: #FFFFFF;
    background-image: url("https://imagine.bayard.io/unsafe/bayard-static/milan-jeunesse.com/2022/corner/kolala/e6-deco-haut-dents-jaune.gif");
    background-position: left top;
    background-repeat: repeat-x; }
  .kolala .leafing-special:after {
    background-image: none;
    background-position: 0 0;
    height: 0; }
  .kolala .leafing-special .wrapper:after, .kolala .leafing-special .wrapper:before {
    top: 18%;
    left: 0;
    z-index: 1;
    content: " ";
    display: block;
    width: 7.5rem;
    height: 100vh;
    max-height: 56rem;
    background-color: transparent;
    background-image: url("https://imagine.bayard.io/unsafe/bayard-static/milan-jeunesse.com/2022/corner/kolala/e6-deco-etoiles.png");
    background-position: left top;
    background-repeat: repeat-y; }
  .kolala .leafing-special .wrapper:after {
    top: 0;
    left: inherit;
    right: 0;
    background-image: url("https://imagine.bayard.io/unsafe/bayard-static/milan-jeunesse.com/2022/corner/kolala/e6-deco-etoiles.png");
    transform: rotate(180deg); }

.kolala .section .items .row .item {
  background: #ECF6FD; }
  .kolala .section .items .row .item-description {
    color: #828282; }

.kolala .reason {
  background-color: #80d2f4;
  background-image: url("https://imagine.bayard.io/unsafe/bayard-static/milan-jeunesse.com/2022/corner/kolala/e4-deco-nuages.png");
  background-position: -30rem -12rem;
  background-repeat: repeat-x;
  background-size: 75rem; }
  .kolala .reason:after, .kolala .reason:before {
    content: " ";
    display: block;
    width: 100%;
    height: 1.5rem;
    background-color: #FFFFFF;
    background-image: url("https://imagine.bayard.io/unsafe/bayard-static/milan-jeunesse.com/2022/corner/kolala/e4-deco-haut-dents-bleu.gif");
    background-position: left top;
    background-repeat: repeat-x; }
  .kolala .reason:after {
    background-image: url("https://imagine.bayard.io/unsafe/bayard-static/milan-jeunesse.com/2022/corner/kolala/e4-deco-bas-dents-bleu.gif");
    background-position: 0 -2rem; }

.kolala .review .items .item-description {
  border: 1px solid #2b5885; }

.kolala .review .owl-dots .owl-dot.active {
  background: #2b5885; }

.kolala .activity {
  background-color: #15B29D;
  background-image: url("https://imagine.bayard.io/unsafe/bayard-static/milan-jeunesse.com/2022/corner/commun/bg-activity-04.png");
  background-repeat: repeat-y;
  background-position: center top; }
  .kolala .activity .items .item {
    background: #FFFFFF; }
    .kolala .activity .items .item-info .info .age {
      color: #FFFFFF; }
    .kolala .activity .items .item-info .info .type {
      background-color: #EBF2F5;
      background-position: 0.5rem center;
      background-repeat: no-repeat;
      background-size: 1.3rem 1.3rem; }
  .kolala .activity .type.audio {
    background-image: url("https://imagine.bayard.io/unsafe/bayard-static/milan-jeunesse.com/2022/corner/commun/e7-picto-audio-vert.png"); }
  .kolala .activity .type.coloring {
    background-image: url("https://imagine.bayard.io/unsafe/bayard-static/milan-jeunesse.com/2022/corner/commun/e7-picto-coloriage-vert.png"); }
  .kolala .activity .type.advice {
    background-image: url("https://imagine.bayard.io/unsafe/bayard-static/milan-jeunesse.com/2022/corner/commun/e7-picto-conseil-vert"); }
  .kolala .activity .type.video {
    background-image: url("https://imagine.bayard.io/unsafe/bayard-static/milan-jeunesse.com/2022/corner/commun/e7-picto-video-vert"); }
  .kolala .activity .type.contest {
    background-image: url("https://imagine.bayard.io/unsafe/bayard-static/milan-jeunesse.com/2022/corner/commun/e7-picto-concours-vert.png"); }
  .kolala .activity .type.game {
    background-image: url("https://imagine.bayard.io/unsafe/bayard-static/milan-jeunesse.com/2022/corner/commun/e7-picto-jeux-vert.png"); }

.kolala .character .items .item {
  background: #ECF7FD; }
  .kolala .character .items .item-description {
    color: #828282; }

.kolala .magazine {
  background: #ebf2f5; }
  .kolala .magazine-description {
    color: #828282; }

/*******************************************/
@media only screen and (min-width: 768px) {
  .kolala .top .banner {
    background: #30bf6e url("https://imagine.bayard.io/unsafe/bayard-static/milan-jeunesse.com/2022/corner/kolala/ban-photo-chat-01.jpg") left center no-repeat;
    background-size: cover; }
  .kolala .leafing .wrapper .section-content:before {
    content: " ";
    display: block;
    position: absolute;
    top: -9rem;
    right: 0;
    bottom: inherit;
    left: inherit;
    width: 11%;
    max-width: 14.6rem;
    max-height: 21rem;
    height: 100vh;
    background-position: top left;
    background-image: url("https://imagine.bayard.io/unsafe/bayard-static/milan-jeunesse.com/2022/corner/kolala/e2-mascotte-feuilletage.png");
    background-repeat: no-repeat;
    background-size: contain; }
  .kolala .leafing .wrapper .section-content:after {
    content: " ";
    display: block;
    position: absolute;
    top: inherit;
    right: inherit;
    bottom: -6rem;
    left: -4%;
    width: 11%;
    max-width: 14.6rem;
    max-height: 21rem;
    height: 100vh;
    background-position: top left;
    background-image: url("https://imagine.bayard.io/unsafe/bayard-static/milan-jeunesse.com/2022/corner/kolala/e3-mascotte-feuilletage.png");
    background-repeat: no-repeat;
    background-size: contain; }
  .kolala .leafing-special .wrapper .section-content:before {
    content: " ";
    display: block;
    position: absolute;
    top: -10rem;
    right: inherit;
    bottom: inherit;
    left: -10%;
    width: 20%;
    max-width: 24.5rem;
    max-height: 32.5rem;
    height: 100vh;
    background-position: top left;
    background-image: url("https://imagine.bayard.io/unsafe/bayard-static/milan-jeunesse.com/2022/corner/kolala/e5-mascotte.png");
    background-repeat: no-repeat;
    background-size: contain; }
  .reason .wrapper .section-content:before {
    content: " ";
    display: block;
    position: absolute;
    top: -10rem;
    right: 0;
    bottom: inherit;
    left: inherit;
    width: 20%;
    max-width: 31.5rem;
    max-height: 26.5rem;
    height: 100vh;
    background-position: top left;
    background-image: url("https://imagine.bayard.io/unsafe/bayard-static/milan-jeunesse.com/2022/corner/kolala/e4-mascotte-reasons.png");
    background-repeat: no-repeat;
    background-size: contain; } }