/* 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 */
.toupie .baseline-title {
  text-shadow: none;
  color: #0F0F11; }

.toupie .top .banner {
  background: #84D0F0; }
  .toupie .top .banner-content {
    justify-content: space-between; }
    .toupie .top .banner-content .middle .baseline {
      color: #0F0F11;
      text-shadow: inherit; }

.toupie .top .menu {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
  background-color: #FBE780; }
  .toupie .top .menu-link li a {
    color: #0f0f11; }
    .toupie .top .menu-link li a:hover {
      color: #0f0f11; }
  .toupie .top .menu-link li:active, .toupie .top .menu-link li:hover {
    background: #937800; }

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

.toupie .leafing {
  background: #58BF87;
  color: #FFFFFF; }
  .toupie .leafing:after, .toupie .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/toupie/e2-deco-haut-dents-vert.gif"); }
  .toupie .leafing:after {
    background-image: url("https://imagine.bayard.io/unsafe/bayard-static/milan-jeunesse.com/2022/corner/toupie/e2-deco-bas-dents-vert.gif");
    background-position: 0 -2rem; }

.toupie .leafing-special {
  background: #FBE780;
  color: #0F0F11; }
  .toupie .leafing-special:after, .toupie .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/toupie/e6-deco-haut-dents-jaune.gif");
    background-position: left top;
    background-repeat: repeat-x; }
  .toupie .leafing-special:after {
    background-image: none; }
  .toupie .leafing-special .wrapper:after, .toupie .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/toupie/e6-deco-etoiles.png");
    background-position: left top;
    background-repeat: repeat-y; }
  .toupie .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/toupie/e6-deco-etoiles.png");
    transform: rotate(180deg); }

.toupie .section .items .row .item {
  background: #ECF7FD; }
  .toupie .section .items .row .item-description {
    color: #828282; }

.toupie .reason {
  background-color: #B3DDF6;
  background-image: url("https://imagine.bayard.io/unsafe/bayard-static/milan-jeunesse.com/2022/corner/toupie/e4-deco-nuages.png");
  background-position: -30rem -12rem;
  background-repeat: repeat-x;
  background-size: 75rem; }
  .toupie .reason:after, .toupie .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/toupie/e4-deco-haut-dents-bleu.gif");
    background-position: left top;
    background-repeat: repeat-x; }
  .toupie .reason:after {
    background-image: url("https://imagine.bayard.io/unsafe/bayard-static/milan-jeunesse.com/2022/corner/toupie/e4-deco-bas-dents-bleu.gif");
    background-position: 0 -2rem; }

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

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

.toupie .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; }
  .toupie .activity:before {
    content: " ";
    display: block;
    width: 100%;
    height: 34px;
    background-color: #FFFFFF;
    background-image: url("https://imagine.bayard.io/unsafe/bayard-static/milan-jeunesse.com/2022/corner/toupie/e7-deco-bas-dents-vert.gif");
    background-position: left top;
    background-repeat: repeat-x; }
  .toupie .activity .items .item {
    background: #FFFFFF; }
    .toupie .activity .items .item-info .info .age {
      color: #FFFFFF; }
    .toupie .activity .items .item-info .info .type {
      background-color: #EBF2F5;
      background-position: 0.5rem center;
      background-repeat: no-repeat;
      background-size: 1.3rem 1.3rem; }
  .toupie .activity .type.audio {
    background-image: url("https://imagine.bayard.io/unsafe/bayard-static/milan-jeunesse.com/2022/corner/commun/e7-picto-audio-vert.png"); }
  .toupie .activity .type.coloring {
    background-image: url("https://imagine.bayard.io/unsafe/bayard-static/milan-jeunesse.com/2022/corner/commun/e7-picto-coloriage-vert.png"); }
  .toupie .activity .type.advice {
    background-image: url("https://imagine.bayard.io/unsafe/bayard-static/milan-jeunesse.com/2022/corner/commun/e7-picto-conseil-vert"); }
  .toupie .activity .type.video {
    background-image: url("https://imagine.bayard.io/unsafe/bayard-static/milan-jeunesse.com/2022/corner/commun/e7-picto-video-vert"); }
  .toupie .activity .type.contest {
    background-image: url("https://imagine.bayard.io/unsafe/bayard-static/milan-jeunesse.com/2022/corner/commun/e7-picto-concours-vert"); }

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

.toupie .magazine {
  background: #EAF2F5; }
  .toupie .magazine-description {
    color: #828282; }

/*******************************************/
@media only screen and (min-width: 768px) {
  .toupie .top .banner-content {
    padding: 0; }
    .toupie .top .banner-content .left {
      margin-top: auto; }
      .toupie .top .banner-content .left img {
        width: 410px;
        display: block; }
    .toupie .top .banner-content .right {
      margin-top: auto; }
      .toupie .top .banner-content .right img {
        width: 350px; }
  .toupie .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/toupie/e2-mascotte-feuilletage-2.png");
    background-repeat: no-repeat;
    background-size: contain; }
  .toupie .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/toupie/e3-mascotte-rubriques.png");
    background-repeat: no-repeat;
    background-size: contain; }
  .toupie .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/toupie/e5-mascotte-special.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/toupie/e4-mascotte-reasons.png");
    background-repeat: no-repeat;
    background-size: contain; } }