/*Planner*/
/*$color-domestique:#667c96;
$color-deplacement:#3e5c89;
$color-loisirs:#6082c8;*/
.breadcrumbs {
  float: left;
  margin-bottom: 1.8em; }

.tools-list {
  float: right;
  margin-bottom: -1.1em; }
  .tools-list .tool-favs {
    position: relative; }
  .tools-list .loader {
    position: absolute;
    left: -2em;
    margin: .8em .5em 0 0; }
  .tools-list .mb-icon {
    font-size: 17px;
    font-size: 1.1333333333rem; }

.tool-share {
  position: relative; }
  .tool-share ul {
    padding: 0; }

.js-share-panel {
  display: none;
  position: absolute;
  top: 3.1em;
  right: 0;
  padding: 1.5em 1.8em 1em 1.2em;
  border: 1px solid #cfcfcf;
  /*width:180px;*/
  background: #FFF;
  text-align: center;
  z-index: 1;
  white-space: nowrap; }
  .js-share-panel.active {
    display: block; }
  .js-share-panel li {
    margin-bottom: 0;
    padding-left: 8px;
    vertical-align: middle; }
    .js-share-panel li:last-child {
      margin-right: 0;
      padding-left: 0; }
  .js-share-panel .js-close-share {
    position: absolute;
    top: .5em;
    right: .7em;
    border: none;
    background: none;
    border-radius: 0; }
  .js-share-panel .share-email:hover {
    text-decoration: none; }
  .js-share-panel .share-email .mb-icon {
    font-size: 27px;
    font-size: 1.8rem; }

/* Templates Articles */
main picture img {
  max-width: 100%; }

main .visual-fullscreen {
  margin-top: 2.7em;
  margin-bottom: 2.7em;
  /*z-index:1;*/
  /*margin: 2.7em -6em 2.7em;*/ }

main .content-wrapper.text-large {
  /*padding:0 13% 4.5em;*/
  padding: 0 6em 4.5em; }
  main .content-wrapper.text-large p {
    margin-bottom: 1.7em; }
    main .content-wrapper.text-large p:last-child {
      margin-bottom: 0; }
  main .content-wrapper.text-large ul {
    margin-left: 1em;
    margin-bottom: 1.7em;
    list-style: outside; }
  main .content-wrapper.text-large ul li {
    margin-top: 0.3em; }
  main .content-wrapper.text-large p + ul {
    margin-top: -.8em; }
  main .content-wrapper.text-large:last-child {
    padding-bottom: 0; }
  main .content-wrapper.text-large img {
    position: relative;
    z-index: 1;
    max-width: 100%; }

main .article-content-title {
  margin: 3em 0 1.4em; }

.article-header .chapo {
  margin: .6em 0 2em;
  font-size: 25px;
  font-size: 1.6666666667rem;
  font-weight: 300; }

.article-header .hw-title {
  margin-top: .9em; }

.article-section {
  position: relative;
  /*.section-article .article-header + & {
		background:url(../bundles/inpesapp/img/bg/filet-06.png) no-repeat 100% 0;
	}*/ }
  .section-article .article-header + .article-section:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 220px;
    height: 544px;
    background: url(../bundles/inpesapp/img/bg/filet-06.png) no-repeat 100% 0; }
  .article-section .video-block,
  .article-section .visual {
    margin: 0 -6em; }
  .article-section:last-child .content-wrapper.text-large:last-child {
    padding-bottom: 3em; }
  .article-section a {
    text-decoration: underline; }
    .article-section a:hover {
      text-decoration: none; }

.article-more {
  position: relative;
  margin: -2em 0 2em;
  background: #404040;
  color: #FFFFFF;
  /*variation*/
  /*variation*/ }
  .article-more a {
    color: #FFFFFF;
    text-decoration: underline; }
    .article-more a:hover {
      text-decoration: none; }
  .article-more.single-column .content-wrapper {
    padding: 0 13%;
    padding: 0 7.2em; }
  .article-more .column {
    padding: 3em 0;
    /*&.column-visual {
			background-position:center center;
			background-size:cover;
			background-clip: padding-box;
		}*/ }
    .article-more .column .visual {
      margin: 2em 0 0 2em;
      max-width: 100%;
      box-shadow: -2em -2em 0px rgba(0, 0, 0, 0.13); }
  .article-more.double-column .column {
    display: table-cell;
    /*border-left:5px solid rgba(255,255,255,.3);*/
    padding-left: 1.1em;
    width: 50%;
    /*float:left;*/
    vertical-align: middle; }
    .article-more.double-column .column:first-child {
      /*border-left:none;*/
      /*border-right:5px solid rgba(255,255,255,.3);*/
      padding-left: 0;
      padding-right: 4.4em; }
  .article-more:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -14px;
    border-style: solid;
    border-width: 15px 14.5px 0 14.5px;
    border-color: #FFFFFF transparent transparent transparent;
    width: 0;
    height: 0;
    z-index: 1; }
  .mbgreen .article-more {
    background-color: #6aa32e; }
  .mbred .article-more {
    background-color: #dd3b6b; }
  .mbblue .article-more {
    background-color: #2f7dd0; }
  .mbaqua .article-more {
    background-color: #44b9b3; }
  .mblavender .article-more {
    background-color: #8456a2; }
  .mbgrey .article-more {
    background-color: #404040; }
  .mborange .article-more {
    background-color: #eb7105; }
  .mbwhite .article-more {
    background-color: #FFFFFF; }
  .article-section:not(:last-child) .article-more:before {
    position: absolute;
    right: 50%;
    bottom: -113px;
    margin-right: -285px;
    padding-right: 100px;
    content: url(../bundles/inpesapp/img/bg/filet-07.png); }

.quote {
  text-align: center;
  margin: -8em auto 0;
  width: 80%;
  max-width: 600px;
  /*variation*/ }
  .quote p {
    font-size: 18px;
    font-size: 1.2rem;
    text-decoration: underline; }
  .quote .quote-author {
    margin-top: 1.4em; }
  .quote:before, .quote:after {
    /*font-family:arial, serif;*/
    display: block;
    margin-left: -.3em;
    font-style: italic;
    font-size: 115px;
    font-size: 7.6666666667rem; }
  .quote:before {
    position: relative;
    top: 0.4em;
    content: '\22'; }
  .quote:after {
    content: '\22'; }
  .mbgreen .quote .quote-author, .mbgreen .quote:after, .mbgreen .quote:before {
    color: #6aa32e; }
  .mbred .quote .quote-author, .mbred .quote:after, .mbred .quote:before {
    color: #dd3b6b; }
  .mbblue .quote .quote-author, .mbblue .quote:after, .mbblue .quote:before {
    color: #2f7dd0; }
  .mbaqua .quote .quote-author, .mbaqua .quote:after, .mbaqua .quote:before {
    color: #44b9b3; }
  .mblavender .quote .quote-author, .mblavender .quote:after, .mblavender .quote:before {
    color: #8456a2; }
  .mbgrey .quote .quote-author, .mbgrey .quote:after, .mbgrey .quote:before {
    color: #404040; }
  .mborange .quote .quote-author, .mborange .quote:after, .mborange .quote:before {
    color: #eb7105; }
  .mbwhite .quote .quote-author, .mbwhite .quote:after, .mbwhite .quote:before {
    color: #FFFFFF; }

/*ILLUSTRATIONS*/
.article-section.bg-random:before {
  position: absolute;
  top: 2%;
  right: 3%;
  background-color: #FFFFFF;
  content: url(../bundles/inpesapp/img/bg/manger/biscuits.png);
  z-index: 1; }

.article-section.bg-random.bg-random-1:before {
  content: url(../bundles/inpesapp/img/bg/manger/banane.png); }

.article-section.bg-random.bg-random-2:before {
  content: url(../bundles/inpesapp/img/bg/manger/biscuits.png); }

.article-section.bg-random.bg-random-3:before {
  content: url(../bundles/inpesapp/img/bg/manger/fraise.png); }

.article-section.bg-random.bg-random-4:before {
  content: url(../bundles/inpesapp/img/bg/manger/navet.png); }

.article-section.bg-random.bg-random-5:before {
  content: url(../bundles/inpesapp/img/bg/manger/nouilles.png); }

.article-section.bg-random.bg-random-6:before {
  content: url(../bundles/inpesapp/img/bg/manger/oeufs.png); }

.article-section.bg-random.bg-random-7:before {
  content: url(../bundles/inpesapp/img/bg/manger/pain.png); }

.article-section.bg-random.bg-random-8:before {
  content: url(../bundles/inpesapp/img/bg/manger/persil.png); }

.article-section.bg-random.bg-random-9:before {
  content: url(../bundles/inpesapp/img/bg/manger/poireau.png); }

.article-section.bg-random.bg-random-10:before {
  content: url(../bundles/inpesapp/img/bg/manger/pomme.png); }

.article-section.bg-random.bg-random-11:before {
  content: url(../bundles/inpesapp/img/bg/manger/sardine.png); }

.article-section.bg-random.bg-random-12:before {
  content: url(../bundles/inpesapp/img/bg/manger/biscuits.png); }

.section-article-bouger .article-section.bg-random.bg-random-1:before {
  content: url(../bundles/inpesapp/img/bg/bouger/ballon.png); }

.section-article-bouger .article-section.bg-random.bg-random-2:before {
  content: url(../bundles/inpesapp/img/bg/bouger/baskets.png); }

.section-article-bouger .article-section.bg-random.bg-random-3:before {
  content: url(../bundles/inpesapp/img/bg/bouger/bouee.png); }

.section-article-bouger .article-section.bg-random.bg-random-4:before {
  content: url(../bundles/inpesapp/img/bg/bouger/casque.png); }

.section-article-bouger .article-section.bg-random.bg-random-5:before {
  content: url(../bundles/inpesapp/img/bg/bouger/diabolo.png); }

.section-article-bouger .article-section.bg-random.bg-random-6:before {
  content: url(../bundles/inpesapp/img/bg/bouger/halteres.png); }

.section-article-bouger .article-section.bg-random.bg-random-7:before {
  content: url(../bundles/inpesapp/img/bg/bouger/masque.png); }

.section-article-bouger .article-section.bg-random.bg-random-8:before {
  content: url(../bundles/inpesapp/img/bg/bouger/pelle.png); }

.section-article-bouger .article-section.bg-random.bg-random-9:before {
  content: url(../bundles/inpesapp/img/bg/bouger/pingpong.png); }

.section-article-bouger .article-section.bg-random.bg-random-10:before {
  content: url(../bundles/inpesapp/img/bg/bouger/roller.png); }

.section-article-bouger .article-section.bg-random.bg-random-11:before {
  content: url(../bundles/inpesapp/img/bg/bouger/skate.png); }

.section-article-bouger .article-section.bg-random.bg-random-12:before {
  content: url(../bundles/inpesapp/img/bg/bouger/trotinette.png); }

.article-more.bg-random:before {
  background: url(../bundles/inpesapp/img/bg/manger/biscuits.png) no-repeat 100% 100%;
  background-size: auto 90px; }

.article-more.bg-random.bg-random-1:before {
  background-image: url(../bundles/inpesapp/img/bg/manger/banane.png); }

.article-more.bg-random.bg-random-2:before {
  background-image: url(../bundles/inpesapp/img/bg/manger/biscuits.png); }

.article-more.bg-random.bg-random-3:before {
  background-image: url(../bundles/inpesapp/img/bg/manger/fraise.png); }

.article-more.bg-random.bg-random-4:before {
  background-image: url(../bundles/inpesapp/img/bg/manger/navet.png); }

.article-more.bg-random.bg-random-5:before {
  background-image: url(../bundles/inpesapp/img/bg/manger/nouilles.png); }

.article-more.bg-random.bg-random-6:before {
  background-image: url(../bundles/inpesapp/img/bg/manger/oeufs.png); }

.article-more.bg-random.bg-random-7:before {
  background-image: url(../bundles/inpesapp/img/bg/manger/pain.png); }

.article-more.bg-random.bg-random-8:before {
  background-image: url(../bundles/inpesapp/img/bg/manger/persil.png); }

.article-more.bg-random.bg-random-9:before {
  background-image: url(../bundles/inpesapp/img/bg/manger/poireau.png); }

.article-more.bg-random.bg-random-10:before {
  background-image: url(../bundles/inpesapp/img/bg/manger/pomme.png); }

.article-more.bg-random.bg-random-11:before {
  background-image: url(../bundles/inpesapp/img/bg/manger/sardine.png); }

.article-more.bg-random.bg-random-12:before {
  background-image: url(../bundles/inpesapp/img/bg/manger/biscuits.png); }

.section-article-bouger .article-more.bg-random.bg-random-1:before {
  background-image: url(../bundles/inpesapp/img/bg/bouger/ballon.png); }

.section-article-bouger .article-more.bg-random.bg-random-2:before {
  background-image: url(../bundles/inpesapp/img/bg/bouger/baskets.png); }

.section-article-bouger .article-more.bg-random.bg-random-3:before {
  background-image: url(../bundles/inpesapp/img/bg/bouger/bouee.png); }

.section-article-bouger .article-more.bg-random.bg-random-4:before {
  background-image: url(../bundles/inpesapp/img/bg/bouger/casque.png); }

.section-article-bouger .article-more.bg-random.bg-random-5:before {
  background-image: url(../bundles/inpesapp/img/bg/bouger/diabolo.png); }

.section-article-bouger .article-more.bg-random.bg-random-6:before {
  background-image: url(../bundles/inpesapp/img/bg/bouger/halteres.png); }

.section-article-bouger .article-more.bg-random.bg-random-7:before {
  background-image: url(../bundles/inpesapp/img/bg/bouger/masque.png); }

.section-article-bouger .article-more.bg-random.bg-random-8:before {
  background-image: url(../bundles/inpesapp/img/bg/bouger/pelle.png); }

.section-article-bouger .article-more.bg-random.bg-random-9:before {
  background-image: url(../bundles/inpesapp/img/bg/bouger/pingpong.png); }

.section-article-bouger .article-more.bg-random.bg-random-10:before {
  background-image: url(../bundles/inpesapp/img/bg/bouger/roller.png); }

.section-article-bouger .article-more.bg-random.bg-random-11:before {
  background-image: url(../bundles/inpesapp/img/bg/bouger/skate.png); }

.section-article-bouger .article-more.bg-random.bg-random-12:before {
  background-image: url(../bundles/inpesapp/img/bg/bouger/trotinette.png); }

@media only screen and (max-width: 768px) {
  .article-header .chapo {
    font-size: 18px;
    font-size: 1.2rem; }
  main .visual-fullscreen {
    margin-top: 1.2em;
    margin-bottom: 1.2em; }
  main .article-content-title {
    margin: 1em 0; }
  main .content-wrapper.text-large {
    padding: 0; }
    main .content-wrapper.text-large ul li {
      line-height: 1.5; }
    main .content-wrapper.text-large ul li:first-child {
      margin-top: 0; }
    main .content-wrapper.text-large.hw-title {
      margin-bottom: .3em; }
  .article-header + .article-section {
    background: none; }
  .article-section:before {
    display: none; }
  .article-section .video-block,
  .article-section .visual {
    margin: 0; }
  .article-more {
    margin-top: 2em; }
    .article-more.single-column .content-wrapper, .article-more .content-wrapper {
      padding: 0 3%; }
    .article-more.double-column .column, .article-more.double-column .column:first-child {
      display: block;
      padding-right: 0;
      padding-left: 0;
      border: none;
      width: auto; }
    .article-more.double-column .column:not(.column-visual):first-child {
      border-bottom: 2px solid rgba(255, 255, 255, 0.3); }
    .article-more:before {
      display: none; }
    .article-more .column-visual {
      padding-bottom: 0; }
      .article-more .column-visual .visual {
        display: block;
        margin: 0;
        width: 100%;
        box-shadow: none; }
      .article-more .column-visual + .column {
        padding-top: 1.5em; }
  .quote {
    margin: -2em auto -4em; } }