@charset "UTF-8";
.opacity.csstransforms .test {
  opacity: 0;
  transform: translateX(10px)
}

.no-csstransforms .test, .no-js .test, .no-opacity .test {
  visibility: hidden;
  left: 10px
}

.clearfix:after, .clearfix:before {
  content: " ";
  display: table
}

.clearfix:after {
  clear: both
}

input[type=password] {
  font-family: serif
}

@-webkit-keyframes bounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
  }
  40% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
  }
  60% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px)
  }
}

@-moz-keyframes bounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
  }
  40% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
  }
  60% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px)
  }
}

@-o-keyframes bounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
  }
  40% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
  }
  60% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px)
  }
}

@keyframes bounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
  }
  40% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
  }
  60% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px)
  }
}

.box--agenda, .box--article, .box--article-group, .box--carousel, .box--data, .box--filters, .box--games, .box--subfolder {
  float: none;
  margin: 5px 10px;
  overflow: hidden;
  position: relative;
  width: 300px;
  display: inline-block;
  vertical-align: middle;
  text-align: left
}

@media only screen and (min-width: 48em) {
  .box--agenda, .box--article, .box--article-group, .box--carousel, .box--data, .box--filters, .box--games, .box--subfolder {
    float: left;
    display: block;
    vertical-align: inherit
  }

  .main .box--agenda, .main .box--article, .main .box--article-group, .main .box--carousel, .main .box--data, .main .box--filters, .main .box--games, .main .box--subfolder, .main--modal .box--agenda, .main--modal .box--article, .main--modal .box--article-group, .main--modal .box--carousel, .main--modal .box--data, .main--modal .box--filters, .main--modal .box--games, .main--modal .box--subfolder {
    margin: 10px
  }
}

.box--agenda img, .box--article img, .box--article-group img, .box--games img, .box--subfolder img, .box--viewpoint img {
  display: block;
  height: 150px;
  width: 300px
}

@media only screen and (min-width: 48em) {
  .main .box--agenda img, .main .box--article img, .main .box--article-group img, .main .box--games img, .main .box--subfolder img, .main .box--viewpoint img, .main--modal .box--agenda img, .main--modal .box--article img, .main--modal .box--article-group img, .main--modal .box--games img, .main--modal .box--subfolder img, .main--modal .box--viewpoint img {
    height: 200px;
    width: 100%
  }
}

.box--agenda .article-item, .box--article .article-item, .box--article-group .article-item, .box--carousel .article-item, .box--games .article-item, .box--subfolder .article-item, .box--viewpoint .article-item {
  cursor: pointer
}

.cat-focus.box--article .article-item, .cat-focus.box--article-group .article-item, .cat-focus.box--games .article-item {
  background-color: #000
}

.box--article img, .box--article-group img, .box--games img {
  left: -37.5px;
  position: relative
}

.box--article .content, .box--article .content--fixed, .box--article-group .content, .box--article-group .content--fixed, .box--games .content, .box--games .content--fixed {
  padding: 20px;
  width: 110px
}

.library .box--article .content, .library .box--article .content--fixed, .library .box--article-group .content, .library .box--article-group .content--fixed, .library .box--games .content, .library .box--games .content--fixed {
  padding: 30px 20px 10px
}

.box--article .article-group-content, .box--article-group .article-group-content, .box--games .article-group-content {
  padding: 5px 20px 20px
}

.box--article .ba-levels, .box--article-group .ba-levels, .box--games .ba-levels {
  position: absolute;
  bottom: 7.5px;
  right: 10px;
  margin-top: 0;
  text-align: right
}

.box--article .ba-levels .ba-levels-items, .box--article-group .ba-levels .ba-levels-items, .box--games .ba-levels .ba-levels-items {
  display: inline-block !important;
  vertical-align: top;
  width: 11px;
  height: 11px;
  opacity: .5;
  position: relative;
  color: #fff;
  margin: 0
}

.box--article .ba-levels .ba-levels-items + .ba-levels-items, .box--article-group .ba-levels .ba-levels-items + .ba-levels-items, .box--games .ba-levels .ba-levels-items + .ba-levels-items {
  margin-left: .1em
}

.box--article .ba-levels .ba-levels-items.active, .box--article-group .ba-levels .ba-levels-items.active, .box--games .ba-levels .ba-levels-items.active {
  opacity: 1
}

.box--article .ba-levels .ba-levels-items.glyph-ba-level:before, .box--article-group .ba-levels .ba-levels-items.glyph-ba-level:before, .box--games .ba-levels .ba-levels-items.glyph-ba-level:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff
}

@media only screen and (min-width: 48em) {
  .box--article .ba-levels, .box--article-group .ba-levels, .box--games .ba-levels {
    bottom: auto;
    top: 18px;
    right: 20px
  }

  .box--article .article-group-content .ba-levels, .box--article-group .article-group-content .ba-levels, .box--games .article-group-content .ba-levels {
    right: 0
  }
}

.box--article .ba-category, .box--article-group .ba-category, .box--games .ba-category {
  font-size: .8125em;
  font-weight: 700;
  margin-bottom: 7px;
  color: #ffcbb1;
  display: block
}

.box--article .ba-category a, .box--article-group .ba-category a, .box--games .ba-category a {
  text-decoration: none
}

.box--article .ba-title, .box--article .ba-title-big, .box--article-group .ba-title, .box--article-group .ba-title-big, .box--games .ba-title, .box--games .ba-title-big {
  color: #fff;
  line-height: 1.2
}

.box--article .ba-title a, .box--article .ba-title-big a, .box--article-group .ba-title a, .box--article-group .ba-title-big a, .box--games .ba-title a, .box--games .ba-title-big a {
  color: #fff;
  text-decoration: none
}

.box--article .ba-title, .box--article-group .ba-title, .box--games .ba-title {
  font-size: .9375em;
  font-weight: 400;
  height: 81px;
  overflow: hidden;
  position: relative
}

.box--article .ba-title:after, .box--article-group .ba-title:after, .box--games .ba-title:after {
  bottom: 0;
  height: 18px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 99
}

.box--article .ba-title-big, .box--article-group .ba-title-big, .box--games .ba-title-big {
  margin: 10px 0 20px;
  font-size: 1.625em;
  font-weight: 400;
  text-transform: uppercase
}

@media (max-width: 767px) {
  .box--article .ba-title-big, .box--article-group .ba-title-big, .box--games .ba-title-big {
    margin-bottom: 10px
  }
}

.box--article .ba-desc, .box--article-group .ba-desc, .box--games .ba-desc {
  display: none
}

.box--article img.logo-partners, .box--article-group img.logo-partners, .box--games img.logo-partners {
  filter: alpha(Opacity=75);
  opacity: .75;
  position: absolute;
  margin-left: auto;
  width: 70px;
  height: auto;
  top: -2px;
  left: auto;
  right: -2px
}

@media only screen and (min-width: 48em) {
  .box--article img.logo-partners, .box--article-group img.logo-partners, .box--games img.logo-partners {
    width: 100px;
    height: auto;
    top: 5px
  }
}

.box--article .button, .box--article-group .button, .box--games .button {
  display: none
}

.box--article .toolbar, .box--article-group .toolbar, .box--games .toolbar {
  bottom: 0;
  left: 0
}

.library .box--article .toolbar, .library .box--article-group .toolbar, .library .box--games .toolbar {
  bottom: auto;
  left: auto;
  right: 10px;
  top: 10px
}

.cat-articles.box--article .article-group-header, .cat-articles.box--article .button, .cat-articles.box--article .content, .cat-articles.box--article .content--fixed, .cat-articles.box--article-group .article-group-header, .cat-articles.box--article-group .button, .cat-articles.box--article-group .content, .cat-articles.box--article-group .content--fixed, .cat-articles.box--games .article-group-header, .cat-articles.box--games .button, .cat-articles.box--games .content, .cat-articles.box--games .content--fixed {
  background: #d64039
}

.cat-articles.box--article .ba-title:after, .cat-articles.box--article-group .ba-title:after, .cat-articles.box--games .ba-title:after {
  background: linear-gradient(to bottom, #d64039 0, rgba(214, 64, 57, 0) 100%);
  background: -moz-linear-gradient(to bottom, #d64039 0, rgba(214, 64, 57, 0) 100%);
  background: -ms-linear-gradient(to bottom, #d64039 0, rgba(214, 64, 57, 0) 100%);
  background: -webkit-linear-gradient(bottom, #d64039 0, rgba(214, 64, 57, 0) 100%)
}

.cat-articles.box--article .ba-category, .cat-articles.box--article .ba-category a, .cat-articles.box--article-group .ba-category, .cat-articles.box--article-group .ba-category a, .cat-articles.box--games .ba-category, .cat-articles.box--games .ba-category a {
  color: #ffb4b0
}

.cat-videos-occupations.box--article .article-group-header, .cat-videos-occupations.box--article .button, .cat-videos-occupations.box--article .content, .cat-videos-occupations.box--article .content--fixed, .cat-videos-occupations.box--article-group .article-group-header, .cat-videos-occupations.box--article-group .button, .cat-videos-occupations.box--article-group .content, .cat-videos-occupations.box--article-group .content--fixed, .cat-videos-occupations.box--games .article-group-header, .cat-videos-occupations.box--games .button, .cat-videos-occupations.box--games .content, .cat-videos-occupations.box--games .content--fixed {
  background: #218700
}

.cat-videos-occupations.box--article .ba-title:after, .cat-videos-occupations.box--article-group .ba-title:after, .cat-videos-occupations.box--games .ba-title:after {
  background: linear-gradient(to bottom, #218700 0, rgba(39, 133, 13, 0) 100%);
  background: -moz-linear-gradient(to bottom, #218700 0, rgba(39, 133, 13, 0) 100%);
  background: -ms-linear-gradient(to bottom, #218700 0, rgba(39, 133, 13, 0) 100%);
  background: -webkit-linear-gradient(bottom, #218700 0, rgba(39, 133, 13, 0) 100%)
}

.cat-videos-occupations.box--article .ba-category, .cat-videos-occupations.box--article .ba-category a, .cat-videos-occupations.box--article-group .ba-category, .cat-videos-occupations.box--article-group .ba-category a, .cat-videos-occupations.box--games .ba-category, .cat-videos-occupations.box--games .ba-category a {
  color: #96de7e
}

.cat-video.box--article .article-group-header, .cat-video.box--article .button, .cat-video.box--article .content, .cat-video.box--article .content--fixed, .cat-video.box--article-group .article-group-header, .cat-video.box--article-group .button, .cat-video.box--article-group .content, .cat-video.box--article-group .content--fixed, .cat-video.box--games .article-group-header, .cat-video.box--games .button, .cat-video.box--games .content, .cat-video.box--games .content--fixed {
  background: #218700
}

.cat-video.box--article .ba-title:after, .cat-video.box--article-group .ba-title:after, .cat-video.box--games .ba-title:after {
  background: linear-gradient(to bottom, #218700 0, rgba(39, 133, 13, 0) 100%);
  background: -moz-linear-gradient(to bottom, #218700 0, rgba(39, 133, 13, 0) 100%);
  background: -ms-linear-gradient(to bottom, #218700 0, rgba(39, 133, 13, 0) 100%);
  background: -webkit-linear-gradient(bottom, #218700 0, rgba(39, 133, 13, 0) 100%)
}

.cat-video.box--article .ba-category, .cat-video.box--article .ba-category a, .cat-video.box--article-group .ba-category, .cat-video.box--article-group .ba-category a, .cat-video.box--games .ba-category, .cat-video.box--games .ba-category a {
  color: #96de7e
}

.cat-diapos.box--article .article-group-header, .cat-diapos.box--article .button, .cat-diapos.box--article .content, .cat-diapos.box--article .content--fixed, .cat-diapos.box--article-group .article-group-header, .cat-diapos.box--article-group .button, .cat-diapos.box--article-group .content, .cat-diapos.box--article-group .content--fixed, .cat-diapos.box--games .article-group-header, .cat-diapos.box--games .button, .cat-diapos.box--games .content, .cat-diapos.box--games .content--fixed {
  background: #c8437f
}

.cat-diapos.box--article .ba-title:after, .cat-diapos.box--article-group .ba-title:after, .cat-diapos.box--games .ba-title:after {
  background: linear-gradient(to bottom, #c8437f 0, rgba(200, 67, 127, 0) 100%);
  background: -moz-linear-gradient(to bottom, #c8437f 0, rgba(200, 67, 127, 0) 100%);
  background: -ms-linear-gradient(to bottom, #c8437f 0, rgba(200, 67, 127, 0) 100%);
  background: -webkit-linear-gradient(bottom, #c8437f 0, rgba(200, 67, 127, 0) 100%)
}

.cat-diapos.box--article .ba-category, .cat-diapos.box--article .ba-category a, .cat-diapos.box--article-group .ba-category, .cat-diapos.box--article-group .ba-category a, .cat-diapos.box--games .ba-category, .cat-diapos.box--games .ba-category a {
  color: #ffb0d4
}

.cat-focus.box--article .article-group-header, .cat-focus.box--article .button, .cat-focus.box--article .content, .cat-focus.box--article .content--fixed, .cat-focus.box--article-group .article-group-header, .cat-focus.box--article-group .button, .cat-focus.box--article-group .content, .cat-focus.box--article-group .content--fixed, .cat-focus.box--games .article-group-header, .cat-focus.box--games .button, .cat-focus.box--games .content, .cat-focus.box--games .content--fixed {
  background: #77478d
}

.cat-focus.box--article .ba-title:after, .cat-focus.box--article-group .ba-title:after, .cat-focus.box--games .ba-title:after {
  background: linear-gradient(to bottom, #77478d 0, rgba(119, 71, 141, 0) 100%);
  background: -moz-linear-gradient(to bottom, #77478d 0, rgba(119, 71, 141, 0) 100%);
  background: -ms-linear-gradient(to bottom, #77478d 0, rgba(119, 71, 141, 0) 100%);
  background: -webkit-linear-gradient(bottom, #77478d 0, rgba(119, 71, 141, 0) 100%)
}

.cat-focus.box--article .ba-category, .cat-focus.box--article .ba-category a, .cat-focus.box--article-group .ba-category, .cat-focus.box--article-group .ba-category a, .cat-focus.box--games .ba-category, .cat-focus.box--games .ba-category a {
  color: #e6b0ff
}

.cat-infos.box--article .article-group-header, .cat-infos.box--article .button, .cat-infos.box--article .content, .cat-infos.box--article .content--fixed, .cat-infos.box--article-group .article-group-header, .cat-infos.box--article-group .button, .cat-infos.box--article-group .content, .cat-infos.box--article-group .content--fixed, .cat-infos.box--games .article-group-header, .cat-infos.box--games .button, .cat-infos.box--games .content, .cat-infos.box--games .content--fixed {
  background: #3094b5
}

.cat-infos.box--article .ba-title:after, .cat-infos.box--article-group .ba-title:after, .cat-infos.box--games .ba-title:after {
  background: linear-gradient(to bottom, #3094b5 0, rgba(48, 148, 181, 0) 100%);
  background: -moz-linear-gradient(to bottom, #3094b5 0, rgba(48, 148, 181, 0) 100%);
  background: -ms-linear-gradient(to bottom, #3094b5 0, rgba(48, 148, 181, 0) 100%);
  background: -webkit-linear-gradient(bottom, #3094b5 0, rgba(48, 148, 181, 0) 100%)
}

.cat-infos.box--article .ba-category, .cat-infos.box--article .ba-category a, .cat-infos.box--article-group .ba-category, .cat-infos.box--article-group .ba-category a, .cat-infos.box--games .ba-category, .cat-infos.box--games .ba-category a {
  color: #b0ebff
}

.cat-pe.box--article .article-group-header, .cat-pe.box--article .button, .cat-pe.box--article .content, .cat-pe.box--article .content--fixed, .cat-pe.box--article-group .article-group-header, .cat-pe.box--article-group .button, .cat-pe.box--article-group .content, .cat-pe.box--article-group .content--fixed, .cat-pe.box--games .article-group-header, .cat-pe.box--games .button, .cat-pe.box--games .content, .cat-pe.box--games .content--fixed {
  background: #272727
}

.cat-pe.box--article .ba-title:after, .cat-pe.box--article-group .ba-title:after, .cat-pe.box--games .ba-title:after {
  background: linear-gradient(to bottom, #272727 0, rgba(39, 39, 39, 0) 100%);
  background: -moz-linear-gradient(to bottom, #272727 0, rgba(39, 39, 39, 0) 100%);
  background: -ms-linear-gradient(to bottom, #272727 0, rgba(39, 39, 39, 0) 100%);
  background: -webkit-linear-gradient(bottom, #272727 0, rgba(39, 39, 39, 0) 100%)
}

.cat-pe.box--article .ba-category, .cat-pe.box--article .ba-category a, .cat-pe.box--article-group .ba-category, .cat-pe.box--article-group .ba-category a, .cat-pe.box--games .ba-category, .cat-pe.box--games .ba-category a {
  color: #b2b2b2
}

.cat-actions.box--article .article-group-header, .cat-actions.box--article .button, .cat-actions.box--article .content, .cat-actions.box--article .content--fixed, .cat-actions.box--article-group .article-group-header, .cat-actions.box--article-group .button, .cat-actions.box--article-group .content, .cat-actions.box--article-group .content--fixed, .cat-actions.box--games .article-group-header, .cat-actions.box--games .button, .cat-actions.box--games .content, .cat-actions.box--games .content--fixed {
  background: #765aa5
}

.cat-actions.box--article .ba-title:after, .cat-actions.box--article-group .ba-title:after, .cat-actions.box--games .ba-title:after {
  background: linear-gradient(to bottom, #765aa5 0, rgba(118, 90, 165, 0) 100%);
  background: -moz-linear-gradient(to bottom, #765aa5 0, rgba(118, 90, 165, 0) 100%);
  background: -ms-linear-gradient(to bottom, #765aa5 0, rgba(118, 90, 165, 0) 100%);
  background: -webkit-linear-gradient(bottom, #765aa5 0, rgba(118, 90, 165, 0) 100%)
}

.cat-actions.box--article .ba-category, .cat-actions.box--article .ba-category a, .cat-actions.box--article-group .ba-category, .cat-actions.box--article-group .ba-category a, .cat-actions.box--games .ba-category, .cat-actions.box--games .ba-category a {
  color: #cdb0ff
}

.cat-agenda.box--article .article-group-header, .cat-agenda.box--article .button, .cat-agenda.box--article .content, .cat-agenda.box--article .content--fixed, .cat-agenda.box--article-group .article-group-header, .cat-agenda.box--article-group .button, .cat-agenda.box--article-group .content, .cat-agenda.box--article-group .content--fixed, .cat-agenda.box--games .article-group-header, .cat-agenda.box--games .button, .cat-agenda.box--games .content, .cat-agenda.box--games .content--fixed {
  background: #4996cc
}

.cat-agenda.box--article .ba-title:after, .cat-agenda.box--article-group .ba-title:after, .cat-agenda.box--games .ba-title:after {
  background: linear-gradient(to bottom, #4996cc 0, rgba(73, 150, 204, 0) 100%);
  background: -moz-linear-gradient(to bottom, #4996cc 0, rgba(73, 150, 204, 0) 100%);
  background: -ms-linear-gradient(to bottom, #4996cc 0, rgba(73, 150, 204, 0) 100%);
  background: -webkit-linear-gradient(bottom, #4996cc 0, rgba(73, 150, 204, 0) 100%)
}

.cat-agenda.box--article .ba-category, .cat-agenda.box--article .ba-category a, .cat-agenda.box--article-group .ba-category, .cat-agenda.box--article-group .ba-category a, .cat-agenda.box--games .ba-category, .cat-agenda.box--games .ba-category a {
  color: #b0deff
}

.cat-community.box--article .article-group-header, .cat-community.box--article .button, .cat-community.box--article .content, .cat-community.box--article .content--fixed, .cat-community.box--article-group .article-group-header, .cat-community.box--article-group .button, .cat-community.box--article-group .content, .cat-community.box--article-group .content--fixed, .cat-community.box--games .article-group-header, .cat-community.box--games .button, .cat-community.box--games .content, .cat-community.box--games .content--fixed {
  background: #e7763f
}

.cat-community.box--article .ba-title:after, .cat-community.box--article-group .ba-title:after, .cat-community.box--games .ba-title:after {
  background: linear-gradient(to bottom, #e7763f 0, rgba(231, 118, 63, 0) 100%);
  background: -moz-linear-gradient(to bottom, #e7763f 0, rgba(231, 118, 63, 0) 100%);
  background: -ms-linear-gradient(to bottom, #e7763f 0, rgba(231, 118, 63, 0) 100%);
  background: -webkit-linear-gradient(bottom, #e7763f 0, rgba(231, 118, 63, 0) 100%)
}

.cat-community.box--article .ba-category, .cat-community.box--article .ba-category a, .cat-community.box--article-group .ba-category, .cat-community.box--article-group .ba-category a, .cat-community.box--games .ba-category, .cat-community.box--games .ba-category a {
  color: #ffcab0
}

.cat-conferences.box--article .article-group-header, .cat-conferences.box--article .button, .cat-conferences.box--article .content, .cat-conferences.box--article .content--fixed, .cat-conferences.box--article-group .article-group-header, .cat-conferences.box--article-group .button, .cat-conferences.box--article-group .content, .cat-conferences.box--article-group .content--fixed, .cat-conferences.box--games .article-group-header, .cat-conferences.box--games .button, .cat-conferences.box--games .content, .cat-conferences.box--games .content--fixed {
  background: #3094b5
}

.cat-conferences.box--article .ba-title:after, .cat-conferences.box--article-group .ba-title:after, .cat-conferences.box--games .ba-title:after {
  background: linear-gradient(to bottom, #3094b5 0, rgba(48, 148, 181, 0) 100%);
  background: -moz-linear-gradient(to bottom, #3094b5 0, rgba(48, 148, 181, 0) 100%);
  background: -ms-linear-gradient(to bottom, #3094b5 0, rgba(48, 148, 181, 0) 100%);
  background: -webkit-linear-gradient(bottom, #3094b5 0, rgba(48, 148, 181, 0) 100%)
}

.cat-conferences.box--article .ba-category, .cat-conferences.box--article .ba-category a, .cat-conferences.box--article-group .ba-category, .cat-conferences.box--article-group .ba-category a, .cat-conferences.box--games .ba-category, .cat-conferences.box--games .ba-category a {
  color: #b0ebff
}

.cat-resources.box--article .article-group-header, .cat-resources.box--article .button, .cat-resources.box--article .content, .cat-resources.box--article .content--fixed, .cat-resources.box--article-group .article-group-header, .cat-resources.box--article-group .button, .cat-resources.box--article-group .content, .cat-resources.box--article-group .content--fixed, .cat-resources.box--games .article-group-header, .cat-resources.box--games .button, .cat-resources.box--games .content, .cat-resources.box--games .content--fixed {
  background: #3094b5
}

.cat-resources.box--article .ba-title:after, .cat-resources.box--article-group .ba-title:after, .cat-resources.box--games .ba-title:after {
  background: linear-gradient(to bottom, #3094b5 0, rgba(48, 148, 181, 0) 100%);
  background: -moz-linear-gradient(to bottom, #3094b5 0, rgba(48, 148, 181, 0) 100%);
  background: -ms-linear-gradient(to bottom, #3094b5 0, rgba(48, 148, 181, 0) 100%);
  background: -webkit-linear-gradient(bottom, #3094b5 0, rgba(48, 148, 181, 0) 100%)
}

.cat-resources.box--article .ba-category, .cat-resources.box--article .ba-category a, .cat-resources.box--article-group .ba-category, .cat-resources.box--article-group .ba-category a, .cat-resources.box--games .ba-category, .cat-resources.box--games .ba-category a {
  color: #b0ebff
}

.cat-enseignement.box--article .article-group-header, .cat-enseignement.box--article .button, .cat-enseignement.box--article .content, .cat-enseignement.box--article .content--fixed, .cat-enseignement.box--article-group .article-group-header, .cat-enseignement.box--article-group .button, .cat-enseignement.box--article-group .content, .cat-enseignement.box--article-group .content--fixed, .cat-enseignement.box--games .article-group-header, .cat-enseignement.box--games .button, .cat-enseignement.box--games .content, .cat-enseignement.box--games .content--fixed {
  background: #2a837d
}

.cat-enseignement.box--article .ba-title:after, .cat-enseignement.box--article-group .ba-title:after, .cat-enseignement.box--games .ba-title:after {
  background: linear-gradient(to bottom, #2a837d 0, rgba(42, 131, 125, 0) 100%);
  background: -moz-linear-gradient(to bottom, #2a837d 0, rgba(42, 131, 125, 0) 100%);
  background: -ms-linear-gradient(to bottom, #2a837d 0, rgba(42, 131, 125, 0) 100%);
  background: -webkit-linear-gradient(bottom, #2a837d 0, rgba(42, 131, 125, 0) 100%)
}

.cat-enseignement.box--article .ba-category, .cat-enseignement.box--article .ba-category a, .cat-enseignement.box--article-group .ba-category, .cat-enseignement.box--article-group .ba-category a, .cat-enseignement.box--games .ba-category, .cat-enseignement.box--games .ba-category a {
  color: #b0fffa
}

.cat-support-cours.box--article .article-group-header, .cat-support-cours.box--article .button, .cat-support-cours.box--article .content, .cat-support-cours.box--article .content--fixed, .cat-support-cours.box--article-group .article-group-header, .cat-support-cours.box--article-group .button, .cat-support-cours.box--article-group .content, .cat-support-cours.box--article-group .content--fixed, .cat-support-cours.box--games .article-group-header, .cat-support-cours.box--games .button, .cat-support-cours.box--games .content, .cat-support-cours.box--games .content--fixed {
  background: #b92c4f
}

.cat-support-cours.box--article .ba-title:after, .cat-support-cours.box--article-group .ba-title:after, .cat-support-cours.box--games .ba-title:after {
  background: linear-gradient(to bottom, #b92c4f 0, rgba(185, 44, 79, 0) 100%);
  background: -moz-linear-gradient(to bottom, #b92c4f 0, rgba(185, 44, 79, 0) 100%);
  background: -ms-linear-gradient(to bottom, #b92c4f 0, rgba(185, 44, 79, 0) 100%);
  background: -webkit-linear-gradient(bottom, #b92c4f 0, rgba(185, 44, 79, 0) 100%)
}

.cat-support-cours.box--article .ba-category, .cat-support-cours.box--article .ba-category a, .cat-support-cours.box--article-group .ba-category, .cat-support-cours.box--article-group .ba-category a, .cat-support-cours.box--games .ba-category, .cat-support-cours.box--games .ba-category a {
  color: #ffb0c4
}

.cat-publication.box--article .article-group-header, .cat-publication.box--article .button, .cat-publication.box--article .content, .cat-publication.box--article .content--fixed, .cat-publication.box--article-group .article-group-header, .cat-publication.box--article-group .button, .cat-publication.box--article-group .content, .cat-publication.box--article-group .content--fixed, .cat-publication.box--games .article-group-header, .cat-publication.box--games .button, .cat-publication.box--games .content, .cat-publication.box--games .content--fixed {
  background: #11699c
}

.cat-publication.box--article .ba-title:after, .cat-publication.box--article-group .ba-title:after, .cat-publication.box--games .ba-title:after {
  background: linear-gradient(to bottom, #11699c 0, rgba(17, 105, 156, 0) 100%);
  background: -moz-linear-gradient(to bottom, #11699c 0, rgba(17, 105, 156, 0) 100%);
  background: -ms-linear-gradient(to bottom, #11699c 0, rgba(17, 105, 156, 0) 100%);
  background: -webkit-linear-gradient(bottom, #11699c 0, rgba(17, 105, 156, 0) 100%)
}

.cat-publication.box--article .ba-category, .cat-publication.box--article .ba-category a, .cat-publication.box--article-group .ba-category, .cat-publication.box--article-group .ba-category a, .cat-publication.box--games .ba-category, .cat-publication.box--games .ba-category a {
  color: #b0e2ff
}

@media only screen and (min-width: 48em) {
  .main .box--article img, .main .box--article-group img, .main .box--games img, .main--modal .box--article img, .main--modal .box--article-group img, .main--modal .box--games img {
    left: 0
  }

  .main .box--article img img.logo-partners, .main .box--article-group img img.logo-partners, .main .box--games img img.logo-partners, .main--modal .box--article img img.logo-partners, .main--modal .box--article-group img img.logo-partners, .main--modal .box--games img img.logo-partners {
    filter: alpha(Opacity=75);
    opacity: .75;
    position: absolute;
    margin-left: auto;
    width: 70px;
    height: auto;
    top: 12px;
    left: auto;
    right: 0
  }
}

@media only screen and (min-width: 48em) and (min-width: 48em) {
  .main .box--article img img.logo-partners, .main .box--article-group img img.logo-partners, .main .box--games img img.logo-partners, .main--modal .box--article img img.logo-partners, .main--modal .box--article-group img img.logo-partners, .main--modal .box--games img img.logo-partners {
    width: 100px;
    height: auto;
    top: 5px
  }
}

@media only screen and (min-width: 48em) {
  .main .box--article .content, .main .box--article .content--fixed, .main .box--article-group .content, .main .box--article-group .content--fixed, .main .box--games .content, .main .box--games .content--fixed, .main--modal .box--article .content, .main--modal .box--article .content--fixed, .main--modal .box--article-group .content, .main--modal .box--article-group .content--fixed, .main--modal .box--games .content, .main--modal .box--games .content--fixed {
    width: auto
  }

  .main .box--article .ba-title, .main .box--article-group .ba-title, .main .box--games .ba-title, .main--modal .box--article .ba-title, .main--modal .box--article-group .ba-title, .main--modal .box--games .ba-title {
    font-size: 1.2em;
    height: 45px;
    line-height: 1.25
  }

  .main .box--article .ba-title:after, .main .box--article-group .ba-title:after, .main .box--games .ba-title:after, .main--modal .box--article .ba-title:after, .main--modal .box--article-group .ba-title:after, .main--modal .box--games .ba-title:after {
    display: none
  }

  .main .box--article .ba-desc, .main .box--article-group .ba-desc, .main .box--games .ba-desc, .main--modal .box--article .ba-desc, .main--modal .box--article-group .ba-desc, .main--modal .box--games .ba-desc {
    color: #fff;
    display: block;
    font-size: .8125em;
    left: 20px;
    line-height: 1.230769231;
    position: absolute;
    top: 108px;
    width: 260px
  }

  .main .box--article .button, .main .box--article-group .button, .main .box--games .button, .main--modal .box--article .button, .main--modal .box--article-group .button, .main--modal .box--games .button {
    bottom: 20px;
    display: inline-block;
    left: 10px;
    position: absolute;
    font-size: .875em;
    text-transform: none;
    font-weight: 400
  }

  .main .box--article .toolbar, .main .box--article-group .toolbar, .main .box--games .toolbar, .main--modal .box--article .toolbar, .main--modal .box--article-group .toolbar, .main--modal .box--games .toolbar {
    bottom: auto;
    left: auto;
    right: 0;
    top: 0
  }
}

.box--article {
  height: 150px
}

.box--article .content, .box--article .content--fixed {
  height: 110px;
  position: absolute;
  right: 0;
  top: 0
}

.box--article.single-afp .content {
  width: 260px
}

.box--article.single-afp .content .time {
  color: #fff
}

.main .box--article.cat-enseignement .button, .main--modal .box--article.cat-enseignement .button {
  background: #2a837d;
  text-transform: uppercase;
  font-size: .75em
}

@media only screen and (min-width: 48em) {
  .main .box--article, .main--modal .box--article {
    height: 300px
  }

  .main .box--article .content, .main--modal .box--article .content {
    height: 260px;
    position: relative;
    -webkit-transition: -webkit-transform 900ms cubic-bezier(0.19, 1, .22, 1);
    -moz-transition: -moz-transform 900ms cubic-bezier(0.19, 1, .22, 1) false;
    -o-transition: -o-transform 900ms cubic-bezier(0.19, 1, .22, 1) false;
    transition: transform 900ms cubic-bezier(0.19, 1, .22, 1)
  }

  .main .box--article .content--fixed, .main--modal .box--article .content--fixed {
    position: relative
  }

  .main .box--article:hover .content, .main--modal .box--article:hover .content {
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    transform: translateY(-200px)
  }

  .main .box--article:hover .ba-title, .main--modal .box--article:hover .ba-title {
    height: 45px
  }

  .main .box--article.cat-enseignement-home img, .main--modal .box--article.cat-enseignement-home img {
    height: 100px !important
  }
}

@media only screen and (min-width: 60em) {
  .main .box--article.cat-enseignement .button, .main--modal .box--article.cat-enseignement .button {
    -webkit-transition: background 100ms ease false;
    -moz-transition: background 100ms ease false false;
    -o-transition: background 100ms ease false false;
    transition: background 100ms ease
  }

  .main .box--article.cat-enseignement .button:hover, .main--modal .box--article.cat-enseignement .button:hover {
    background: #125e59
  }
}

.box--article.cat-videos-occupations {
  z-index: 0
}

.box--article.cat-videos-occupations .content, .box--article.cat-videos-occupations .toolbar {
  z-index: 5
}

.box--article.cat-videos-occupations .ba-category {
  text-transform: none
}

.box--article.cat-videos-occupations .play_video {
  background: rgba(0, 0, 0, .75);
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
  display: block;
  height: 40px;
  left: 55px;
  position: absolute;
  top: 55px;
  width: 40px;
  z-index: 2
}

.lt-ie9 .box--article.cat-videos-occupations .play_video {
  background: transparent url(../images/layout/play-background-mobile.png) left top no-repeat
}

.box--article.cat-videos-occupations .play_video .glyph-play {
  left: 50%;
  color: #fff;
  font-size: 16px;
  margin: -8px 0 0 -7px;
  position: absolute;
  top: 50%
}

@media only screen and (min-width: 48em) {
  .main .box--article.cat-videos-occupations .play_video, .main--modal .box--article.cat-videos-occupations .play_video {
    -webkit-border-radius: 58px;
    -moz-border-radius: 58px;
    -ms-border-radius: 58px;
    -o-border-radius: 58px;
    border-radius: 58px;
    height: 58px;
    left: 50%;
    margin-left: -29px;
    top: 70px;
    width: 58px
  }

  .lt-ie9 .main .box--article.cat-videos-occupations .play_video, .lt-ie9 .main--modal .box--article.cat-videos-occupations .play_video {
    background: transparent url(../images/layout/play-background.png) left top no-repeat
  }

  .main .box--article.cat-videos-occupations .play_video .glyph-play, .main--modal .box--article.cat-videos-occupations .play_video .glyph-play {
    font-size: 23px;
    margin: -11.5px 0 0 -10px
  }
}

.box--article.cat-enseignement-home {
  position: relative;
  height: 300px;
  background: #2a837d
}

.box--article.cat-enseignement-home .content-static {
  padding: 20px 26px
}

.box--article.cat-enseignement-home .ba-category {
  text-transform: none
}

.box--article.cat-enseignement-home p {
  font-size: 1em;
  line-height: 1.3;
  color: #FFF
}

.box--article.cat-enseignement-home img {
  position: absolute;
  bottom: 0;
  left: 0;
  height: inherit
}

@media (max-width: 767px) {
  .box--article.cat-enseignement-home {
    height: 300px;
    background-position: 0 112%
  }

  .box--article.cat-enseignement-home .button {
    display: block;
    position: absolute;
    bottom: 20px;
    left: 20px;
    text-transform: uppercase
  }

  .box--article.cat-enseignement-home img {
    height: 100px !important
  }
}

.main .box--games .ba-category, .main--modal .box--games .ba-category {
  font-size: 1em
}

.main .box--games .ba-desc, .main--modal .box--games .ba-desc {
  font-size: .9em
}

.box--games.cat-articles .content--fixed {
  background: #fff
}

.box--games.cat-articles .content--fixed .ba-category a {
  color: #d64039
}

.box--games.cat-articles .content--fixed .ba-desc {
  color: #515253;
  position: static
}

.box--games.cat-videos-occupations .content--fixed {
  background: #fff
}

.box--games.cat-videos-occupations .content--fixed .ba-category a {
  color: #218700
}

.box--games.cat-videos-occupations .content--fixed .ba-desc {
  color: #515253;
  position: static
}

.box--games.cat-video .content--fixed {
  background: #fff
}

.box--games.cat-video .content--fixed .ba-category a {
  color: #218700
}

.box--games.cat-video .content--fixed .ba-desc {
  color: #515253;
  position: static
}

.box--games.cat-diapos .content--fixed {
  background: #fff
}

.box--games.cat-diapos .content--fixed .ba-category a {
  color: #c8437f
}

.box--games.cat-diapos .content--fixed .ba-desc {
  color: #515253;
  position: static
}

.box--games.cat-focus .content--fixed {
  background: #fff
}

.box--games.cat-focus .content--fixed .ba-category a {
  color: #77478d
}

.box--games.cat-focus .content--fixed .ba-desc {
  color: #515253;
  position: static
}

.box--games.cat-infos .content--fixed {
  background: #fff
}

.box--games.cat-infos .content--fixed .ba-category a {
  color: #3094b5
}

.box--games.cat-infos .content--fixed .ba-desc {
  color: #515253;
  position: static
}

.box--games.cat-pe .content--fixed {
  background: #fff
}

.box--games.cat-pe .content--fixed .ba-category a {
  color: #272727
}

.box--games.cat-pe .content--fixed .ba-desc {
  color: #515253;
  position: static
}

.box--games.cat-actions .content--fixed {
  background: #fff
}

.box--games.cat-actions .content--fixed .ba-category a {
  color: #765aa5
}

.box--games.cat-actions .content--fixed .ba-desc {
  color: #515253;
  position: static
}

.box--games.cat-agenda .content--fixed {
  background: #fff
}

.box--games.cat-agenda .content--fixed .ba-category a {
  color: #4996cc
}

.box--games.cat-agenda .content--fixed .ba-desc {
  color: #515253;
  position: static
}

.box--games.cat-community .content--fixed {
  background: #fff
}

.box--games.cat-community .content--fixed .ba-category a {
  color: #e7763f
}

.box--games.cat-community .content--fixed .ba-desc {
  color: #515253;
  position: static
}

.box--games.cat-conferences .content--fixed {
  background: #fff
}

.box--games.cat-conferences .content--fixed .ba-category a {
  color: #3094b5
}

.box--games.cat-conferences .content--fixed .ba-desc {
  color: #515253;
  position: static
}

.box--games.cat-resources .content--fixed {
  background: #fff
}

.box--games.cat-resources .content--fixed .ba-category a {
  color: #3094b5
}

.box--games.cat-resources .content--fixed .ba-desc {
  color: #515253;
  position: static
}

.box--games.cat-enseignement .content--fixed {
  background: #fff
}

.box--games.cat-enseignement .content--fixed .ba-category a {
  color: #2a837d
}

.box--games.cat-enseignement .content--fixed .ba-desc {
  color: #515253;
  position: static
}

.box--games.cat-support-cours .content--fixed {
  background: #fff
}

.box--games.cat-support-cours .content--fixed .ba-category a {
  color: #b92c4f
}

.box--games.cat-support-cours .content--fixed .ba-desc {
  color: #515253;
  position: static
}

.box--games.cat-publication .content--fixed {
  background: #fff
}

.box--games.cat-publication .content--fixed .ba-category a {
  color: #11699c
}

.box--games.cat-publication .content--fixed .ba-desc {
  color: #515253;
  position: static
}

@media only screen and (min-width: 60em) {
  .box--games {
    width: 220px
  }

  .main .box--games, .main--modal .box--games {
    height: 385px
  }

  .main .box--games img, .main--modal .box--games img {
    width: auto
  }

  .main .box--games .content--fixed, .main--modal .box--games .content--fixed {
    height: 145px
  }

  .main .box--games .ba-desc, .main--modal .box--games .ba-desc {
    width: 180px
  }
}

.box--subfolder {
  height: 110px
}

.box--subfolder.dispensable {
  display: none
}

@media only screen and (min-width: 60em) {
  .box--subfolder.dispensable {
    display: block
  }
}

.box--subfolder .content, .box--subfolder .content--fixed {
  height: 80px;
  position: absolute;
  right: 0;
  top: 0;
  background: #FFF;
  width: 160px;
  padding: 13px 15px 20px 20px;
  color: #fff
}

.box--subfolder .content h3, .box--subfolder .content--fixed h3 {
  margin-bottom: 7px;
  font-weight: 400;
  font-size: .85em;
  line-height: 1.286
}

.box--subfolder .content h3 a, .box--subfolder .content--fixed h3 a {
  color: #fff;
  text-decoration: none
}

.box--subfolder .content p, .box--subfolder .content--fixed p {
  text-transform: uppercase;
  color: #fff;
  font-size: .85em;
  font-weight: 700;
  text-decoration: none;
  margin-bottom: 5px
}

.box--viewpoint {
  float: none;
  margin-left: 0;
  margin-bottom: 20px
}

.box--viewpoint .article-item {
  background-color: #f1ecf3;
  position: relative;
  height: 100%
}

.box--viewpoint .article-item img {
  float: left;
  height: 50px;
  width: 50px
}

@media only screen and (min-width: 48em) {
  .box--viewpoint .article-item img {
    height: 100%;
    width: auto
  }
}

.box--viewpoint .content {
  width: 260px;
  color: #fff
}

@media only screen and (min-width: 48em) {
  .box--viewpoint .content {
    margin-left: 150px;
    width: 370px
  }
}

@media only screen and (min-width: 60em) {
  .box--viewpoint .content {
    margin-left: 150px;
    width: 600px
  }
}

.box--viewpoint .content blockquote {
  padding: 5px 20px 20px
}

@media only screen and (min-width: 48em) {
  .box--viewpoint .content blockquote {
    padding: 20px 20px 0
  }
}

.box--viewpoint .content blockquote p {
  width: auto;
  color: #fff;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.125;
  margin-bottom: 7px;
  text-align: left
}

@media only screen and (min-width: 48em) {
  .box--viewpoint .content blockquote p {
    font-size: 1.125em;
    line-height: 1.111;
    margin-bottom: 0;
    padding-top: 0
  }
}

.box--viewpoint .content blockquote cite {
  display: block;
  font-size: .95em;
  padding-left: 40px;
  font-weight: 700;
  min-height: 15px
}

@media only screen and (min-width: 48em) {
  .box--viewpoint .content blockquote cite {
    font-size: 1.1em;
    padding-left: 0;
    min-height: 0
  }
}

.box--viewpoint .content blockquote h3 {
  padding-left: 40px;
  font-size: .75em;
  text-decoration: none;
  margin-bottom: 13px;
  margin-top: 7px;
  font-weight: 400;
  font-style: italic;
  min-height: 24px
}

@media only screen and (min-width: 48em) {
  .box--viewpoint .content blockquote h3 {
    margin-bottom: 10px;
    padding-left: 0;
    font-size: 1em;
    min-height: 0
  }
}

.box--article-group .article-group-header, .box--article-group .content {
  width: 110px;
  height: 110px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  padding: 20px
}

.box--article-group .article-group-content, .box--article-group .article-group-header .more_contents, .box--article-group .content .more_contents {
  display: none
}

@media only screen and (min-width: 48em) {
  .box--article-group {
    height: 620px
  }

  .box--article-group .ba-levels {
    top: 15px
  }

  .box--article-group .article-group-header {
    position: static;
    width: 100%;
    height: 100px;
    padding: 20px;
    box-sizing: border-box
  }

  .box--article-group .article-group-content {
    display: block;
    height: 320px;
    position: static;
    right: auto;
    top: auto;
    background: #fff !important;
    z-index: 2
  }

  .box--article-group .article-group-content .nb_decrpyt {
    display: none;
    text-transform: none
  }

  .box--article-group .article-group-content .ba-title {
    height: auto;
    margin-bottom: 20px
  }

  .box--article-group .article-group-content .more_contents {
    display: block !important;
    color: #fff
  }

  .box--article-group .article-group-content .more_contents .ba-category {
    text-transform: none
  }

  .box--article-group .article-group-content .more_contents .ba-title {
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 10px
  }

  .box--article-group .article-group-content .more_contents .ba-title a {
    color: #515253;
    font-weight: 400
  }

  .box--article-group .article-group-content .more_contents hr {
    border: 0;
    margin: 0 0 12px;
    width: 260px
  }

  .box--article-group .article-group-content .more_contents .ba-desc {
    font-size: .875em;
    margin-bottom: 12px
  }

  .box--article-group .article-group-content .more_contents .ba-group {
    position: relative;
    padding-top: 15px;
    padding-bottom: 5px
  }

  .box--article-group .article-group-content .more_contents .ba-group:not(:first-child) {
    border-top: 1px solid #e7e7e7
  }

  .box--article-group .article-group-content .more_contents .ba-link {
    position: absolute;
    bottom: 15px;
    right: 20px;
    color: #0c97d2;
    text-decoration: none;
    font-size: .875em;
    font-weight: 400
  }

  .box--article-group .article-group-content .more_contents .ba-link:after {
    content: "→";
    padding: 0 0 0 5px;
    font-size: 14px;
    vertical-align: middle;
    display: none
  }

  .box--article-group .article-group-content .cat-articles .ba-category {
    color: #d64039
  }

  .box--article-group .article-group-content .cat-video .ba-category, .box--article-group .article-group-content .cat-videos-occupations .ba-category {
    color: #218700
  }

  .box--article-group .article-group-content .cat-diapos .ba-category {
    color: #c8437f
  }

  .box--article-group .article-group-content .cat-focus .ba-category {
    color: #77478d
  }

  .box--article-group .article-group-content .cat-infos .ba-category {
    color: #3094b5
  }

  .box--article-group .article-group-content .cat-pe .ba-category {
    color: #272727
  }

  .box--article-group .article-group-content .cat-actions .ba-category {
    color: #765aa5
  }

  .box--article-group .article-group-content .cat-agenda .ba-category {
    color: #4996cc
  }

  .box--article-group .article-group-content .cat-community .ba-category {
    color: #e7763f
  }

  .box--article-group .article-group-content .cat-conferences .ba-category, .box--article-group .article-group-content .cat-resources .ba-category {
    color: #3094b5
  }

  .box--article-group .article-group-content .cat-enseignement .ba-category {
    color: #2a837d
  }

  .box--article-group .article-group-content .cat-support-cours .ba-category {
    color: #b92c4f
  }

  .box--article-group .article-group-content .cat-publication .ba-category {
    color: #11699c
  }
}

.box--data {
  background: #fff;
  height: 170px;
  padding: 20px;
  width: 260px
}

.box--data h2 {
  font-size: .8125em;
  font-weight: 700;
  margin-bottom: 10px;
  text-align: center
}

.box--data h2 a {
  color: #3094b5;
  text-decoration: none;
  text-transform: uppercase
}

.box--data.cat-infos .content p {
  text-align: justify;
  height: 98px;
  overflow: hidden
}

@media only screen and (min-width: 48em) {
  .box--data.cat-infos .content p {
    height: auto
  }
}

.box--data .content {
  font-size: .875em;
  line-height: 1.286;
  overflow: hidden
}

.box--data .content p > a {
  font-weight: 700;
  text-decoration: none;
  color: #515253
}

.box--data .content p.you-know-that > span {
  color: #3094b5;
  display: inline-block;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  width: 100%
}

.box--data .content p.you-know-that > span strong {
  font-size: 3.571428571em;
  line-height: 1
}

.box--data .button-group, .box--data .button-group--center {
  bottom: 20px;
  display: block;
  left: 20px;
  position: absolute;
  right: 20px
}

@media only screen and (min-width: 48em) {
  .box--data {
    height: 260px
  }

  .box--data h2 {
    margin-bottom: 20px;
    text-align: left
  }

  .box--data .content {
    height: 177px
  }

  .box--data .content p.you-know-that {
    line-height: 177px
  }

  .box--data .content p.you-know-that > span {
    font-size: 1.428571429em
  }

  .box--data .content p.you-know-that > span strong {
    font-size: 4em
  }

  .box--data .button-group--center {
    text-align: left
  }
}

.box--carousel {
  background: #fff;
  height: 150px;
  padding: 20px;
  width: 260px
}

@media only screen and (min-width: 48em) {
  .box--carousel {
    height: 260px
  }
}

.box--carousel h2 {
  font-size: .75em;
  margin-bottom: 20px;
  text-transform: uppercase
}

.box--carousel h2 a {
  text-decoration: none
}

.box--carousel h3 {
  font-size: .875em
}

.box--carousel h3 a {
  text-decoration: none
}

.box--carousel .article-item {
  line-height: 1.285714286
}

.box--carousel .button-group {
  bottom: 35px;
  left: 20px;
  position: absolute;
  right: 20px;
  text-align: center
}

.box--carousel .button-group .button {
  margin-left: 10px
}

.box--carousel .arrows {
  display: none
}

.box--carousel.cat-agenda, .box--carousel.cat-infos.agenda {
  background: url(../images/layout/box-agenda-background.jpg) left 180px no-repeat;
  color: #fff;
  height: 210px
}

.box--carousel.cat-agenda h2, .box--carousel.cat-infos.agenda h2 {
  font-size: .8125em;
  margin-bottom: 8px;
  text-transform: none
}

.box--carousel.cat-agenda .carousel--tiny, .box--carousel.cat-infos.agenda .carousel--tiny {
  border: 0;
  height: 120px
}

.box--carousel.cat-agenda .article-item, .box--carousel.cat-infos.agenda .article-item {
  padding-right: 20px
}

.box--carousel.cat-agenda .article-item .button, .box--carousel.cat-infos.agenda .article-item .button {
  bottom: 0;
  left: -10px;
  position: absolute
}

.box--carousel.cat-agenda p, .box--carousel.cat-infos.agenda p {
  font-size: .875em;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 10px
}

.box--carousel.cat-agenda h3, .box--carousel.cat-infos.agenda h3 {
  font-weight: 400
}

.box--carousel.cat-agenda h3 a, .box--carousel.cat-agenda h3 a strong, .box--carousel.cat-infos.agenda h3 a, .box--carousel.cat-infos.agenda h3 a strong {
  color: #fff
}

.box--carousel.cat-agenda .box--article h2, .box--carousel.cat-agenda .box--article h3, .box--carousel.cat-infos.agenda .box--article h2, .box--carousel.cat-infos.agenda .box--article h3 {
  text-align: center
}

@media only screen and (min-width: 48em) {
  .box--carousel.cat-agenda, .box--carousel.cat-infos.agenda {
    background-position: left bottom;
    height: 260px
  }

  .box--carousel.cat-agenda .carousel--tiny, .box--carousel.cat-infos.agenda .carousel--tiny {
    height: 140px
  }

  .box--carousel.cat-agenda .cat-infos__time, .box--carousel.cat-infos.agenda .cat-infos__time {
    font-size: 1.375em;
    line-height: 28px;
    text-transform: uppercase;
    font-weight: 900
  }

  .box--carousel.cat-agenda .cat-infos__time span, .box--carousel.cat-infos.agenda .cat-infos__time span {
    font-weight: 300
  }

  .box--carousel.cat-agenda .cat-infos__time.long, .box--carousel.cat-infos.agenda .cat-infos__time.long {
    font-size: 1.125em;
    letter-spacing: -.025em
  }

  .box--carousel.cat-agenda .arrows, .box--carousel.cat-infos.agenda .arrows {
    bottom: 120px
  }

  .box--carousel.cat-agenda .arrows button, .box--carousel.cat-infos.agenda .arrows button {
    color: #fff
  }
}

.box--carousel.cat-agenda {
  background-color: #4996cc
}

.box--carousel.cat-agenda .article-item .button {
  background: #03538c
}

.box--carousel.cat-infos.agenda {
  background-color: #3094b5
}

.box--carousel.cat-infos.agenda .box__title a {
  color: #b0deff
}

.box--carousel.cat-infos.agenda .article-item {
  padding-bottom: 0;
  padding-top: 0
}

.box--carousel.cat-infos.agenda .article-item .button {
  background: #036a8c
}

.box--carousel.cat-infos.agenda .button-group .button {
  font-size: .6875em
}

.lt-ie9 .box--carousel.cat-infos.agenda .button-group .button {
  font-size: .59em
}

.box--carousel.cat-actions .carousel--tiny {
  height: 185px
}

.box--carousel.cat-actions .article-item {
  height: auto;
  overflow: auto;
  padding: 10px 0
}

.box--carousel.cat-actions img {
  float: right;
  height: 50px;
  margin: 0 20px;
  width: 50px
}

.box--carousel.cat-actions .time {
  line-height: 1
}

.box--carousel.cat-actions h3 {
  font-size: .875em;
  font-weight: 700
}

.box--carousel.cat-actions h3 a {
  color: #515253
}

.box--carousel.cat-actions hr {
  border: 0;
  border-top: 1px solid #e1e1e1;
  margin: 0;
  width: 260px
}

@media only screen and (min-width: 48em) {
  .box--carousel.cat-actions .arrows {
    top: 12px
  }

  .box--carousel.cat-actions .arrows button {
    color: #765aa5
  }
}

.box--carousel.cat-infos .arrows {
  top: 15px;
  bottom: auto
}

.box--carousel.cat-infos.afp h2, .box--carousel.cat-twitter h2 {
  margin-bottom: 10px
}

.box--carousel.cat-infos.afp h2 a, .box--carousel.cat-twitter h2 a {
  font-weight: 900
}

.box--carousel.cat-infos.afp .carousel--tiny, .box--carousel.cat-twitter .carousel--tiny {
  border: 0
}

.box--carousel.cat-infos.afp .carousel--tiny hr, .box--carousel.cat-infos.afp .carousel--tiny img, .box--carousel.cat-twitter .carousel--tiny hr, .box--carousel.cat-twitter .carousel--tiny img {
  display: none
}

@media only screen and (min-width: 48em) {
  .box--carousel.cat-infos.afp .carousel--tiny, .box--carousel.cat-twitter .carousel--tiny {
    height: 195px
  }

  .box--carousel.cat-infos.afp .carousel--tiny hr, .box--carousel.cat-infos.afp .carousel--tiny img, .box--carousel.cat-twitter .carousel--tiny hr, .box--carousel.cat-twitter .carousel--tiny img {
    display: block
  }
}

.box--carousel.cat-infos.afp .carousel--tiny .dots, .box--carousel.cat-twitter .carousel--tiny .dots {
  bottom: 25px;
  top: auto;
  z-index: 1
}

.box--carousel.cat-infos.afp .logo-afp, .box--carousel.cat-twitter .logo-afp {
  float: none;
  height: auto;
  position: absolute;
  right: 0;
  top: 9px;
  z-index: 1;
  max-width: 60px
}

.box--carousel.cat-infos.afp .logo-afp img, .box--carousel.cat-twitter .logo-afp img {
  height: auto
}

.box--carousel.cat-infos.afp .article-item, .box--carousel.cat-twitter .article-item {
  height: auto;
  min-height: 100px;
  overflow: auto;
  padding: 15px 0 10px
}

@media only screen and (min-width: 48em) {
  .box--carousel.cat-infos.afp .article-item, .box--carousel.cat-twitter .article-item {
    min-height: 0
  }
}

.box--carousel.cat-infos.afp img, .box--carousel.cat-twitter img {
  float: right;
  height: 80px;
  margin: 0 20px
}

.box--carousel.cat-infos.afp .button-group, .box--carousel.cat-twitter .button-group {
  text-align: center
}

.box--carousel.cat-infos.afp .article-metas, .box--carousel.cat-twitter .article-metas {
  color: #3094b5
}

.box--carousel.cat-infos.afp .city, .box--carousel.cat-infos.afp .time, .box--carousel.cat-twitter .city, .box--carousel.cat-twitter .time {
  text-transform: uppercase;
  font-weight: 900;
  font-size: .75em;
  display: inline-block
}

.box--carousel.cat-infos.afp .city, .box--carousel.cat-twitter .city {
  color: #e7763f
}

.box--carousel.cat-infos.afp .time, .box--carousel.cat-twitter .time {
  color: #515253
}

.box--carousel.cat-infos.afp h3, .box--carousel.cat-twitter h3 {
  font-size: 1.05em;
  line-height: 1.135;
  font-weight: 400
}

.box--carousel.cat-infos.afp h3 a, .box--carousel.cat-infos.afp h3 a strong, .box--carousel.cat-twitter h3 a, .box--carousel.cat-twitter h3 a strong {
  color: #282828
}

.box--carousel.cat-infos.afp hr, .box--carousel.cat-twitter hr {
  border: 0;
  border-top: 1px solid #e7e7e7;
  margin: 0;
  width: 100%;
  left: 0;
  top: 45px;
  position: absolute
}

.box--carousel.cat-infos.afp .article-action, .box--carousel.cat-twitter .article-action {
  margin: 15px 0;
  position: absolute;
  bottom: 0
}

.box--carousel.cat-infos.afp .article-action .button, .box--carousel.cat-twitter .article-action .button {
  margin-left: 0
}

.box--carousel.cat-infos.afp .arrows, .box--carousel.cat-twitter .arrows {
  bottom: 120px;
  top: auto;
  z-index: 5
}

.box--carousel.cat-twitter {
  height: auto
}

.box--carousel.cat-twitter .logo-twitter {
  color: #55acee;
  font-size: 1.7em;
  position: absolute;
  right: 20px;
  top: 10px
}

.box--carousel.cat-twitter .carousel--tiny {
  height: 120px;
  margin: 20px 0 10px
}

.box--carousel.cat-twitter a {
  color: #55acee;
  text-decoration: none
}

.box--carousel.cat-twitter .button {
  background-color: #55acee;
  color: #fff
}

.box--carousel.cat-twitter .avatar, .box--carousel.cat-twitter img {
  position: absolute;
  height: auto;
  margin: 0;
  width: 40px;
  top: 0;
  left: 0
}

.box--carousel.cat-twitter .text {
  display: block;
  padding-left: 50px
}

.box--carousel.cat-twitter .carousel--tiny .dots button.is-current {
  background-color: #55acee
}

.box--carousel.cat-twitter.twitter-mobile-feed img {
  display: block
}

.box--carousel.cat-twitter.twitter-mobile-feed .text {
  font-size: .875em;
  line-height: 1.285714286
}

.box--carousel.cat-infos {
  min-height: 230px
}

.box--carousel.cat-infos .box__title {
  font-size: .75em;
  margin-bottom: 20px;
  font-weight: 900
}

.box--carousel.cat-infos .box__title a {
  text-decoration: none
}

.box--carousel.cat-infos.afp {
  min-height: 260px;
  background: #fff url(../images/layout/map-afp-thumbnail.png) bottom center no-repeat
}

.box--carousel.cat-infos.afp .carousel--tiny {
  height: 155px
}

.box--carousel.cat-infos.afp .arrows {
  display: block
}

.box--carousel.cat-infos.afp .pane-selectors {
  display: none
}

.box--carousel.cat-infos h2 {
  margin-bottom: 7px
}

@media only screen and (min-width: 48em) {
  .box--carousel.cat-infos h2 {
    margin-bottom: 15px
  }
}

.box--carousel.cat-infos .today {
  color: #3094b5;
  font-size: 1.2em
}

@media only screen and (min-width: 48em) {
  .box--carousel.cat-infos .today {
    font-size: 1.875em
  }
}

.box--carousel.cat-infos .today b {
  font-weight: 900
}

.box--carousel.cat-infos .carousel--tiny {
  border: 0
}

.box--carousel.cat-infos .article-item {
  padding: 7px 20px 16px 0
}

@media only screen and (min-width: 48em) {
  .box--carousel.cat-infos .article-item {
    padding: 16px 20px 16px 0
  }
}

.box--carousel.cat-infos h3 {
  font-size: .813em;
  font-weight: 400
}

.box--carousel.cat-infos h3 a {
  color: #515253
}

.box--carousel.cat-infos h3 a strong {
  color: #282828
}

.box--carousel.cat-infos cite {
  color: #3094b5;
  font-size: .75em;
  font-style: italic
}

.box--carousel.cat-infos hr {
  border: 0;
  border-top: 1px solid #e1e1e1;
  margin: 0;
  width: 260px
}

.box--carousel.cat-infos .arrows button {
  color: #3094b5
}

.box--carousel.cat-community .article-item {
  padding: 16px 20px 16px 0
}

.box--carousel.cat-community h3 a {
  color: #272727
}

.box--carousel.cat-community blockquote {
  font-size: .875em
}

.box--carousel.cat-community hr {
  border: 0;
  border-top: 1px solid #e1e1e1;
  margin: 0;
  width: 260px
}

@media only screen and (min-width: 48em) {
  .box--carousel.cat-community .arrows {
    top: 12px
  }

  .box--carousel.cat-community .arrows button {
    color: #e7763f
  }
}

.lt-ie9 .box--carousel.cat-articles button.is-disabled {
  color: #ffb4b0
}

.lt-ie9 .box--carousel.cat-video button.is-disabled, .lt-ie9 .box--carousel.cat-videos-occupations button.is-disabled {
  color: #96de7e
}

.lt-ie9 .box--carousel.cat-diapos button.is-disabled {
  color: #ffb0d4
}

.lt-ie9 .box--carousel.cat-focus button.is-disabled {
  color: #e6b0ff
}

.box--carousel.cat-infos h2 a {
  color: #3094b5
}

.box--carousel.cat-infos a.button {
  background: #3094b5
}

.lt-ie9 .box--carousel.cat-infos button.is-disabled {
  color: #b0ebff
}

.lt-ie9 .box--carousel.cat-pe button.is-disabled {
  color: #b2b2b2
}

.box--carousel.cat-actions h2 a {
  color: #765aa5
}

.box--carousel.cat-actions a.button {
  background: #765aa5
}

.lt-ie9 .box--carousel.cat-actions button.is-disabled {
  color: #cdb0ff
}

.box--carousel.cat-agenda h2 a, .lt-ie9 .box--carousel.cat-agenda button.is-disabled {
  color: #b0deff
}

.box--carousel.cat-community h2 a {
  color: #e7763f
}

.box--carousel.cat-community a.button {
  background: #e7763f
}

.lt-ie9 .box--carousel.cat-community button.is-disabled {
  color: #ffcab0
}

.lt-ie9 .box--carousel.cat-conferences button.is-disabled, .lt-ie9 .box--carousel.cat-resources button.is-disabled {
  color: #b0ebff
}

.lt-ie9 .box--carousel.cat-enseignement button.is-disabled {
  color: #b0fffa
}

.lt-ie9 .box--carousel.cat-support-cours button.is-disabled {
  color: #ffb0c4
}

.lt-ie9 .box--carousel.cat-publication button.is-disabled {
  color: #b0e2ff
}

.box--carousel .arrows {
  position: absolute;
  right: 20px
}

.box--carousel .arrows button {
  background: 0 0;
  border: 0;
  height: 26px;
  outline: 0;
  padding: 0
}

.box--carousel .arrows button.previous {
  margin-right: 12px
}

.box--carousel .arrows button.is-disabled {
  filter: alpha(Opacity=50);
  opacity: .5;
  cursor: default
}

.box--carousel .arrows button .glyph {
  font-size: 26px
}

@media only screen and (min-width: 48em) {
  .box--carousel .arrows {
    display: block
  }

  .box--carousel .dots {
    display: none
  }

  .box--carousel .button-group {
    text-align: left
  }

  .box--carousel.cat-twitter {
    display: none
  }
}

.box__title {
  font-size: .75em;
  margin-bottom: 20px;
  text-transform: uppercase
}

.box__title a {
  text-decoration: none;
  color: #3094b5
}

.cat-infos.cat-afp .box__title {
  font-weight: 900
}

.cat-infos.box--carousel .box__title, .cat-infos.box--data .box__title {
  text-transform: uppercase;
  font-weight: 700
}

@media screen and (max-width: 39.938em) {
  .cat-infos.box--data .box__title {
    text-align: center
  }
}

.cat-infos.agenda .box__title {
  text-transform: none
}

.box--agenda {
  height: 100px
}

.box--agenda img {
  display: none
}

.box--agenda .content {
  background: #fff;
  overflow: hidden;
  position: relative
}

.box--agenda .date {
  margin-right: 10px
}

.box--agenda .article-name {
  font-size: .875em;
  font-weight: 400;
  line-height: 1.285714286;
  padding: 10px;
  text-align: center
}

.box--agenda a {
  color: #515253;
  display: block;
  text-decoration: none
}

.box--agenda .location {
  bottom: 10px;
  left: 110px;
  position: absolute
}

.cat-articles .box--agenda .location {
  color: #d64039
}

.cat-video .box--agenda .location, .cat-videos-occupations .box--agenda .location {
  color: #218700
}

.cat-diapos .box--agenda .location {
  color: #c8437f
}

.cat-focus .box--agenda .location {
  color: #77478d
}

.cat-infos .box--agenda .location {
  color: #3094b5
}

.cat-pe .box--agenda .location {
  color: #272727
}

.cat-actions .box--agenda .location {
  color: #765aa5
}

.cat-agenda .box--agenda .location {
  color: #4996cc
}

.cat-community .box--agenda .location {
  color: #e7763f
}

.cat-conferences .box--agenda .location, .cat-resources .box--agenda .location {
  color: #3094b5
}

.cat-enseignement .box--agenda .location {
  color: #2a837d
}

.cat-support-cours .box--agenda .location {
  color: #b92c4f
}

.cat-publication .box--agenda .location {
  color: #11699c
}

.box--agenda .toolbar {
  bottom: 0;
  right: 0
}

@media only screen and (min-width: 48em) {
  .box--agenda {
    height: 300px
  }

  .box--agenda img {
    display: block
  }

  .box--agenda .location {
    left: auto;
    right: 10px
  }

  .box--agenda .toolbar {
    bottom: auto;
    top: 0;
    right: 0
  }
}

.box--filters {
  background: #fff;
  height: 50px;
  overflow: visible;
  z-index: 1
}

.box--filters:after, .box--filters:before {
  content: " ";
  display: table
}

.box--filters:after {
  clear: both
}

.lt-ie8 .box--filters {
  *zoom: 1
}

.box--filters .count {
  font-weight: 700;
  text-transform: uppercase
}

.box--filters .count br {
  display: none
}

.box--filters .accordion--partial, .box--filters .count {
  float: left;
  width: 50%;
  height: 100%
}

.box--filters .accordion-heading b, .box--filters .count {
  font-size: .8em
}

.box--filters .accordion-heading b, .box--filters .count, .box--filters .digit {
  line-height: 3.571428571
}

.box--filters .accordion-heading b, .box--filters .digit {
  margin-left: 20px
}

.box--filters .digit {
  font-size: 1em
}

.box--filters .dispensable {
  display: none
}

.box--filters .accordion-heading {
  color: #fff;
  text-transform: uppercase
}

.box--filters .accordion-heading b {
  display: block
}

.box--filters .accordion-content {
  display: none;
  left: 0;
  padding: 20px;
  position: absolute;
  right: 0;
  top: 50px
}

.box--filters .accordion-content .form-group, .box--filters .accordion-content .form-inline-group {
  margin-top: 10px
}

.box--filters .accordion-content .form-group:first-child, .box--filters .accordion-content .form-inline-group:first-child {
  margin-top: 0
}

.box--filters .form-group label, .box--filters .form-inline-group label {
  color: #fff
}

.box--filters .form-inline-group:after, .box--filters .form-inline-group:before {
  content: " ";
  display: table
}

.box--filters .form-inline-group:after {
  clear: both
}

.lt-ie8 .box--filters .form-inline-group {
  *zoom: 1
}

.box--filters .form-inline-group .selectpicker, .box--filters .form-inline-group label {
  float: left
}

.box--filters .form-inline-group label {
  line-height: 2.833333333;
  margin-bottom: 0;
  width: 80px
}

.box--filters .form-inline-group label .lt-ie9 {
  width: 90px
}

.box--filters .form-inline-group .selectpicker {
  width: 180px
}

.box--filters .form-inline-group .selectpicker .lt-ie9 {
  width: 170px
}

.box--filters.cat-resources .form-group {
  margin-top: 15px
}

.box--filters.cat-resources .form-group label {
  margin-bottom: 0;
  width: 100%
}

.box--filters .custom-checkbox label {
  color: #fff;
  font-size: .625em
}

.box--filters .custom-checkbox .label-text {
  padding-top: 3px;
  height: 12px;
  font-size: 1.1em
}

.box--filters.cat-infos .count {
  color: #3094b5
}

.box--filters.cat-infos .accordion--partial, .box--filters.cat-infos .accordion-content {
  background: #3094b5
}

.box--filters.cat-agenda .count {
  color: #4996cc
}

.box--filters.cat-agenda .accordion--partial, .box--filters.cat-agenda .accordion-content {
  background: #4996cc
}

.box--filters.cat-resources .count {
  color: #3094b5
}

.box--filters.cat-resources .accordion--partial, .box--filters.cat-resources .accordion-content {
  background: #3094b5
}

@media only screen and (min-width: 48em) {
  .box--filters {
    height: 270px;
    padding: 15px 20px;
    width: 260px
  }

  .box--filters.box--two-filters .form-group {
    margin-top: 30px !important
  }

  .box--filters .accordion--partial, .box--filters .count {
    float: none;
    width: auto;
    height: auto
  }

  .box--filters .count {
    font-size: 1.25em;
    line-height: 1.3;
    margin-bottom: 10px
  }

  .box--filters .count:after, .box--filters .count:before {
    content: " ";
    display: table
  }

  .box--filters .count:after {
    clear: both
  }

  .lt-ie8 .box--filters .count {
    *zoom: 1
  }

  .box--filters .digit {
    float: left;
    font-size: 3em;
    letter-spacing: -1px;
    line-height: 1;
    margin: -6px 0 0 -5px;
    width: 85px
  }

  .box--filters .dispensable {
    display: inline
  }

  .box--filters .accordion-heading {
    display: none
  }

  .box--filters .accordion-content {
    display: block;
    padding: 0;
    position: static
  }

  .box--filters .custom-checkbox label {
    color: #5a5a57 !important
  }

  .box--filters.cat-infos label {
    color: #3094b5
  }

  .box--filters.cat-infos .accordion--partial, .box--filters.cat-infos .accordion-content {
    background: 0 0
  }

  .box--filters.cat-agenda label {
    color: #4996cc
  }

  .box--filters.cat-agenda .accordion--partial, .box--filters.cat-agenda .accordion-content {
    background: 0 0
  }

  .box--filters.cat-resources label {
    color: #3094b5
  }

  .box--filters.cat-resources .accordion--partial, .box--filters.cat-resources .accordion-content {
    background: 0 0
  }
}

.box--contributor-profile img {
  left: 0;
  width: auto
}

@media only screen and (min-width: 60em) {
  .box--carousel .button, .box--data .button {
    -webkit-transition: background 100ms ease false;
    -moz-transition: background 100ms ease false false;
    -o-transition: background 100ms ease false false;
    transition: background 100ms ease
  }

  .box--carousel .button:hover, .box--data .button:hover {
    background: #036a8c
  }
}

@media only screen and (min-width: 48em) {
  .lt-ie9.no-touch .main .box--article .content, .lt-ie9.no-touch .main--modal .box--article .content {
    top: 0
  }

  .lt-ie9.no-touch .main .box--article:hover .content, .lt-ie9.no-touch .main--modal .box--article:hover .content {
    top: -200px
  }
}

.button--submit, a.button, button.button, button.button--cancel, span.button {
  background: #3094b5;
  color: #fff;
  display: inline-block;
  font-size: .75em;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1;
  margin-left: 10px;
  padding: 9px;
  -webkit-transition: background 100ms ease false;
  -moz-transition: background 100ms ease false false;
  -o-transition: background 100ms ease false false;
  transition: background 100ms ease
}

.lt-ie9 .button--submit, .lt-ie9 a.button, .lt-ie9 button.button, .lt-ie9 button.button--cancel, .lt-ie9 span.button {
  font-size: .65em
}

.button--teachers.button--submit, .teachers .button--submit, .teachers a.button, .teachers button.button, .teachers button.button--cancel, .teachers span.button, a.button--teachers.button, button.button--teachers.button, button.button--teachers.button--cancel, span.button--teachers.button {
  background: #3094b5
}

a.button {
  text-decoration: none
}

.header a.button {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px
}

button.button {
  border: 0
}

.header button.button {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px
}

span.button {
  display: inline-block;
  background: 0 0;
  text-decoration: underline;
  padding-right: 20px
}

span.button:active, span.button:focus, span.button:hover {
  background: 0 0
}

.button--adaptable {
  background: #fff;
  display: block;
  font-size: .75em;
  font-weight: 700;
  line-height: 4.166666667;
  margin-left: 10px;
  padding: 0 20px;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: background 100ms ease false;
  -moz-transition: background 100ms ease false false;
  -o-transition: background 100ms ease false false;
  transition: background 100ms ease
}

@media only screen and (min-width: 48em) {
  .button--adaptable {
    display: inline-block;
    line-height: 1;
    padding: 9px
  }
}

.button--submit {
  border: 0;
  padding: 7.5px 9px
}

.header .button--submit {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 9px
}

a.button--cancel {
  color: #515253;
  font-size: .8em;
  padding: 7.5px 9px
}

.button-group, .button-group--center, .button-group--right {
  margin-left: -10px
}

.button-group--center {
  text-align: center
}

.button-group--right {
  text-align: right
}

.breadcrumb {
  display: none
}

@media only screen and (min-width: 48em) {
  .breadcrumb {
    margin: 5px 10px 15px;
    color: #a0a0a0;
    display: block;
    font-size: .75em;
    height: 12px
  }

  .teachers .breadcrumb {
    margin: 20px 140px 25px
  }

  .breadcrumb a {
    color: #a0a0a0
  }

  .breadcrumb .glyph {
    font-size: 7px;
    font-weight: 700;
    margin: 0 4px
  }
}

@media only screen and (min-width: 60em) {
  .teachers .breadcrumb {
    margin-left: 225px;
    margin-right: 225px
  }
}

.contact-us {
  padding-bottom: 0
}

.contact-us .block {
  margin-bottom: 0
}

.contact-us .form-group {
  width: 260px
}

@media (min-width: 768px) {
  .contact-us .form-group {
    width: 300px
  }
}

.contact-us .form-inline-group {
  margin-top: 15px
}

.contact-us .label-text {
  padding-top: 2px
}

.contact-us .final-step {
  margin: 0 10px
}

.contact-us .final-step label {
  margin-bottom: 0
}

.contact-us .final-step .label-text {
  line-height: 1.166666667;
  padding-top: 1px
}

.contact-us .form-infos {
  margin-bottom: 10px
}

.contact-us .form-infos .cnil-statement {
  font-weight: 400
}

.contact-us .form-infos .form-group {
  width: auto
}

.contact-us textarea {
  max-width: 900px
}

.contact-us .legend + p {
  margin: 10px 20px;
  font-size: .875em;
  line-height: 1.3
}

.contact-simple .left, .contact-simple .right {
  float: left;
  padding-bottom: 20px
}

.contact-simple .form-group, .contact-simple .left, .contact-simple .right {
  width: 100%
}

.contact-simple .form-inline-group textarea {
  height: 110px
}

@media only screen and (min-width: 48em) {
  .contact-simple .left {
    width: 300px
  }

  .contact-simple .form-group, .contact-simple .right {
    width: 275px
  }
}

@media only screen and (min-width: 60em) {
  .contact-simple .left {
    width: 50%
  }
}

.cat-articles .contact-simple .button--submit {
  background: #d64039
}

.cat-articles .contact-simple:active .button--submit, .cat-articles .contact-simple:focus .button--submit, .cat-articles .contact-simple:hover .button--submit {
  background: #8c0a03
}

.cat-videos-occupations .contact-simple .button--submit {
  background: #218700
}

.cat-videos-occupations .contact-simple:active .button--submit, .cat-videos-occupations .contact-simple:focus .button--submit, .cat-videos-occupations .contact-simple:hover .button--submit {
  background: #206b0b
}

.cat-video .contact-simple .button--submit {
  background: #218700
}

.cat-video .contact-simple:active .button--submit, .cat-video .contact-simple:focus .button--submit, .cat-video .contact-simple:hover .button--submit {
  background: #206b0b
}

.cat-diapos .contact-simple .button--submit {
  background: #c8437f
}

.cat-diapos .contact-simple:active .button--submit, .cat-diapos .contact-simple:focus .button--submit, .cat-diapos .contact-simple:hover .button--submit {
  background: #8c0341
}

.cat-focus .contact-simple .button--submit {
  background: #77478d
}

.cat-focus .contact-simple:active .button--submit, .cat-focus .contact-simple:focus .button--submit, .cat-focus .contact-simple:hover .button--submit {
  background: #61038c
}

.cat-infos .contact-simple .button--submit {
  background: #3094b5
}

.cat-infos .contact-simple:active .button--submit, .cat-infos .contact-simple:focus .button--submit, .cat-infos .contact-simple:hover .button--submit {
  background: #036a8c
}

.cat-pe .contact-simple .button--submit {
  background: #272727
}

.cat-pe .contact-simple:active .button--submit, .cat-pe .contact-simple:focus .button--submit, .cat-pe .contact-simple:hover .button--submit {
  background: #000
}

.cat-actions .contact-simple .button--submit {
  background: #765aa5
}

.cat-actions .contact-simple:active .button--submit, .cat-actions .contact-simple:focus .button--submit, .cat-actions .contact-simple:hover .button--submit {
  background: #35038c
}

.cat-agenda .contact-simple .button--submit {
  background: #4996cc
}

.cat-agenda .contact-simple:active .button--submit, .cat-agenda .contact-simple:focus .button--submit, .cat-agenda .contact-simple:hover .button--submit {
  background: #03538c
}

.cat-community .contact-simple .button--submit {
  background: #e7763f
}

.cat-community .contact-simple:active .button--submit, .cat-community .contact-simple:focus .button--submit, .cat-community .contact-simple:hover .button--submit {
  background: #8c3103
}

.cat-conferences .contact-simple .button--submit {
  background: #3094b5
}

.cat-conferences .contact-simple:active .button--submit, .cat-conferences .contact-simple:focus .button--submit, .cat-conferences .contact-simple:hover .button--submit {
  background: #036a8c
}

.cat-resources .contact-simple .button--submit {
  background: #3094b5
}

.cat-resources .contact-simple:active .button--submit, .cat-resources .contact-simple:focus .button--submit, .cat-resources .contact-simple:hover .button--submit {
  background: #036a8c
}

.cat-enseignement .contact-simple .button--submit {
  background: #2a837d
}

.cat-enseignement .contact-simple:active .button--submit, .cat-enseignement .contact-simple:focus .button--submit, .cat-enseignement .contact-simple:hover .button--submit {
  background: #125e59
}

.cat-support-cours .contact-simple .button--submit {
  background: #b92c4f
}

.cat-support-cours .contact-simple:active .button--submit, .cat-support-cours .contact-simple:focus .button--submit, .cat-support-cours .contact-simple:hover .button--submit {
  background: #951937
}

.cat-publication .contact-simple .button--submit {
  background: #11699c
}

.cat-publication .contact-simple:active .button--submit, .cat-publication .contact-simple:focus .button--submit, .cat-publication .contact-simple:hover .button--submit {
  background: #004268
}

.date {
  color: #fff;
  float: left;
  font-size: .8125em;
  height: 100px;
  text-align: center;
  text-transform: uppercase;
  width: 100px
}

.date-single:before {
  content: '';
  display: inline-block;
  height: 100%;
  margin-right: -.25em;
  vertical-align: middle
}

.date-single b {
  display: block;
  font-size: 2.153846154em
}

.date-single span {
  display: block;
  margin-top: 2px
}

.date-multiple {
  height: 85px;
  padding-top: 15px;
  position: relative
}

.date-multiple:after {
  background: #88badc;
  content: '';
  display: block;
  height: 1px;
  left: 10px;
  position: absolute;
  top: 50%;
  width: 80px
}

.date-centered {
  display: inline-block;
  vertical-align: middle
}

.date-row {
  display: table;
  font-size: 13px;
  height: 30px;
  width: 100%
}

.date-row span {
  display: table-cell;
  padding-left: 4px;
  text-align: left;
  vertical-align: bottom;
  width: 50%
}

.date-row span:first-child {
  font-size: 30px;
  font-weight: 700;
  padding-left: 0;
  padding-right: 4px;
  text-align: right
}

.date-row + .date-row {
  margin-top: 8px
}

.cat-articles .date {
  background: #d64039
}

.cat-video .date, .cat-videos-occupations .date {
  background: #218700
}

.cat-diapos .date {
  background: #c8437f
}

.cat-focus .date {
  background: #77478d
}

.cat-infos .date {
  background: #3094b5
}

.cat-pe .date {
  background: #272727
}

.cat-actions .date {
  background: #765aa5
}

.cat-agenda .date {
  background: #4996cc
}

.cat-community .date {
  background: #e7763f
}

.cat-conferences .date, .cat-resources .date {
  background: #3094b5
}

.cat-enseignement .date {
  background: #2a837d
}

.cat-support-cours .date {
  background: #b92c4f
}

.cat-publication .date {
  background: #11699c
}

.deconnection {
  margin-bottom: 15px;
  text-align: center
}

.deconnection a {
  color: #5a5a57;
  font-size: .75em
}

.deconnection a:hover {
  text-decoration: underline
}

.deconnection a span {
  font-size: 8px;
  margin-right: 5px
}

@media only screen and (min-width: 48em) {
  .deconnection {
    display: none
  }
}

.delivery .block {
  padding-bottom: 20px
}

.delivery fieldset + fieldset .fields {
  margin-top: -5px;
  padding-top: 0
}

.delivery .title-selection {
  width: 66%
}

.delivery .form-inline-group {
  margin: 10px 0
}

.delivery .form-inline-group:after, .delivery .form-inline-group:before {
  content: " ";
  display: table
}

.delivery .form-inline-group:after {
  clear: both
}

.lt-ie8 .delivery .form-inline-group {
  *zoom: 1
}

.delivery .form-inline-group .numberpicker {
  float: left;
  margin-right: 10px;
  width: 82px
}

.delivery .form-inline-group .numberpicker + input[type=text] {
  width: 168px
}

.delivery .delivery-warning {
  margin-bottom: 20px;
  padding: 0 20px 0 105px;
  position: relative
}

.delivery .delivery-warning .glyph {
  color: #5a5a57;
  font-size: 50px;
  left: 20px;
  margin-top: -25px;
  position: absolute;
  top: 50%
}

.delivery .delivery-warning p {
  font-size: .9375em;
  font-weight: 700;
  line-height: 1.2
}

.delivery .final-step {
  text-align: center;
  padding-bottom: 10px
}

.delivery .final-step > p {
  color: #737373;
  font-size: .75em;
  line-height: 1.333333333;
  margin-bottom: 20px;
  padding: 0 20px
}

.delivery .final-step label {
  margin-bottom: 15px
}

.delivery .final-step .label-text {
  line-height: 1.166666667;
  padding-top: 1px
}

.delivery .final-step > a {
  color: #a0a0a0;
  display: inline-block;
  font-size: .75em;
  margin-top: 10px
}

.delivery .final-step .total-address {
  margin-bottom: 20px
}

.delivery .form-infos {
  padding: 0 20px;
  text-align: left
}

.delivery .form-infos .mandatory {
  margin-top: 10px
}

@media only screen and (min-width: 48em) {
  .delivery fieldset {
    float: left;
    width: 50%
  }

  .delivery fieldset + fieldset {
    float: right
  }

  .delivery fieldset + fieldset .fields {
    margin-top: 0;
    padding-top: 20px
  }

  .delivery .form-inline-group .numberpicker {
    width: 85px
  }

  .delivery .form-inline-group .numberpicker + input[type=text] {
    width: 175px
  }

  .delivery .delivery-warning {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-top: -5px;
    width: 50%
  }

  .delivery .final-step {
    clear: both
  }
}

@media only screen and (min-width: 60em) {
  .delivery fieldset {
    width: 340px
  }

  .delivery fieldset + fieldset {
    margin-right: 130px
  }

  .delivery .form-inline-group .numberpicker {
    width: 95px
  }

  .delivery .form-inline-group .numberpicker + input[type=text] {
    width: 195px
  }

  .delivery .delivery-warning {
    width: 340px
  }
}

.dock:after, .dock:before {
  content: " ";
  display: table
}

.dock:after {
  clear: both
}

.lt-ie8 .dock {
  *zoom: 1
}

.dock button {
  background: #313131;
  border: 0;
  border-right: 1px solid #272727;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #c9c9c9;
  float: left;
  height: 45px;
  padding: 0;
  width: 25%
}

.dock button:disabled {
  color: #464646
}

.dock .add {
  font-size: 22px
}

.dock .top {
  font-size: 20px
}

.dock .share {
  display: block
}

.dock .text-resizer {
  float: left;
  width: 50%
}

.dock .text-resizer button {
  color: #c9c9c9;
  width: 50%
}

.dock .text-resizer .increase {
  border-right: 0
}

@media only screen and (min-width: 48em) {
  .dock {
    display: none
  }
}

.error {
  padding-bottom: 20px;
  padding-top: 20px
}

.error h2 {
  font-size: .9375em;
  padding-bottom: 20px;
  text-transform: uppercase
}

.error.cat-articles h2 {
  color: #d64039
}

.error.cat-video h2, .error.cat-videos-occupations h2 {
  color: #218700
}

.error.cat-diapos h2 {
  color: #c8437f
}

.error.cat-focus h2 {
  color: #77478d
}

.error.cat-infos h2 {
  color: #3094b5
}

.error.cat-pe h2 {
  color: #272727
}

.error.cat-actions h2 {
  color: #765aa5
}

.error.cat-agenda h2 {
  color: #4996cc
}

.error.cat-community h2 {
  color: #e7763f
}

.error.cat-conferences h2, .error.cat-resources h2 {
  color: #3094b5
}

.error.cat-enseignement h2 {
  color: #2a837d
}

.error.cat-support-cours h2 {
  color: #b92c4f
}

.error.cat-publication h2 {
  color: #11699c
}

.filters {
  margin-bottom: 15px;
  padding: 15px 20px 20px;
  position: relative;
  z-index: 2
}

.filters form {
  margin-left: -10px
}

.filters .form-group + .form-group, .filters fieldset + fieldset {
  margin-top: 15px
}

.filters b, .filters label {
  color: #515253;
  display: block;
  font-size: .825em;
  margin-left: 10px;
  text-transform: uppercase
}

.filters label {
  font-weight: 900
}

.filters .custom-datepicker input[type=date]:before, .filters .custom-datepicker input[type=date]:focus:before {
  content: "" !important
}

.filters .custom-datepicker input[type=date]:before {
  content: attr(placeholder) !important;
  text-transform: none;
  font-size: 1.25em;
  color: #515253;
  font-weight: 400;
  line-height: 1.65;
  display: inline-block;
  padding-top: 4px
}

.filters .custom-datepicker, .filters .letter-select, .filters .selectpicker {
  margin: 10px 0 0 10px
}

.lt-ie9 .filters .custom-datepicker input[type=text] {
  font-size: .75em;
  padding-top: 8px
}

@media only screen and (min-width: 48em) {
  .filters:after, .filters:before {
    content: " ";
    display: table
  }

  .filters:after {
    clear: both
  }

  .lt-ie8 .filters {
    *zoom: 1
  }

  .filters .form-group + .form-group {
    margin-top: 0
  }

  .filters .custom-datepicker, .filters .letter-select, .filters .selectpicker {
    float: left;
    width: 285px
  }

  .filters .date-range {
    width: 570px;
    margin: 0 auto;
    position: relative
  }

  .filters .date-range:after, .filters .date-range:before {
    content: " ";
    display: table
  }

  .filters .date-range:after {
    clear: both
  }

  .lt-ie8 .filters .date-range {
    *zoom: 1
  }

  .filters .date-range .form-group {
    float: left
  }

  .filters .date-range .custom-datepicker, .filters .date-range .selectpicker {
    float: left;
    width: 285px
  }

  .filters .date-range .filter-submit {
    display: inline-block;
    float: left;
    position: absolute;
    right: -13px;
    top: 3px;
    outline: 0
  }

  .filters label {
    float: left;
    padding-top: 20px
  }

  .filters .custom-datepicker input[type=text] {
    line-height: .75;
    color: #515253
  }

  .filters .custom-datepicker input[type=text].placeholder {
    text-transform: none;
    font-size: 14px;
    color: #515253;
    font-weight: 400;
    padding-top: 0;
    overflow: auto
  }

  .filters .custom-datepicker input[type=text]:-moz-placeholder {
    text-transform: none;
    font-size: 14px;
    color: #515253;
    font-weight: 400;
    padding-top: 0;
    overflow: auto
  }

  .filters .custom-datepicker input[type=text]::-moz-placeholder {
    text-transform: none;
    font-size: 14px;
    color: #515253;
    font-weight: 400;
    padding-top: 0;
    overflow: auto
  }

  .filters .custom-datepicker input[type=text]:-ms-input-placeholder {
    text-transform: none;
    font-size: 14px;
    color: #515253;
    font-weight: 400;
    padding-top: 0;
    overflow: auto
  }

  .filters .custom-datepicker input[type=text]::-webkit-input-placeholder {
    text-transform: none;
    font-size: 14px;
    color: #515253;
    font-weight: 400;
    padding-top: 0;
    overflow: auto
  }

  .filters .custom-datepicker .hasDatepicker {
    background: #FFF;
    border: 1px solid #e7e7e7
  }
}

@media only screen and (min-width: 60em) {
  .filters fieldset {
    float: right
  }

  .filters fieldset:first-child {
    float: left
  }

  .filters fieldset + fieldset {
    margin-top: 0
  }

  .filters .custom-datepicker, .filters .letter-select, .filters .selectpicker {
    width: 217.5px
  }

  .filters .date-range .custom-datepicker, .filters .date-range .selectpicker {
    float: left;
    width: 145px
  }

  .filters .date-range .filter-submit {
    right: 0
  }

  .filters .date-range .filter-submit:hover {
    background: #004268
  }
}

.filters.filters--shorter fieldset:first-child {
  display: none
}

@media only screen and (min-width: 48em) {
  .filters.filters--shorter form:after, .filters.filters--shorter form:before {
    content: " ";
    display: table
  }

  .filters.filters--shorter form:after {
    clear: both
  }

  .lt-ie8 .filters.filters--shorter form {
    *zoom: 1
  }

  .filters.filters--shorter fieldset {
    float: none
  }

  .filters.filters--shorter fieldset + fieldset {
    margin-top: 0
  }

  .filters.filters--shorter .selectpicker {
    width: 187px
  }

  .filters.filters--shorter .date-range .custom-datepicker {
    width: 186px;
    text-transform: none
  }
}

@media only screen and (min-width: 60em) {
  .filters.filters--shorter .selectpicker {
    width: 217.5px
  }

  .filters.filters--shorter .date-range .custom-datepicker {
    width: 171px
  }
}

@media only screen and (min-width: 48em) {
  .lt-ie9 .filters .custom-datepicker input[type=text] {
    line-height: 2.15;
    font-size: .9em
  }
}

.formatted-form .legend {
  color: #3094b5;
  font-size: .875em;
  padding: 20px 20px 10px;
  text-transform: uppercase
}

.formatted-form .fields {
  padding: 20px
}

.formatted-form .label, .formatted-form label {
  color: #5a5a57;
  display: inline-block;
  font-size: .75em;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase
}

.formatted-form .label.other-field, .formatted-form label.other-field {
  text-transform: none
}

.formatted-form .label .asterisk, .formatted-form label .asterisk {
  font-size: 1.2em;
  vertical-align: top
}

.formatted-form .warning .label, .formatted-form .warning label {
  color: #d84343
}

.formatted-form .form-group {
  margin-top: 15px
}

.formatted-form .form-group:first-child {
  margin-top: 0
}

.formatted-form .form-group.warning .bootstrap-select .btn-default {
  border-color: #d84343
}

.formatted-form .form-group.error {
  text-align: left;
  padding-top: 0
}

.formatted-form .all-required {
  color: #d84343;
  font-size: .75em;
  font-weight: 700;
  margin-left: 20px;
  margin-top: 10px
}

.lt-ie9 .formatted-form input[type=email], .lt-ie9 .formatted-form input[type=password], .lt-ie9 .formatted-form input[type=text] {
  padding-top: 5px;
  font-size: 1em
}

.lt-ie9 .formatted-form .custom-datepicker input[type=text] {
  font-size: .75em;
  padding-top: 8px
}

@media only screen and (min-width: 48em) {
  .formatted-form .legend {
    font-weight: 700
  }

  .formatted-form .all-required {
    float: right;
    margin-right: 20px;
    margin-top: -30px
  }
}

.form-infos {
  margin-top: 15px
}

.form-infos .cnil-statement, .form-infos .total-address {
  font-size: .75em;
  line-height: 1.2
}

.form-infos .cnil-statement {
  text-align: justify
}

.form-infos .cnil-statement a {
  color: #515253
}

.form-infos .mandatory {
  font-size: .75em;
  font-weight: 700;
  line-height: 1;
  margin: 15px 0 20px
}

.lt-ie9 .cat-conferences .form-infos {
  margin: 0 10px 10px !important
}

.forgotten-password .final-step {
  text-align: center
}

.forgotten-password .final-step > a {
  margin-top: 10px
}

@media only screen and (min-width: 48em) {
  .forgotten-password {
    margin: 0 auto;
    width: 520px
  }
}

.grid {
  margin-top: -5px;
  text-align: center
}

.grid:after, .grid:before {
  content: " ";
  display: table
}

.grid:after {
  clear: both
}

.lt-ie8 .grid {
  *zoom: 1
}

.header-list {
  margin: 0 10px 15px;
  text-align: center
}

.filters + .header-list {
  margin-top: 15px
}

.header-list .count {
  font-size: 1.125em
}

.header-list .agreement-switch {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #e7763f;
  border: 0;
  color: #fff;
  display: inline-block;
  margin: 3px 0 15px;
  padding: 10px 0 10px 45px;
  position: relative;
  width: 215px
}

.header-list .agreement-switch span {
  display: inline-block
}

.header-list .agreement-switch .enable {
  display: none
}

.header-list .agreement-switch.is-disabled .enable {
  display: inline-block
}

.header-list .agreement-switch.is-disabled .disable {
  display: none
}

.header-list .agreement-switch .text {
  font-size: .6875em;
  line-height: 1.272727273;
  font-weight: 700;
  text-transform: uppercase
}

.header-list .agreement-switch .glyph {
  font-size: 28px;
  left: 20px;
  line-height: 1;
  position: absolute;
  top: 10px
}

.header-list.cat-articles .count {
  color: #d64039
}

.header-list.cat-video .count, .header-list.cat-videos-occupations .count {
  color: #218700
}

.header-list.cat-diapos .count {
  color: #c8437f
}

.header-list.cat-focus .count {
  color: #77478d
}

.header-list.cat-infos .count {
  color: #3094b5
}

.header-list.cat-pe .count {
  color: #272727
}

.header-list.cat-actions .count {
  color: #765aa5
}

.header-list.cat-agenda .count {
  color: #4996cc
}

.header-list.cat-community .count {
  color: #e7763f
}

.header-list.cat-conferences .count, .header-list.cat-resources .count {
  color: #3094b5
}

.header-list.cat-enseignement .count {
  color: #2a837d
}

.header-list.cat-support-cours .count {
  color: #b92c4f
}

.header-list.cat-publication .count {
  color: #11699c
}

@media only screen and (min-width: 48em) {
  .header-list {
    text-align: left
  }

  .header-list.cat-community:after, .header-list.cat-community:before {
    content: " ";
    display: table
  }

  .header-list.cat-community:after {
    clear: both
  }

  .lt-ie8 .header-list.cat-community {
    *zoom: 1
  }

  .header-list.cat-community .count {
    float: left
  }

  .header-list .count {
    font-size: 1.25em
  }

  .header-list .agreement-switch {
    background: 0 0;
    color: #515253;
    float: right;
    margin-bottom: 0;
    padding: 0;
    width: auto
  }

  .header-list .agreement-switch .text {
    font-size: .75em;
    font-weight: 400;
    line-height: 1.333333333;
    text-decoration: underline;
    text-transform: none
  }

  .header-list .agreement-switch .glyph {
    display: inline-block;
    font-size: 16px;
    margin-right: 6px;
    position: static;
    text-decoration: none;
    vertical-align: top
  }
}

.intervention-request {
  margin-bottom: 10px
}

.intervention-request fieldset {
  margin-bottom: 1px
}

.intervention-request fieldset.select-conference-fields {
  width: 100%
}

.intervention-request fieldset.select-conference-fields * {
  box-sizing: border-box
}

.intervention-request fieldset.select-conference-fields .messages-list {
  text-align: left
}

.intervention-request fieldset.select-conference-fields p {
  margin: 0 0 10px;
  color: #5a5a57;
  font-weight: 600;
  text-transform: uppercase
}

.intervention-request fieldset.select-conference-fields .custom-radio {
  margin: 0;
  padding: 0
}

.intervention-request fieldset.select-conference-fields .custom-radio .label-text, .intervention-request fieldset.select-conference-fields .custom-radio input {
  display: inline-block;
  vertical-align: middle
}

.intervention-request fieldset.select-conference-fields .custom-radio .label-text {
  padding: 0 20px;
  overflow: inherit
}

.intervention-request fieldset.select-conference-fields .custom-radio .glyph {
  margin-top: 4px
}

.intervention-request fieldset.select-conference-fields label {
  margin-bottom: 0;
  padding: 10px 15px 13px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.2;
  white-space: nowrap
}

.intervention-request fieldset.select-conference-fields label.selected {
  background-color: #3094b5;
  color: #FFF;
  font-weight: 700
}

.intervention-request fieldset.select-conference-fields label * {
  white-space: normal
}

@media (max-width: 767px) {
  .intervention-request fieldset.select-conference-fields p {
    margin-left: 0
  }

  .intervention-request fieldset.select-conference-fields .custom-radio {
    margin: 0 0 10px
  }

  .intervention-request fieldset.select-conference-fields .custom-radio .label-text, .intervention-request fieldset.select-conference-fields .custom-radio input {
    vertical-align: top
  }

  .intervention-request fieldset.select-conference-fields .custom-radio .label-text {
    padding: 0 10px
  }

  .intervention-request fieldset.select-conference-fields label {
    padding: 12px;
    font-size: .875em
  }
}

.intervention-request .legend.accordion-heading {
  background: #3094b5;
  color: #fff;
  font-weight: 700;
  padding: 13px 20px
}

.intervention-request .availability {
  margin-top: 10px;
  overflow: hidden
}

.intervention-request .availability .custom-checkbox {
  background-color: #ccc;
  float: left;
  margin-top: 1px;
  padding: 5px;
  padding-right: 0;
  margin-right: 1px;
  width: 124px
}

.intervention-request .availability .custom-checkbox label {
  margin-bottom: 0
}

.intervention-request .availability .custom-checkbox .label-text {
  padding-top: 2px
}

.intervention-request .form-group > input[type=text] + input[type=text] {
  margin-top: 10px
}

.intervention-request .form-inline-group {
  margin: 10px 0
}

.intervention-request .form-inline-group:after, .intervention-request .form-inline-group:before {
  content: " ";
  display: table
}

.intervention-request .form-inline-group:after {
  clear: both
}

.lt-ie8 .intervention-request .form-inline-group {
  *zoom: 1
}

.intervention-request .form-inline-group .numberpicker {
  float: left;
  margin-right: 10px;
  width: 82px
}

.intervention-request .form-inline-group .numberpicker + input[type=text] {
  width: 168px
}

.intervention-request p {
  font-size: .75em;
  line-height: 1.333333333;
  margin-top: 15px
}

.intervention-request p .label {
  font-size: 1em;
  line-height: 1
}

.intervention-request p.cnil-statement {
  font-size: .75em
}

.intervention-request p.convention {
  text-align: justify
}

.intervention-request p.convention span {
  display: block
}

.intervention-request .total-address {
  font-size: .75em
}

.intervention-request .final-step {
  padding: 20px;
  margin-bottom: 20px
}

.intervention-request .final-step .custom-checkbox label {
  margin-bottom: 0;
  width: 100%;
  text-transform: none
}

.intervention-request .final-step .custom-checkbox .label-text {
  color: #515253;
  line-height: 1.166666667;
  padding-top: 1px
}

.intervention-request .button--submit {
  border-radius: 0
}

.intervention-request .convention {
  background: #e7e7e7;
  display: block;
  padding: 20px;
  text-align: center
}

.intervention-request .convention a {
  color: inherit
}

.intervention-request .button-group--center {
  margin-top: 20px
}

@media only screen and (min-width: 48em) {
  .intervention-request fieldset {
    float: left;
    margin-bottom: 0;
    width: 50%
  }

  .intervention-request .school-fields {
    float: right
  }

  .intervention-request .legend.accordion-heading {
    background: 0 0;
    color: #3094b5;
    padding: 20px 20px 10px
  }

  .intervention-request .form-inline-group .numberpicker {
    width: 85px
  }

  .intervention-request .form-inline-group .numberpicker + input[type=text] {
    width: 175px
  }

  .intervention-request .final-step {
    clear: both
  }

  .intervention-request .convention {
    margin: 15px auto 0;
    width: 440px
  }

  .intervention-request .form-group .custom-checkbox {
    padding: 5px;
    padding-right: 5px;
    margin-right: 1px
  }
}

@media only screen and (min-width: 60em) {
  .intervention-request fieldset {
    width: 313px
  }

  .intervention-request .school-fields {
    float: left;
    width: 314px
  }

  .intervention-request .form-inline-group .numberpicker {
    width: 77px
  }

  .intervention-request .form-inline-group .numberpicker + input[type=text] {
    width: 187px
  }

  .intervention-request p.convention {
    width: 580px
  }

  .intervention-request p.convention span {
    display: inline
  }

  .intervention-request .form-group .custom-checkbox {
    padding: 5px;
    padding-right: 6px;
    margin-right: 1px
  }
}

.intervention-request + .form-infos-cnil {
  margin: 0 auto;
  max-width: 940px
}

@media (max-width: 960px) {
  .intervention-request + .form-infos-cnil {
    margin: 0 10px
  }
}

.language-selector {
  font-size: .75em;
  position: absolute
}

.language-selector a.language {
  color: #6f6f6f;
  text-transform: uppercase;
  text-decoration: none
}

@media only screen and (min-width: 48em) {
  .language-selector {
    font-size: .75em;
    position: absolute
  }

  .language-selector .language {
    color: #fff;
    font-weight: 700
  }

  .language-selector .language + .language {
    margin-left: 10px
  }

  .language-selector a.language {
    text-indent: 0
  }

  .language-selector a.language:active, .language-selector a.language:focus, .language-selector a.language:hover {
    color: #fff
  }
}

@media (max-width: 59.938em) {
  .header .language-selector {
    top: 10px;
    right: 250px
  }
}

@media (max-width: 47.938em) {
  .language-selector span.language {
    display: none
  }

  .language-selector a.language {
    text-indent: -100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    visibility: hidden
  }

  .language-selector a.language:before {
    content: attr(data-lang-name);
    box-sizing: border-box;
    padding: 10px 15px 15px 20px;
    position: absolute;
    right: 0;
    display: inline-block;
    visibility: visible;
    font-weight: 700
  }

  .header .language-selector {
    top: 0;
    right: 0
  }
}

.forum--discussion .list-container, .list--actions .list-container, .list--cart .list-container, .list--directory .list-container, .list--orders .list-container {
  padding: 0 20px
}

.forum--discussion .list-item, .list--actions .list-item, .list--cart .list-item, .list--directory .list-item, .list--orders .list-item {
  border-top: 1px solid #e1e1e1;
  overflow: hidden;
  padding: 20px 0
}

.forum--discussion .list-item:first-child, .list--actions .list-item:first-child, .list--cart .list-item:first-child, .list--directory .list-item:first-child, .list--orders .list-item:first-child {
  border-top: 0
}

.forum--discussion .list-item .formatted-form .label, .forum--discussion .list-item .formatted-form label, .list--actions .list-item .formatted-form .label, .list--actions .list-item .formatted-form label, .list--cart .list-item .formatted-form .label, .list--cart .list-item .formatted-form label, .list--directory .list-item .formatted-form .label, .list--directory .list-item .formatted-form label, .list--orders .list-item .formatted-form .label, .list--orders .list-item .formatted-form label {
  color: #999894
}

.forum--discussion .list-item-picture, .list--actions .list-item-picture, .list--cart .list-item-picture, .list--directory .list-item-picture, .list--orders .list-item-picture {
  float: left
}

.forum--discussion img, .list--actions img, .list--cart img, .list--directory img, .list--orders img {
  height: auto;
  width: 100%
}

.forum--discussion .list-item-content, .list--actions .list-item-content, .list--cart .list-item-content, .list--directory .list-item-content, .list--orders .list-item-content {
  padding-left: 10px
}

.forum--discussion h5, .list--actions h5, .list--cart h5, .list--directory h5, .list--orders h5 {
  font-size: .8125em;
  font-weight: 400
}

@media only screen and (min-width: 48em) {
  .forum--discussion .list-item-content, .list--actions .list-item-content, .list--cart .list-item-content, .list--directory .list-item-content, .list--orders .list-item-content {
    padding-left: 20px
  }

  .forum--discussion h5, .list--actions h5, .list--cart h5, .list--directory h5, .list--orders h5 {
    font-size: 1.142857143em
  }
}

.list--actions h2 {
  font-size: 1em;
  line-height: 1.125;
  margin-bottom: 15px;
  min-height: 83px;
  overflow: hidden
}

.list--actions h2 a {
  color: #765aa5;
  text-decoration: none;
  font-size: 1.1em
}

.list--actions .list-item-picture {
  width: 100px;
  padding-right: 20px
}

.list--actions .list-item-content span {
  display: block;
  font-size: .75em;
  margin-bottom: 5px;
  line-height: 1.4
}

.list--actions .list-item-content span.fonction {
  font-style: italic;
  color: #765aa5;
  font-size: 1em;
  font-weight: 400
}

.list--actions .list-item-content p {
  font-size: .875em;
  line-height: 1.285714286;
  text-align: justify
}

@media only screen and (min-width: 48em) {
  .list--actions span {
    margin-bottom: 10px
  }

  .list--actions .list-item-picture {
    width: 150px;
    padding-right: 0
  }

  .list--actions .list-item-content {
    overflow: hidden
  }

  .list--actions h2 {
    margin-bottom: 5px;
    min-height: 0
  }
}

.list--directory h2 {
  background: #e7763f;
  color: #fff;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.875;
  text-align: center
}

.list--directory .list-item-picture {
  width: 50px
}

.list--directory .list-item-content {
  color: #272727;
  float: left;
  position: relative;
  width: 200px
}

.list--directory .list-item-content li, .list--directory .list-item-content p {
  font-size: .8125em;
  line-height: 1.230769231
}

.list--directory .list-item-content li {
  margin-top: 10px
}

.list--directory .list-item-content h5, .list--directory .list-item-content span {
  color: #e7763f
}

.list--directory .list-item-content h5 {
  font-size: 1em
}

.list--directory .list-item-content a {
  color: #272727;
  text-decoration: none
}

.list--directory .accordion--partial .accordion-heading {
  padding-right: 15px
}

.list--directory .accordion--partial .accordion-heading.embedded-glyphs:after, .list--directory .accordion--partial .accordion-heading.embedded-glyphs:before {
  background: #e7763f
}

.list--directory h3 {
  color: #272727;
  font-size: .875em;
  margin-bottom: 5px;
  text-transform: uppercase
}

.list--directory .location {
  font-size: .75em;
  margin-top: 15px
}

.list--directory .location .glyph {
  font-size: 14px
}

@media only screen and (min-width: 48em) {
  .list--directory h2 {
    font-size: 1.875em;
    line-height: 2.166666667
  }

  .list--directory .list-item-picture {
    width: 150px
  }

  .list--directory .list-item-content {
    float: none;
    overflow: hidden;
    width: auto
  }

  .list--directory .list-item-content p {
    font-size: .875em
  }

  .list--directory .list-item-content li {
    font-size: .875em;
    line-height: 1.428571429
  }

  .list--directory .list-item-content h5 {
    font-size: 1.142857143em
  }

  .list--directory .accordion--partial .accordion-heading {
    padding-right: 0
  }

  .list--directory .accordion--partial .accordion-heading:after, .list--directory .accordion--partial .accordion-heading:before {
    display: none
  }

  .list--directory h3 {
    font-size: 1.125em
  }

  .list--directory .location {
    font-size: .875em;
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0
  }

  .list--directory .location .glyph {
    font-size: 22px
  }
}

.list--cart .thead {
  display: none
}

.list--cart .list-item:first-child {
  padding-left: 35px
}

.list--cart .numberpicker {
  display: inline-block;
  text-align: center;
  width: 40px
}

.lt-ie9 .list--cart .numberpicker {
  padding-top: 6px;
  font-size: 1em
}

.list--cart .custom-checkbox {
  float: left;
  height: 50px;
  position: relative;
  width: 35px
}

.list--cart .custom-checkbox .glyph {
  left: 0;
  margin-top: -8px;
  position: absolute;
  top: 50%
}

.list--cart .list-item-picture {
  width: 50px
}

.list--cart .list-item-content {
  overflow: hidden
}

.list--cart .list-item-content h3 {
  color: #cf0061;
  font-size: 1em;
  font-weight: 400;
  margin-bottom: 5px
}

.list--cart .list-item-content p {
  color: #5a5a57;
  font-size: .875em;
  line-height: 1.142857143
}

.list--cart .list-item-content .description, .list--cart .list-item-content .quantity {
  margin-bottom: 10px
}

@media only screen and (min-width: 48em) {
  .list--cart .custom-checkbox {
    height: 150px
  }

  .list--cart .list-item-picture {
    width: 150px
  }
}

@media only screen and (min-width: 60em) {
  .list--cart .thead {
    border-bottom: 1px solid #e1e1e1;
    display: block;
    overflow: hidden;
    margin: 0 20px
  }

  .list--cart .thead span {
    color: #cf0061;
    font-size: .875em;
    font-weight: 700;
    float: left;
    line-height: 2.857142857;
    text-transform: uppercase
  }

  .list--cart .product-name {
    margin-left: 35px;
    width: 380px
  }

  .list--cart .description {
    margin-right: 20px;
    width: 190px
  }

  .list--cart .quantity {
    margin-right: 40px;
    text-align: center;
    width: 75px
  }

  .list--cart .notice {
    width: 370px
  }

  .list--cart .list-item-content {
    float: left
  }

  .list--cart .list-item-content h3 {
    display: none
  }

  .list--cart .list-item-content div {
    float: left;
    height: 150px;
    white-space: nowrap
  }

  .list--cart .list-item-content div .numberpicker, .list--cart .list-item-content div p, .list--cart .list-item-content div:before {
    display: inline-block;
    vertical-align: middle
  }

  .list--cart .list-item-content div:before {
    content: '';
    height: 100%;
    margin-right: -.25em
  }

  .list--cart .list-item-content div p {
    line-height: 1.285714286;
    white-space: normal
  }

  .list--cart .list-item-content div .numberpicker {
    white-space: normal
  }

  .list--cart .list-item-content div.description b {
    color: #272727
  }
}

.list--orders .list-container {
  padding: 0
}

.list--orders .list-item-picture {
  width: 50px
}

.list--orders .list-item-content {
  overflow: hidden
}

.list--orders h4 {
  color: #272727;
  font-size: .875em;
  line-height: 1.285714286;
  margin-bottom: 10px
}

.list--orders h4 span {
  color: #5a5a57;
  font-weight: 400
}

.list--orders h5 {
  font-size: 1em;
  margin-bottom: 5px
}

.list--orders p {
  color: #272727;
  font-size: .875em
}

@media only screen and (min-width: 48em) {
  .list--orders .list-item-picture {
    width: 100px
  }
}

.location {
  font-size: .875em
}

.location .glyph {
  font-size: 16px;
  margin-right: 6px
}

.main, .main--modal {
  padding-top: 20px;
  position: relative;
  z-index: 1
}

.main .subtitle, .main--modal .subtitle {
  font-size: .875em;
  margin: -10px auto 15px;
  line-height: 1.571428571;
  text-align: center;
  width: auto
}

.main .subtitle strong, .main--modal .subtitle strong {
  color: #3094b5;
  font-weight: 400
}

.main .subtitle a, .main--modal .subtitle a {
  color: #3094b5
}

@media only screen and (min-width: 48em) {
  .main, .main--modal {
    padding-top: 0
  }

  .main .subtitle, .main--modal .subtitle {
    margin-bottom: 25px
  }
}

.main--modal {
  background: #fff
}

.main--modal .region-share {
  display: none
}

.modal--contact-confirmation, .modal--delete-account, .modal--directory-confirmation, .modal--forgotten-password-confirmation, .modal--forum-terms-of-use, .modal--image, .modal--intervention-confirmation, .modal--newsletter-subscription, .modal--order-confirmation, .modal--password-modification, .modal--registration-confirmation, .modal--reminder-confirmation, .modal--sponsoring, .modal--suggestions, .modal--suggestions-confirmation, .modal--video {
  color: #272727;
  font-size: .875em;
  padding: 0;
  text-align: center;
  width: 100%
}

.block .modal--contact-confirmation, .block .modal--delete-account, .block .modal--directory-confirmation, .block .modal--forgotten-password-confirmation, .block .modal--forum-terms-of-use, .block .modal--image, .block .modal--intervention-confirmation, .block .modal--newsletter-subscription, .block .modal--order-confirmation, .block .modal--password-modification, .block .modal--registration-confirmation, .block .modal--reminder-confirmation, .block .modal--sponsoring, .block .modal--suggestions, .block .modal--suggestions-confirmation, .block .modal--video {
  padding: 0 0 30px;
  width: auto
}

.modal--contact-confirmation .title--top, .modal--delete-account .title--top, .modal--directory-confirmation .title--top, .modal--forgotten-password-confirmation .title--top, .modal--forum-terms-of-use .title--top, .modal--image .title--top, .modal--intervention-confirmation .title--top, .modal--newsletter-subscription .title--top, .modal--order-confirmation .title--top, .modal--password-modification .title--top, .modal--registration-confirmation .title--top, .modal--reminder-confirmation .title--top, .modal--sponsoring .title--top, .modal--suggestions .title--top, .modal--suggestions-confirmation .title--top, .modal--video .title--top {
  font-size: 1.571428571em
}

.modal--contact-confirmation p, .modal--delete-account p, .modal--directory-confirmation p, .modal--forgotten-password-confirmation p, .modal--forum-terms-of-use p, .modal--image p, .modal--intervention-confirmation p, .modal--newsletter-subscription p, .modal--order-confirmation p, .modal--password-modification p, .modal--registration-confirmation p, .modal--reminder-confirmation p, .modal--sponsoring p, .modal--suggestions p, .modal--suggestions-confirmation p, .modal--video p {
  line-height: 1.428571429
}

.modal--contact-confirmation p a, .modal--delete-account p a, .modal--directory-confirmation p a, .modal--forgotten-password-confirmation p a, .modal--forum-terms-of-use p a, .modal--image p a, .modal--intervention-confirmation p a, .modal--newsletter-subscription p a, .modal--order-confirmation p a, .modal--password-modification p a, .modal--registration-confirmation p a, .modal--reminder-confirmation p a, .modal--sponsoring p a, .modal--suggestions p a, .modal--suggestions-confirmation p a, .modal--video p a {
  color: #272727
}

.modal--contact-confirmation p a[href^="mailto:"], .modal--delete-account p a[href^="mailto:"], .modal--directory-confirmation p a[href^="mailto:"], .modal--forgotten-password-confirmation p a[href^="mailto:"], .modal--forum-terms-of-use p a[href^="mailto:"], .modal--image p a[href^="mailto:"], .modal--intervention-confirmation p a[href^="mailto:"], .modal--newsletter-subscription p a[href^="mailto:"], .modal--order-confirmation p a[href^="mailto:"], .modal--password-modification p a[href^="mailto:"], .modal--registration-confirmation p a[href^="mailto:"], .modal--reminder-confirmation p a[href^="mailto:"], .modal--sponsoring p a[href^="mailto:"], .modal--suggestions p a[href^="mailto:"], .modal--suggestions-confirmation p a[href^="mailto:"], .modal--video p a[href^="mailto:"] {
  text-decoration: none
}

.modal--contact-confirmation p + form, .modal--contact-confirmation p + p, .modal--delete-account p + form, .modal--delete-account p + p, .modal--directory-confirmation p + form, .modal--directory-confirmation p + p, .modal--forgotten-password-confirmation p + form, .modal--forgotten-password-confirmation p + p, .modal--forum-terms-of-use p + form, .modal--forum-terms-of-use p + p, .modal--image p + form, .modal--image p + p, .modal--intervention-confirmation p + form, .modal--intervention-confirmation p + p, .modal--newsletter-subscription p + form, .modal--newsletter-subscription p + p, .modal--order-confirmation p + form, .modal--order-confirmation p + p, .modal--password-modification p + form, .modal--password-modification p + p, .modal--registration-confirmation p + form, .modal--registration-confirmation p + p, .modal--reminder-confirmation p + form, .modal--reminder-confirmation p + p, .modal--sponsoring p + form, .modal--sponsoring p + p, .modal--suggestions p + form, .modal--suggestions p + p, .modal--suggestions-confirmation p + form, .modal--suggestions-confirmation p + p, .modal--video p + form, .modal--video p + p {
  margin-top: 20px
}

.modal--contact-confirmation .user-email-address, .modal--delete-account .user-email-address, .modal--directory-confirmation .user-email-address, .modal--forgotten-password-confirmation .user-email-address, .modal--forum-terms-of-use .user-email-address, .modal--image .user-email-address, .modal--intervention-confirmation .user-email-address, .modal--newsletter-subscription .user-email-address, .modal--order-confirmation .user-email-address, .modal--password-modification .user-email-address, .modal--registration-confirmation .user-email-address, .modal--reminder-confirmation .user-email-address, .modal--sponsoring .user-email-address, .modal--suggestions .user-email-address, .modal--suggestions-confirmation .user-email-address, .modal--video .user-email-address {
  color: #3094b5;
  font-weight: 400
}

.modal--contact-confirmation .button, .modal--contact-confirmation .button--submit, .modal--delete-account .button, .modal--delete-account .button--submit, .modal--directory-confirmation .button, .modal--directory-confirmation .button--submit, .modal--forgotten-password-confirmation .button, .modal--forgotten-password-confirmation .button--submit, .modal--forum-terms-of-use .button, .modal--forum-terms-of-use .button--submit, .modal--image .button, .modal--image .button--submit, .modal--intervention-confirmation .button, .modal--intervention-confirmation .button--submit, .modal--newsletter-subscription .button, .modal--newsletter-subscription .button--submit, .modal--order-confirmation .button, .modal--order-confirmation .button--submit, .modal--password-modification .button, .modal--password-modification .button--submit, .modal--registration-confirmation .button, .modal--registration-confirmation .button--submit, .modal--reminder-confirmation .button, .modal--reminder-confirmation .button--submit, .modal--sponsoring .button, .modal--sponsoring .button--submit, .modal--suggestions .button, .modal--suggestions .button--submit, .modal--suggestions-confirmation .button, .modal--suggestions-confirmation .button--submit, .modal--video .button, .modal--video .button--submit {
  font-size: .857142857em;
  margin-top: 20px
}

.modal--contact-confirmation .back, .modal--delete-account .back, .modal--directory-confirmation .back, .modal--forgotten-password-confirmation .back, .modal--forum-terms-of-use .back, .modal--image .back, .modal--intervention-confirmation .back, .modal--newsletter-subscription .back, .modal--order-confirmation .back, .modal--password-modification .back, .modal--registration-confirmation .back, .modal--reminder-confirmation .back, .modal--sponsoring .back, .modal--suggestions .back, .modal--suggestions-confirmation .back, .modal--video .back {
  color: #5a5a57;
  display: inline-block;
  font-size: .857142857em;
  margin-top: 30px
}

.modal--contact-confirmation .button-group--center + .back, .modal--delete-account .button-group--center + .back, .modal--directory-confirmation .button-group--center + .back, .modal--forgotten-password-confirmation .button-group--center + .back, .modal--forum-terms-of-use .button-group--center + .back, .modal--image .button-group--center + .back, .modal--intervention-confirmation .button-group--center + .back, .modal--newsletter-subscription .button-group--center + .back, .modal--order-confirmation .button-group--center + .back, .modal--password-modification .button-group--center + .back, .modal--registration-confirmation .button-group--center + .back, .modal--reminder-confirmation .button-group--center + .back, .modal--sponsoring .button-group--center + .back, .modal--suggestions .button-group--center + .back, .modal--suggestions-confirmation .button-group--center + .back, .modal--video .button-group--center + .back {
  margin-top: 10px
}

@media only screen and (min-width: 48em) {
  .modal--contact-confirmation, .modal--delete-account, .modal--directory-confirmation, .modal--forgotten-password-confirmation, .modal--forum-terms-of-use, .modal--image, .modal--intervention-confirmation, .modal--newsletter-subscription, .modal--order-confirmation, .modal--password-modification, .modal--registration-confirmation, .modal--reminder-confirmation, .modal--sponsoring, .modal--suggestions, .modal--suggestions-confirmation, .modal--video {
    padding: 25px 25px 30px;
    width: 450px
  }
}

.modal--newsletter-subscription fieldset input, .modal--password-modification fieldset input, .modal--sponsoring fieldset input, .modal--suggestions fieldset input {
  font-size: .857142857em
}

.modal--newsletter-subscription fieldset input + input, .modal--password-modification fieldset input + input, .modal--sponsoring fieldset input + input, .modal--suggestions fieldset input + input {
  margin-top: 10px
}

.modal--newsletter-subscription fieldset input.placeholder, .modal--password-modification fieldset input.placeholder, .modal--sponsoring fieldset input.placeholder, .modal--suggestions fieldset input.placeholder {
  color: #a0a0a0;
  font-weight: 400;
  opacity: 1;
  text-transform: none
}

.modal--newsletter-subscription fieldset input:-moz-placeholder, .modal--password-modification fieldset input:-moz-placeholder, .modal--sponsoring fieldset input:-moz-placeholder, .modal--suggestions fieldset input:-moz-placeholder {
  color: #a0a0a0;
  font-weight: 400;
  opacity: 1;
  text-transform: none
}

.modal--newsletter-subscription fieldset input::-moz-placeholder, .modal--password-modification fieldset input::-moz-placeholder, .modal--sponsoring fieldset input::-moz-placeholder, .modal--suggestions fieldset input::-moz-placeholder {
  color: #a0a0a0;
  font-weight: 400;
  opacity: 1;
  text-transform: none
}

.modal--newsletter-subscription fieldset input:-ms-input-placeholder, .modal--password-modification fieldset input:-ms-input-placeholder, .modal--sponsoring fieldset input:-ms-input-placeholder, .modal--suggestions fieldset input:-ms-input-placeholder {
  color: #a0a0a0;
  font-weight: 400;
  opacity: 1;
  text-transform: none
}

.modal--newsletter-subscription fieldset input::-webkit-input-placeholder, .modal--password-modification fieldset input::-webkit-input-placeholder, .modal--sponsoring fieldset input::-webkit-input-placeholder, .modal--suggestions fieldset input::-webkit-input-placeholder {
  color: #a0a0a0;
  font-weight: 400;
  opacity: 1;
  text-transform: none
}

.modal--newsletter-subscription .custom-checkbox label, .modal--password-modification .custom-checkbox label, .modal--sponsoring .custom-checkbox label, .modal--suggestions .custom-checkbox label {
  font-size: .857142857em;
  line-height: 1.166666667
}

.modal--newsletter-subscription .custom-checkbox .label-text, .modal--password-modification .custom-checkbox .label-text, .modal--sponsoring .custom-checkbox .label-text, .modal--suggestions .custom-checkbox .label-text {
  padding-top: 1px;
  text-align: left
}

@media only screen and (min-width: 48em) {
  .modal--newsletter-subscription fieldset, .modal--password-modification fieldset, .modal--sponsoring fieldset, .modal--suggestions fieldset {
    margin: 0 auto;
    width: 300px
  }
}

.modal--delete-account .custom-radio {
  display: inline-block;
  width: 55px
}

.modal--delete-account .custom-radio label {
  font-size: 1em;
  font-weight: 400
}

.modal--delete-account .custom-radio .label-text {
  padding-top: 1px;
  text-align: left
}

.modal--delete-account .custom-radio + .custom-radio {
  margin-left: 20px
}

.modal--forum-terms-of-use h3 {
  margin-bottom: 5px;
  margin-top: 20px
}

.modal--forum-terms-of-use .rules {
  text-align: left;
  padding-bottom: 40px
}

.modal--forum-terms-of-use ol, .modal--forum-terms-of-use ul {
  padding-left: 2em
}

.modal--forum-terms-of-use ol {
  list-style: decimal outside none;
  margin-right: 20px;
  text-align: justify
}

.modal--forum-terms-of-use li {
  line-height: 1.428571429;
  padding-top: 10px;
  position: relative
}

.modal--forum-terms-of-use li span.glyph {
  font-size: 4px;
  position: absolute;
  top: 19px;
  left: -17px;
  color: #3094b5
}

.modal--forum-terms-of-use small {
  display: block;
  margin-top: 20px
}

.modal--forum-terms-of-use p {
  margin-right: 20px;
  text-align: justify
}

@media only screen and (min-width: 48em) {
  .modal--forum-terms-of-use {
    padding: 30px 0;
    width: 735px
  }

  .modal--forum-terms-of-use .rules {
    height: 480px;
    margin: 0 auto;
    overflow-y: scroll;
    width: 675px
  }

  .modal--forum-terms-of-use .rules .jspVerticalBar {
    width: 6px;
    background: #FFF;
    right: 5px
  }

  .modal--forum-terms-of-use .rules .jspVerticalBar .jspTrack {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: #e7e7e7;
    width: 6px
  }

  .modal--forum-terms-of-use .rules .jspVerticalBar .jspTrack .jspDrag {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: #a4a3a3
  }
}

.modal--password-modification .form-infos {
  text-align: left
}

.modal--password-modification .form-infos .mandatory {
  font-size: .857142857em;
  margin: 0 auto;
  width: 300px
}

.modal--password-modification label {
  display: none
}

.modal--password-modification input {
  margin-bottom: 15px
}

.lte-ie9 .modal--password-modification label {
  display: block;
  text-align: left
}

.modal--registration-confirmation .button {
  padding: 12px;
  background: #3094b5
}

.modal--sponsoring fieldset {
  text-align: left
}

.modal--sponsoring .additional-email {
  margin-top: 10px
}

.modal--sponsoring .add-email-address {
  background: 0 0;
  border: 0;
  font-size: .857142857em;
  margin-top: 10px;
  padding: 0;
  text-decoration: underline
}

.modal--suggestions textarea {
  font-size: .857142857em;
  resize: none
}

#colorbox.fullscreen {
  overflow: visible
}

#colorbox.fullscreen #cboxClose {
  display: none
}

.modal--image, .modal--video {
  width: 410px;
  height: 380px;
  text-align: left
}

.modal--image h1, .modal--video h1 {
  text-align: left;
  margin-left: 0
}

.modal--image time, .modal--video time {
  margin-bottom: 20px;
  color: #272727;
  display: block
}

.modal--image figure, .modal--video figure {
  width: 410px;
  height: 280px;
  position: relative
}

.modal--image figure .cont-img, .modal--video figure .cont-img {
  width: 100%;
  overflow: hidden
}

.modal--image figure img, .modal--video figure img {
  width: 100%;
  height: auto
}

.modal--image figure span.glyph, .modal--video figure span.glyph {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  background: #FFF;
  font-size: 15px;
  padding: 5px;
  cursor: grab;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  filter: alpha(Opacity=70);
  opacity: .7;
  margin: 5px
}

.lt-ie9 .modal--image figure span.glyph, .lt-ie9 .modal--video figure span.glyph {
  display: none
}

.modal--image figure.fullscreen, .modal--video figure.fullscreen {
  width: 100%;
  height: 100%;
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  text-align: center
}

.modal--image figure.fullscreen .cont-img, .modal--video figure.fullscreen .cont-img {
  position: absolute;
  top: 0;
  left: 0
}

.modal--image figure.fullscreen:before, .modal--video figure.fullscreen:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle
}

.modal--image figure.fullscreen img, .modal--video figure.fullscreen img {
  vertical-align: middle;
  text-align: center
}

.modal--image figure.fullscreen img.portait, .modal--video figure.fullscreen img.portait {
  width: auto;
  height: 100%;
  margin: auto
}

.modal--image figure.fullscreen span.glyph, .modal--video figure.fullscreen span.glyph {
  top: 30px
}

@media only screen and (min-width: 60em) {
  .modal--image, .modal--video {
    width: 820px;
    height: 560px
  }

  .modal--image figure, .modal--video figure {
    width: 820px;
    height: 450px
  }
}

.pagination {
  padding: 10px 0;
  text-align: center
}

@media only screen and (min-width: 48em) {
  .pagination {
    padding: 5px 0 0
  }
}

.pagination a, .pagination span {
  color: #272727;
  display: inline-block;
  font-size: .875em;
  margin: 0 5px
}

.pagination a {
  text-decoration: none
}

.pagination .previous {
  margin-right: 10px
}

.pagination .next {
  margin-left: 10px
}

.pagination.cat-articles .current, .pagination.cat-articles a:hover {
  color: #d64039
}

.pagination.cat-video .current, .pagination.cat-video a:hover, .pagination.cat-videos-occupations .current, .pagination.cat-videos-occupations a:hover {
  color: #218700
}

.pagination.cat-diapos .current, .pagination.cat-diapos a:hover {
  color: #c8437f
}

.pagination.cat-focus .current, .pagination.cat-focus a:hover {
  color: #77478d
}

.pagination.cat-infos .current, .pagination.cat-infos a:hover {
  color: #3094b5
}

.pagination.cat-pe .current, .pagination.cat-pe a:hover {
  color: #272727
}

.pagination.cat-actions .current, .pagination.cat-actions a:hover {
  color: #765aa5
}

.pagination.cat-agenda .current, .pagination.cat-agenda a:hover {
  color: #4996cc
}

.pagination.cat-community .current, .pagination.cat-community a:hover {
  color: #e7763f
}

.pagination.cat-conferences .current, .pagination.cat-conferences a:hover, .pagination.cat-resources .current, .pagination.cat-resources a:hover {
  color: #3094b5
}

.pagination.cat-enseignement .current, .pagination.cat-enseignement a:hover {
  color: #2a837d
}

.pagination.cat-support-cours .current, .pagination.cat-support-cours a:hover {
  color: #b92c4f
}

.pagination.cat-publication .current, .pagination.cat-publication a:hover {
  color: #11699c
}

.registration {
  padding-bottom: 10px
}

.registration #final-step, .registration #registration--step-2, .registration #registration--step-3 {
  display: none
}

.registration .white-block {
  margin: 0 10px
}

.registration .block {
  margin-bottom: 20px
}

.registration .column + .column .fields {
  margin-top: -5px;
  padding-top: 0
}

.registration .form-group:after, .registration .form-group:before {
  content: " ";
  display: table
}

.registration .form-group:after {
  clear: both
}

.lt-ie8 .registration .form-group {
  *zoom: 1
}

.registration .form-group .bootstrap-select button {
  background-color: #e7e7e7
}

.registration .form-group.form-group--email {
  position: relative
}

.registration .form-inline-group:after, .registration .form-inline-group:before {
  content: " ";
  display: table
}

.registration .form-inline-group:after {
  clear: both
}

.lt-ie8 .registration .form-inline-group {
  *zoom: 1
}

.registration .form-inline-group input[type=text] {
  float: left;
  margin-left: 10px
}

.registration .form-inline-group input[type=text]:first-child {
  margin-left: 0
}

.registration .form-inline-group .custom-checkbox {
  float: left;
  padding-top: 11px;
  width: 65px
}

.registration .form-inline-group .custom-checkbox.autres {
  width: 70px
}

.registration .form-inline-group .custom-checkbox + input[type=text] {
  width: 140px
}

.registration .form-inline-group .custom-checkbox .label-text {
  margin-bottom: 0
}

.registration .label-text {
  padding-top: 2px
}

.registration .final-step {
  margin: 0 10px
}

.registration .final-step label {
  margin-bottom: 15px;
  width: 100%
}

.registration .final-step .label-text {
  line-height: 1.166666667;
  padding-top: 1px
}

.registration .final-step--content {
  margin-bottom: 20px;
  padding: 0 20px 20px;
  background: #FFF
}

.registration .form-infos {
  margin: 0
}

.registration .form-infos .mandatory {
  margin: 0 0 20px
}

.registration .form-infos .total-address {
  margin-bottom: 10px
}

.registration .cnil-statement {
  background: #f2f2f2
}

.registration fieldset .custom-checkbox {
  margin: 0 0 0 20px;
  padding: 0
}

.registration fieldset .button-group--center {
  padding-bottom: 20px
}

.registration fieldset.registration--step-1 .form-infos {
  padding: 0 0 0 20px
}

.registration fieldset.registration--step-1 .form-infos .mandatory {
  margin: 0
}

.registration fieldset.registration--step-1 .button {
  cursor: pointer
}

.registration fieldset.registration--step-2 .button-group--center {
  margin-top: 15px
}

.registration .mobile-active-info-bulle {
  display: none;
  padding-top: 6px;
  width: 30px;
  height: 24px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid;
  text-decoration: none;
  text-align: center;
  color: #4b4b4b
}

.registration .info-bulle-email-aca {
  display: none;
  position: absolute;
  left: 0;
  z-index: 2;
  padding: 15px 20px;
  background-color: #3094b5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: .875em;
  line-height: 1.2;
  font-weight: 600;
  color: #FFF
}

@media (min-width: 768px) {
  .registration [type=email]:focus ~ .info-bulle-email-aca, .registration [type=email]:hover ~ .info-bulle-email-aca {
    display: block
  }

  .registration .info-bulle-email-aca {
    top: 70px
  }
}

@media (max-width: 767px) {
  .registration fieldset.registration--step-1 .form-infos {
    padding: 0 0 20px 20px
  }

  .registration .mobile-active-info-bulle {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0
  }

  .registration .info-bulle-email-aca {
    top: -94px
  }

  .registration .info-bulle-email-aca:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -10px;
    right: 15px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #3094b5
  }

  .registration .info-bulle-email-aca.visible {
    display: block
  }

  .registration [type=email] {
    width: 218px
  }

  .registration .registration--step-3 [type=email] {
    width: 100%
  }
}

.registration .registration--num-step {
  float: right
}

.registration .button--submit {
  padding: 9px;
  border-radius: 0
}

@media only screen and (min-width: 48em) {
  .registration .column {
    float: left;
    width: 50%
  }

  .registration .column + .column .fields {
    margin-top: 0;
    padding-top: 20px
  }
}

@media only screen and (min-width: 60em) {
  .registration .block:first-child .form-inline-group {
    float: left
  }

  .registration .column {
    width: 340px
  }

  .registration .column + .column {
    margin-left: 130px
  }
}

.saga-energy {
  margin: 0
}

.saga-energy .tab-heading-wrapper {
  background-color: #fff;
  height: 50px
}

@media only screen and (min-width: 48em) {
  .saga-energy .tab-heading-wrapper {
    position: relative;
    height: 52px
  }
}

.saga-energy .tab-heading {
  position: relative;
  background-color: #fff
}

@media only screen and (min-width: 48em) {
  .saga-energy .tab-heading {
    height: 52px;
    margin: 0 auto;
    text-align: center
  }
}

.saga-energy .tab-heading.sticky {
  position: fixed;
  top: 0;
  z-index: 3;
  width: 300px
}

@media only screen and (min-width: 48em) {
  .saga-energy .tab-heading.sticky {
    text-align: center;
    width: 620px
  }

  .saga-energy .tab-heading.sticky hr {
    width: 580px
  }
}

@media only screen and (min-width: 60em) {
  .saga-energy .tab-heading.sticky {
    width: 940px;
    margin: 0 auto
  }

  .saga-energy .tab-heading.sticky hr {
    width: 840px
  }
}

.saga-energy .tab-heading hr {
  display: none
}

@media only screen and (min-width: 48em) {
  .saga-energy .tab-heading hr {
    display: block;
    position: absolute;
    top: 18px;
    left: 20px;
    border: 1px solid #b2b2b2;
    border-top: 0;
    width: 580px
  }
}

@media only screen and (min-width: 60em) {
  .saga-energy .tab-heading hr {
    width: 840px;
    left: 50px
  }
}

.saga-energy .tab-heading ul {
  margin: 0 auto
}

@media only screen and (min-width: 48em) {
  .saga-energy .tab-heading ul {
    width: 540px
  }
}

@media only screen and (min-width: 60em) {
  .saga-energy .tab-heading ul {
    width: 730px
  }
}

.saga-energy .tab-heading ul li {
  display: none;
  background-color: #c8437f;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  font-weight: 700;
  font-size: .8em;
  line-height: 1em;
  height: 50px
}

.saga-energy .tab-heading ul li span {
  padding: 0 15%;
  display: table-cell;
  vertical-align: middle
}

.lt-ie9 .saga-energy .tab-heading ul li span {
  padding: 0 5px
}

.saga-energy .tab-heading ul li.active {
  display: table
}

.saga-energy .tab-heading ul li .next, .saga-energy .tab-heading ul li .previous {
  background: 0 0;
  border: 0;
  outline: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  height: 36px
}

.saga-energy .tab-heading ul li .next .glyph, .saga-energy .tab-heading ul li .previous .glyph {
  font-size: 28px
}

.saga-energy .tab-heading ul li .next.disabled, .saga-energy .tab-heading ul li .previous.disabled {
  color: #e4a1bf
}

.saga-energy .tab-heading ul li .previous {
  left: 20px
}

.saga-energy .tab-heading ul li .next {
  right: 20px
}

@media only screen and (min-width: 48em) {
  .saga-energy .tab-heading ul li {
    position: relative;
    display: table;
    vertical-align: middle;
    float: left;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #c8437f;
    border-left: 0;
    color: #b2b2b2;
    width: 178px;
    font-size: .9em
  }

  .saga-energy .tab-heading ul li:first-child {
    border-left: 1px solid #c8437f
  }

  .saga-energy .tab-heading ul li.active {
    background-color: #c8437f;
    color: #fff
  }

  .saga-energy .tab-heading ul li.active:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #c8437f;
    border-width: 10px;
    margin-left: -10px
  }

  .saga-energy .tab-heading ul li .next, .saga-energy .tab-heading ul li .previous {
    display: none
  }
}

@media only screen and (min-width: 60em) {
  .saga-energy .tab-heading ul li {
    width: 240px
  }
}

.saga-energy .tab-content h2 {
  background-color: #fff;
  padding: 20px;
  text-align: center
}

.saga-energy .tab-content .important {
  text-align: center;
  color: #c8437f;
  font-size: 1.2em !important;
  margin-bottom: 15px;
  margin-top: 15px
}

.saga-energy .tab-content .important:last-child {
  margin-bottom: 0
}

.saga-energy .tab-content div[class|=tab-content] {
  display: none
}

.saga-energy .tab-content .tab-content-history .timeline-wrapper {
  display: none
}

.saga-energy .tab-content .tab-content-history .timeline-menu-wrapper {
  margin: 20px 0;
  height: 34px;
  position: relative
}

.saga-energy .tab-content .tab-content-history .timeline-menu-wrapper .custom-select .option {
  background: #313131;
  color: #fff
}

.saga-energy .tab-content .tab-content-history .timeline-menu-wrapper .custom-select .glyph-arrow-down {
  color: #fff
}

.saga-energy .tab-content .tab-content-history .timeline-menu-wrapper .custom-select.sticky {
  position: fixed;
  top: 50px;
  width: 300px;
  z-index: 1
}

.saga-energy .tab-content .tab-content-history .timeline-menu-wrapper .custom-select.sticky .option {
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0
}

.saga-energy .tab-content .tab-content-history .timeline-menu-wrapper .button--submit {
  display: none
}

.saga-energy .tab-content .tab-content-history .timeline-content .timeline-bloc {
  margin-bottom: 20px
}

.saga-energy .tab-content .tab-content-history .timeline-content .timeline-bloc.anchor {
  margin-bottom: 0
}

.saga-energy .tab-content .tab-content-history .timeline-content .timeline-bloc.anchor#date01 {
  margin-bottom: 20px
}

.saga-energy .tab-content .tab-content-history .timeline-content .timeline-bloc .header-bloc {
  color: #fff;
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: .813em;
  line-height: 1.3em;
  background-color: #c8437f
}

.saga-energy .tab-content .tab-content-history .timeline-content .timeline-bloc .content-bloc {
  background-color: #fff;
  padding: 20px
}

.saga-energy .tab-content .tab-content-history .timeline-content .timeline-bloc .content-bloc p {
  font-size: .95em;
  line-height: 1.4
}

@media only screen and (min-width: 48em) {
  .saga-energy .tab-content .tab-content-history .timeline-wrapper {
    display: block;
    height: 90px
  }

  .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline {
    height: 50px;
    background-color: #313131;
    padding: 30px 50px 10px
  }

  .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline.sticky {
    position: fixed;
    top: 52px;
    z-index: 2;
    width: 520px
  }

  .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline .timeline-dates {
    position: relative;
    height: 30px;
    z-index: 2
  }

  .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline .timeline-dates:after, .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline .timeline-dates:before {
    content: " ";
    display: table
  }

  .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline .timeline-dates:after {
    clear: both
  }

  .lt-ie8 .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline .timeline-dates {
    *zoom: 1
  }

  .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline .timeline-dates li {
    position: relative;
    float: left;
    text-align: center;
    color: #737373;
    font-weight: 700;
    font-size: .875em;
    padding-top: 3px
  }

  .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline .timeline-dates li:after {
    content: "";
    position: absolute;
    background: url(../images/layout/puce-timeline.png) 0 0 no-repeat;
    width: 12px;
    height: 12px;
    margin-left: -6px;
    bottom: -20px;
    z-index: 1
  }

  .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline .timeline-dates li.middle {
    width: 28%
  }

  .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline .timeline-dates li.middle:after {
    left: 50%
  }

  .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline .timeline-dates li.active {
    color: #fff;
    font-size: 1.25em;
    padding-top: 0
  }

  .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline .timeline-dates li.active:after {
    bottom: -17px;
    content: ".";
    text-indent: -5000px;
    overflow: hidden;
    background: url(../images/layout/puce-timeline-active.png) 0 0 no-repeat
  }

  .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline .timeline-dates li.first {
    text-align: left;
    width: 40px
  }

  .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline .timeline-dates li.first:after {
    left: 0;
    margin-left: 0
  }

  .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline .timeline-dates li.last {
    float: right;
    text-align: right
  }

  .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline .timeline-dates li.last:after {
    right: 0
  }

  .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline .timeline-bar {
    width: 100%;
    background: url(../images/layout/bg-timeline.png) 0 0 repeat-x;
    position: relative;
    height: 2px;
    z-index: 1
  }

  .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline .timeline-bar #timeline-bar-loader {
    position: absolute;
    width: 0;
    background: #c8437f;
    left: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease
  }

  .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline .timeline-bar #timeline-bar-loader.date01 {
    width: 0
  }

  .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline .timeline-bar #timeline-bar-loader.date02 {
    width: 120px
  }

  .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline .timeline-bar #timeline-bar-loader.date03 {
    width: 260px
  }

  .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline .timeline-bar #timeline-bar-loader.date04 {
    width: 410px
  }

  .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline .timeline-bar #timeline-bar-loader.date05 {
    width: 510px
  }

  .saga-energy .tab-content .tab-content-history .timeline-menu-wrapper {
    display: none
  }

  .saga-energy .tab-content .tab-content-history .timeline-content.en .timeline-bloc#date02 {
    margin-top: 200px
  }

  .saga-energy .tab-content .tab-content-history .timeline-content .timeline-bloc.anchor {
    margin-bottom: 0
  }

  .saga-energy .tab-content .tab-content-history .timeline-content .timeline-bloc.anchor#date01 {
    margin-top: 30px
  }

  .saga-energy .tab-content .tab-content-history .timeline-content .timeline-bloc .figure {
    height: 344px
  }

  .saga-energy .tab-content .tab-content-history .timeline-content .timeline-bloc .figure img {
    width: 100%;
    height: auto
  }

  .saga-energy .tab-content .tab-content-history .timeline-content .timeline-bloc .header-bloc {
    padding: 15px 20px;
    font-size: 1em;
    line-height: 1em
  }
}

@media only screen and (min-width: 60em) {
  .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline.sticky {
    width: 840px
  }

  .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline .timeline-dates {
    height: 36px
  }

  .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline .timeline-dates li {
    font-size: 1em
  }

  .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline .timeline-dates li:after {
    bottom: -23px
  }

  .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline .timeline-dates li.active {
    font-size: 1.625em
  }

  .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline .timeline-dates li.middle {
    width: 29%
  }

  .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline .timeline-dates li.disabled {
    padding-top: 6px
  }

  .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline .timeline-bar #timeline-bar-loader.date01 {
    width: 0
  }

  .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline .timeline-bar #timeline-bar-loader.date02 {
    width: 160px
  }

  .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline .timeline-bar #timeline-bar-loader.date03 {
    width: 410px
  }

  .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline .timeline-bar #timeline-bar-loader.date04 {
    width: 650px
  }

  .saga-energy .tab-content .tab-content-history .timeline-wrapper .timeline .timeline-bar #timeline-bar-loader.date05 {
    width: 830px
  }

  .saga-energy .tab-content .tab-content-history .timeline-content {
    background: url(../images/layout/bg-timeline-content.png) 50% 0 repeat-y
  }

  .saga-energy .tab-content .tab-content-history .timeline-content .timeline-bloc {
    width: 450px;
    margin-bottom: 40px
  }

  .saga-energy .tab-content .tab-content-history .timeline-content .timeline-bloc#date01.anchor {
    margin-bottom: 40px
  }

  .saga-energy .tab-content .tab-content-history .timeline-content .timeline-bloc#date02 {
    margin-top: 120px
  }

  .saga-energy .tab-content .tab-content-history .timeline-content .timeline-bloc .figure {
    height: 250px
  }

  .saga-energy .tab-content .tab-content-history .timeline-content .timeline-bloc .header-bloc {
    position: relative
  }

  .saga-energy .tab-content .tab-content-history .timeline-content .timeline-bloc .header-bloc.left:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: #c8437f;
    border-width: 10px;
    margin-top: -10px
  }

  .saga-energy .tab-content .tab-content-history .timeline-content .timeline-bloc .header-bloc.right:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #c8437f;
    border-width: 10px;
    margin-top: -10px
  }

  .saga-energy .tab-content .tab-content-history .timeline-content .timeline-bloc .header-bloc:before {
    content: "";
    position: absolute;
    top: 50%;
    display: block;
    height: 16px;
    width: 16px;
    margin-top: -8px
  }

  .saga-energy .tab-content .tab-content-history .timeline-content .timeline-bloc .header-bloc.left:before {
    right: -28px;
    background: url(../images/layout/puce-timeline-bloc.png) 0 0 no-repeat
  }

  .saga-energy .tab-content .tab-content-history .timeline-content .timeline-bloc .header-bloc.right:before {
    left: -28px;
    background: url(../images/layout/puce-timeline-bloc.png) 0 0 no-repeat
  }

  .saga-energy .tab-content .tab-content-history .timeline-content .timeline-bloc.active .header-bloc:before {
    background: url(../images/layout/puce-timeline-bloc-active.png) 0 0 no-repeat
  }
}

.saga-energy .tab-content .tab-content-transition {
  display: none
}

.saga-energy .tab-content .tab-content-transition div[class|=transition] {
  padding: 20px;
  background-color: #FFF;
  margin-bottom: 20px
}

.saga-energy .tab-content .tab-content-transition div[class|=transition] .figure {
  margin-top: 20px
}

.saga-energy .tab-content .tab-content-transition div[class|=transition] h3 {
  margin-bottom: 10px
}

.saga-energy .tab-content .tab-content-transition .important {
  text-align: left
}

.saga-energy .tab-content .tab-content-transition div.transition-ressource {
  padding: 0;
  background-color: transparent
}

.saga-energy .tab-content .tab-content-transition div.transition-ressource .ressource_mobile .custom-select {
  margin: 20px 0
}

.saga-energy .tab-content .tab-content-transition div.transition-ressource .ressource_mobile .custom-select .option {
  background: #313131;
  color: #fff
}

.saga-energy .tab-content .tab-content-transition div.transition-ressource .ressource_mobile .custom-select .glyph-arrow-down {
  color: #fff
}

.saga-energy .tab-content .tab-content-transition div.transition-ressource .ressource_mobile .content {
  background-color: #FFF;
  padding: 20px
}

.saga-energy .tab-content .tab-content-transition div.transition-ressource .ressource_mobile .content > div {
  display: none
}

.saga-energy .tab-content .tab-content-transition div.transition-ressource .ressource_mobile .content > .active {
  display: block
}

.saga-energy .tab-content .tab-content-transition div.transition-ressource .ressource_desktop {
  display: none
}

@media only screen and (min-width: 48em) {
  .saga-energy .tab-content .tab-content-transition div.transition-ressource {
    padding: 20px;
    background-color: #FFF
  }

  .saga-energy .tab-content .tab-content-transition div.transition-ressource .ressource_mobile {
    display: none
  }

  .saga-energy .tab-content .tab-content-transition div.transition-ressource .ressource_desktop {
    display: block
  }

  .saga-energy .tab-content .tab-content-transition div.transition-ressource .ressource_desktop .accordion-heading {
    padding: 20px;
    background-color: #c8437f;
    color: #fff;
    color: rgba(255, 255, 255, .5);
    text-transform: uppercase;
    margin-bottom: 1px
  }

  .saga-energy .tab-content .tab-content-transition div.transition-ressource .ressource_desktop .accordion-heading h3 {
    margin: 0;
    font-size: .9em
  }

  .saga-energy .tab-content .tab-content-transition div.transition-ressource .ressource_desktop .accordion-heading.is-open {
    color: #fff
  }

  .saga-energy .tab-content .tab-content-transition div.transition-ressource .ressource_desktop .accordion-heading .glyph {
    font-size: .8em;
    margin-top: -8px
  }

  .saga-energy .tab-content .tab-content-transition div.transition-ressource .ressource_desktop .accordion-content {
    padding: 20px
  }
}

@media only screen and (min-width: 60em) {
  .saga-energy .tab-content .tab-content-transition div.transition-ressource .ressource_desktop .accordion-heading h3 {
    font-size: 1em
  }
}

.saga-energy .tab-content .tab-content-transition .mix-energetique {
  display: block;
  background-color: #bbd7ed;
  margin-top: 20px
}

.saga-energy .tab-content .tab-content-transition .mix-energetique .mix-energetique-content-mobile {
  padding-top: 10px
}

.saga-energy .tab-content .tab-content-transition .mix-energetique .mix-energetique-content-mobile .custom-select {
  margin: 10px
}

.saga-energy .tab-content .tab-content-transition .mix-energetique .mix-energetique-content-mobile .custom-select .option {
  background-color: #FFF
}

.saga-energy .tab-content .tab-content-transition .mix-energetique .mix-energetique-content-mobile .custom-select .glyph-arrow-down {
  color: #fff;
  padding: 0 10px;
  right: 0;
  top: 0;
  background-color: #000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px
}

.saga-energy .tab-content .tab-content-transition .mix-energetique .mix-energetique-content-mobile .figure {
  display: none
}

.saga-energy .tab-content .tab-content-transition .mix-energetique .mix-energetique-content-mobile .figure.active {
  display: block
}

.saga-energy .tab-content .tab-content-transition .mix-energetique .source {
  font-size: .7em;
  text-align: right;
  margin-top: 10px;
  padding: 0 5px
}

.saga-energy .tab-content .tab-content-transition .mix-energetique .mix-energetique-content-desktop {
  display: none
}

@media only screen and (min-width: 48em) {
  .saga-energy .tab-content .tab-content-transition .mix-energetique .source {
    padding: 0
  }

  .saga-energy .tab-content .tab-content-transition .mix-energetique .mix-energetique-content-mobile {
    display: none
  }

  .saga-energy .tab-content .tab-content-transition .mix-energetique .mix-energetique-content-desktop {
    display: block;
    padding: 20px
  }

  .saga-energy .tab-content .tab-content-transition .mix-energetique .mix-energetique-content-desktop .info {
    text-align: center;
    margin-bottom: 15px
  }

  .saga-energy .tab-content .tab-content-transition .mix-energetique .mix-energetique-content-desktop .me-selectors {
    display: block;
    margin-bottom: 20px;
    text-align: center
  }

  .saga-energy .tab-content .tab-content-transition .mix-energetique .mix-energetique-content-desktop .me-selectors > div {
    display: inline-block;
    vertical-align: top
  }

  .saga-energy .tab-content .tab-content-transition .mix-energetique .mix-energetique-content-desktop .me-selectors .selectpicker {
    width: 125px
  }

  .saga-energy .tab-content .tab-content-transition .mix-energetique .mix-energetique-content-desktop .me-selectors .bootstrap-select button {
    font-size: 15px;
    line-height: 15px;
    padding: 0
  }

  .saga-energy .tab-content .tab-content-transition .mix-energetique .mix-energetique-content-desktop .me-selectors .bootstrap-select button span {
    padding-left: 30px
  }

  .saga-energy .tab-content .tab-content-transition .mix-energetique .mix-energetique-content-desktop .me-selectors .bootstrap-select .glyph {
    color: #fff;
    right: 0;
    top: 0;
    padding: 0 10px;
    background-color: #c8437f
  }

  .lt-ie9 .saga-energy .tab-content .tab-content-transition .mix-energetique .mix-energetique-content-desktop .me-selectors .bootstrap-select .glyph {
    top: -10px
  }

  .saga-energy .tab-content .tab-content-transition .mix-energetique .mix-energetique-content-desktop .me-selectors .bootstrap-select a {
    font-size: 15px
  }

  .saga-energy .tab-content .tab-content-transition .mix-energetique .mix-energetique-content-desktop .me-selectors .me-separateur {
    color: #536c80;
    line-height: 30px;
    width: 40px
  }

  .saga-energy .tab-content .tab-content-transition .mix-energetique .mix-energetique-content-desktop .me-graphs {
    margin-bottom: 20px
  }

  .saga-energy .tab-content .tab-content-transition .mix-energetique .mix-energetique-content-desktop .me-graphs figure {
    display: none;
    width: 255px
  }
}

@media only screen and (min-width: 48em) and (min-width: 48em) {
  .saga-energy .tab-content .tab-content-transition .mix-energetique .mix-energetique-content-desktop .me-graphs figure img {
    width: 100%
  }
}

@media only screen and (min-width: 48em) and (min-width: 60em) {
  .saga-energy .tab-content .tab-content-transition .mix-energetique .mix-energetique-content-desktop .me-graphs figure {
    width: 415px
  }
}

@media only screen and (min-width: 48em) {
  .saga-energy .tab-content .tab-content-transition .mix-energetique .mix-energetique-content-desktop .me-graphs .me-graph-left, .saga-energy .tab-content .tab-content-transition .mix-energetique .mix-energetique-content-desktop .me-graphs .me-graph-right {
    display: block
  }

  .saga-energy .tab-content .tab-content-transition .mix-energetique .mix-energetique-content-desktop .me-graphs .me-graph-left {
    float: left
  }

  .saga-energy .tab-content .tab-content-transition .mix-energetique .mix-energetique-content-desktop .me-graphs .me-graph-right {
    float: right
  }

  .saga-energy .tab-content .tab-content-transition .mix-energetique .mix-energetique-content-desktop .me-infos {
    font-size: .8em
  }
}

.saga-energy .tab-content .tab-content-transition .transition-production-electricity .figure .desktop {
  display: none
}

@media only screen and (min-width: 48em) {
  .saga-energy .tab-content .tab-content-transition .transition-production-electricity .figure .mobile {
    display: none
  }

  .saga-energy .tab-content .tab-content-transition .transition-production-electricity .figure .desktop {
    display: block;
    width: 100%;
    height: auto
  }
}

.saga-energy .tab-content .tab-content-choice {
  display: none;
  background-color: #FFF;
  margin-bottom: 20px
}

.saga-energy .tab-content .tab-content-choice .content {
  padding: 20px
}

.saga-energy .tab-content .tab-content-choice .figure {
  margin-bottom: 10px
}

@media only screen and (min-width: 48em) {
  .saga-energy .tab-content .tab-content-choice .figure {
    margin: 0
  }

  .saga-energy .tab-content .tab-content-choice .figure img {
    width: auto
  }

  .saga-energy .tab-content .tab-content-choice .figure.fl {
    float: left;
    margin: 5px 20px 5px 0
  }

  .saga-energy .tab-content .tab-content-choice .figure.fr {
    float: right;
    margin: 5px 0 5px 20px
  }
}

.saga-energy .tab-content div[class|=tab-content].active {
  display: block
}

.share {
  display: none
}

@media only screen and (min-width: 48em) {
  .share {
    background: 0 0;
    border: 0;
    color: #536c80;
    display: block;
    font-size: 16px;
    padding: 0;
    position: absolute;
    right: 29px;
    top: 24px
  }
}

@media only screen and (min-width: 60em) {
  .share {
    right: 109px
  }
}

.speech-bubble {
  background: #3094b5;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  margin: 15px 0 16px;
  padding: 20px;
  position: relative;
  text-align: center
}

.speech-bubble p {
  color: #fff;
  font-size: .9375em;
  line-height: 1.2;
  margin-bottom: 10px
}

.speech-bubble cite {
  color: #b0ebff;
  font-size: .75em
}

.speech-bubble .glyph {
  bottom: -16px;
  color: #3094b5;
  font-size: 16px;
  left: 20px;
  position: absolute
}

@media only screen and (min-width: 48em) {
  .speech-bubble {
    margin-bottom: 12px;
    padding: 10px
  }

  .speech-bubble .glyph {
    bottom: -12px;
    font-size: 12px;
    left: 15px
  }
}

@media only screen and (min-width: 60em) {
  .speech-bubble {
    margin-bottom: 17px;
    padding: 20px 40px
  }

  .speech-bubble p {
    font-size: 1.25em;
    line-height: 1.2
  }

  .speech-bubble cite {
    font-size: .875em
  }

  .speech-bubble .glyph {
    bottom: -17px;
    font-size: 17px;
    left: 22px
  }
}

.grid + .sub-section, .grid + .sub-section--reduced {
  margin-top: 10px
}

.sub-section--reduced, .teachers .sub-section {
  padding-top: 5px
}

.sub-section--reduced .title--content, .teachers .sub-section .title--content {
  font-size: 1.125em;
  margin: 0 10px 15px
}

@media only screen and (min-width: 48em) {
  .sub-section--reduced .title--content, .teachers .sub-section .title--content {
    font-size: 1.5em
  }

  .cart + .sub-section--reduced, .teachers .cart + .sub-section, .teachers article + .sub-section, article + .sub-section--reduced {
    margin-top: 20px
  }

  .sub-section--reduced + .sub-section--reduced .grid li:last-child, .teachers .sub-section--reduced + .sub-section .grid li:last-child {
    display: block
  }
}

@media only screen and (min-width: 60em) {
  .sub-section--reduced + .sub-section--reduced, .teachers .sub-section--reduced + .sub-section {
    overflow: hidden;
    margin-top: 20px
  }
}

.lt-ie9 .sub-section .carousel li:first-child, .lt-ie9 .sub-section .carousel--tiny li:first-child, .lt-ie9 .sub-section .grid.all li:first-child, .sub-section .carousel li:last-child, .sub-section .carousel--tiny li:last-child, .sub-section .grid.all li:last-child {
  display: block
}

@media only screen and (min-width: 48em) {
  .sub-section .grid li:last-child {
    display: none
  }

  .sub-section .grid li:last-child.cat-infos {
    display: block
  }

  .lt-ie9 .sub-section .grid li:first-child {
    display: none
  }

  .lt-ie9 .sub-section .grid li:first-child.cat-infos {
    display: block
  }
}

@media only screen and (min-width: 60em) {
  .sub-section .grid li:last-child {
    display: block
  }

  .lt-ie9 .sub-section .grid li:first-child {
    display: block !important
  }
}

@media only screen and (min-width: 48em) {
  .sub-section.folderfull .grid {
    width: auto;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    overflow: auto
  }

  .sub-section.folderfull .grid:after, .sub-section.folderfull .grid:before {
    content: " ";
    display: table
  }

  .sub-section.folderfull .grid:after {
    clear: both
  }

  .lt-ie8 .sub-section.folderfull .grid {
    *zoom: 1
  }

  .sub-section.folderfull .grid .box--article {
    box-sizing: border-box;
    float: left;
    padding-right: 10px;
    padding-left: 10px;
    margin: 0;
    width: 50%
  }

  .sub-section.folderfull .grid.all .box--article {
    margin-bottom: 20px
  }
}

@media only screen and (min-width: 60em) {
  .sub-section.folderfull .grid .box--article {
    width: 33.3333333%
  }
}

.first--colon--content + .sub-section .folder--title {
  background: #313131;
  text-transform: uppercase;
  color: #FFF;
  font-size: 1.05em;
  padding: 10px;
  display: block;
  margin: 5px 10px 10px;
  line-height: 1.2;
  font-weight: 700
}

@media only screen and (min-width: 48em) {
  .first--colon--content + .sub-section .folder--title {
    margin: 10px 10px 15px
  }
}

@media only screen and (min-width: 60em) {
  .first--colon--content + .sub-section .folder--title {
    margin: 0 0 10px;
    text-align: left
  }
}

.first--colon--content + .sub-section .folder--title .glyph {
  padding-right: 10px
}

.folderfull.sub-section {
  margin: 0 auto;
  position: relative
}

.folderfull.sub-section:after, .folderfull.sub-section:before {
  content: " ";
  display: table
}

.folderfull.sub-section:after {
  clear: both
}

.lt-ie8 .folderfull.sub-section {
  *zoom: 1
}

.article-tribune .folderfull.sub-section .box--article img {
  display: none
}

.article-tribune .folderfull.sub-section .box--article .content {
  box-sizing: border-box;
  width: 100%;
  height: 100%
}

@media only screen and (min-width: 48em) {
  .article-tribune .folderfull.sub-section .box--article img {
    display: block
  }

  .article-tribune .folderfull.sub-section .box--article .content {
    width: auto;
    height: 260px;
    box-sizing: content-box
  }
}

.container--two--colons .sub-section {
  margin: 0 auto;
  position: relative;
  width: 310px;
  z-index: 0;
  padding-top: 0;
  padding-right: 10px
}

.container--two--colons .sub-section:after, .container--two--colons .sub-section:before {
  content: " ";
  display: table
}

.container--two--colons .sub-section:after {
  clear: both
}

.lt-ie8 .container--two--colons .sub-section {
  *zoom: 1
}

@media only screen and (min-width: 60em) {
  .container--two--colons .sub-section .inside--folder li {
    margin-left: 0;
    margin-top: 0
  }
}

@media only screen and (min-width: 48em) {
  .container--two--colons .sub-section {
    width: 640px
  }

  .container--two--colons .sub-section.folderfull {
    width: 100%
  }
}

@media only screen and (min-width: 60em) {
  .container--two--colons .sub-section {
    width: 300px;
    top: 0;
    right: 0
  }

  .container--two--colons .sub-section.folderfull {
    width: 100%
  }
}

.container--two--colons .sub-section .grid li.box--carousel.cat-infos, .container--two--colons .sub-section .grid li.box--data.cat-infos {
  margin-top: 5px;
  margin-bottom: 5px
}

@media only screen and (min-width: 48em) {
  .container--two--colons .sub-section .grid li.box--carousel.cat-infos, .container--two--colons .sub-section .grid li.box--data.cat-infos {
    display: none
  }
}

@media only screen and (min-width: 60em) {
  .container--two--colons .sub-section .grid li.box--carousel.cat-infos, .container--two--colons .sub-section .grid li.box--data.cat-infos {
    margin-bottom: 15px;
    display: block
  }
}

@media only screen and (min-width: 60em) {
  .container--two--colons .sub-section .grid li {
    margin-left: 0
  }
}

.container--two--colons .sub-section .grid li.box--subfolder:last-child {
  display: block
}

@media only screen and (min-width: 60em) {
  .container--two--colons .sub-section .grid li.box--subfolder:last-child {
    margin-bottom: 15px
  }
}

.container--two--colons .sub-section .grid .white-block {
  margin: 10px
}

.container--two--colons .sub-section p {
  text-align: left
}

@media only screen and (min-width: 60em) {
  .sub-section--reduced {
    border-right: 1px solid #c9dee5;
    float: left
  }

  article + .sub-section--reduced {
    margin-top: 10px
  }

  .sub-section--reduced .box--article {
    margin-right: 9px
  }
}

.lt-ie9 .sub-section .grid.all li:first-child {
  display: block
}

.time {
  display: block;
  font-size: .75em;
  margin-bottom: 5px
}

.title--content, .title--top {
  font-weight: 400
}

.title--content {
  color: #000
}

.title--top {
  color: #3094b5;
  font-size: 1.25em;
  font-weight: 400;
  margin: 0 10px 20px;
  text-align: center
}

@media only screen and (min-width: 48em) {
  .title--top {
    font-size: 1.875em;
    margin-bottom: 30px
  }
}

.toolbar {
  overflow: hidden;
  position: absolute;
  margin-right: 20px
}

.toolbar .download, .toolbar .print, .toolbar button {
  background: #536c80;
  background: rgba(83, 108, 128, .55);
  border: 0;
  color: #fff;
  height: 40px;
  padding: 0;
  width: 40px
}

.toolbar .download + .fb-share-button, .toolbar .download + button, .toolbar .download + iframe, .toolbar .print + .fb-share-button, .toolbar .print + button, .toolbar .print + iframe, .toolbar button + .download, .toolbar button + .fb-share-button, .toolbar button + .print, .toolbar button + button, .toolbar button + iframe {
  margin-right: 10px
}

.toolbar .fb-share-button, .toolbar > iframe {
  height: 20px !important;
  padding-top: 20px
}

.toolbar .fb-share-button + iframe {
  margin-right: 10px
}

.toolbar .add {
  font-size: 30px;
  text-align: left
}

.toolbar .add .glyph {
  margin-left: 9px
}

.toolbar .download {
  display: block;
  font-size: 25px;
  text-align: center;
  text-decoration: none
}

.toolbar .download .glyph {
  margin-top: 8px
}

.toolbar .remove {
  background: 0 0;
  color: #000;
  height: 20px;
  filter: alpha(Opacity=40);
  opacity: .4;
  width: 20px
}

.toolbar .remove .glyph {
  font-size: 20px
}

.toolbar .print {
  display: block;
  font-size: 24px;
  text-align: center;
  text-decoration: none
}

.lt-ie9 .toolbar .print {
  font-size: 22px
}

.toolbar .print .glyph {
  margin-top: 6px
}

.toolbar .print .glyph:before {
  font-size: 17px
}

.toolbar .share {
  font-size: 16px;
  position: static
}

@media only screen and (min-width: 48em) {
  .toolbar {
    right: 0
  }

  .white-block header .toolbar {
    top: 11px
  }

  .white-block footer .toolbar {
    top: 12px;
    bottom: 0
  }

  .toolbar .download, .toolbar .print, .toolbar button {
    -webkit-transition: background 100ms ease false;
    -moz-transition: background 100ms ease false false;
    -o-transition: background 100ms ease false false;
    transition: background 100ms ease
  }

  .toolbar .download:hover, .toolbar .print:hover, .toolbar button:hover {
    background: rgba(83, 108, 128, .75)
  }
}

.forum--create, .forum--list, .forum--topic, .user-section, .user-section--activity, .user-section--profile, .user-section--score {
  margin-bottom: 20px;
  padding: 20px 20px 0
}

.forum--create h2, .forum--list h2, .forum--topic h2, .user-section h2, .user-section--activity h2, .user-section--profile h2, .user-section--score h2 {
  border-bottom: 1px solid #e1e1e1;
  font-size: .9375em;
  padding-bottom: 20px;
  text-transform: uppercase
}

.forum--create .label, .forum--create h2, .forum--create h5, .forum--list .label, .forum--list h2, .forum--list h5, .forum--topic .label, .forum--topic h2, .forum--topic h5, .user-section .label, .user-section h2, .user-section h5, .user-section--activity .label, .user-section--activity h2, .user-section--activity h5, .user-section--profile .label, .user-section--profile h2, .user-section--profile h5, .user-section--score .label, .user-section--score h2, .user-section--score h5 {
  color: #3094b5
}

.forum--create h5, .forum--list h5, .forum--topic h5, .user-section h5, .user-section--activity h5, .user-section--profile h5, .user-section--score h5 {
  font-weight: 400
}

.forum--create, .user-section--profile {
  color: #272727;
  padding-bottom: 20px;
  position: relative
}

.forum--create:after, .forum--create:before, .user-section--profile:after, .user-section--profile:before {
  content: " ";
  display: table
}

.forum--create:after, .user-section--profile:after {
  clear: both
}

.lt-ie8 .forum--create, .lt-ie8 .user-section--profile {
  *zoom: 1
}

.forum--create h2, .user-section--profile h2 {
  border-bottom: 0
}

.forum--create .user-picture, .user-section--profile .user-picture {
  float: left;
  margin-right: 20px;
  width: 100px;
  height: 100px
}

.forum--create .user-picture input, .user-section--profile .user-picture input {
  display: none
}

.forum--create .user-picture a, .user-section--profile .user-picture a {
  color: #5a5a57;
  font-size: .75em;
  text-decoration: none;
  position: absolute;
  top: 130px;
  left: 140px
}

.forum--create .user-picture .glyph, .user-section--profile .user-picture .glyph {
  display: inline-block
}

.forum--create .user-picture .author, .user-section--profile .user-picture .author {
  font-weight: 700
}

.forum--create img, .user-section--profile img {
  height: auto;
  width: 100%
}

.forum--create .identity, .user-section--profile .identity {
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 20px;
  min-height: 120px
}

.forum--create .identity p, .user-section--profile .identity p {
  font-size: .75em;
  line-height: 1.166666667;
  margin-top: 5px
}

.forum--create h3, .user-section--profile h3 {
  font-size: .875em;
  line-height: 1.142857143;
  margin-top: -1px
}

.forum--create .column + .column, .user-section--profile .column + .column {
  margin-top: 10px
}

.forum--create .column + .column + .column, .user-section--profile .column + .column + .column {
  margin-bottom: 25px
}

.forum--create .info, .user-section--profile .info {
  font-size: .875em;
  line-height: 1.285714286;
  margin-top: 10px
}

.forum--create .info:first-child, .user-section--profile .info:first-child {
  margin-top: 0
}

.forum--create .info a, .user-section--profile .info a {
  color: #272727
}

.forum--create .info .selectpicker, .user-section--profile .info .selectpicker {
  line-height: 1
}

.forum--create .info > input[type=text] + input[type=text], .user-section--profile .info > input[type=text] + input[type=text] {
  margin-top: 10px
}

.forum--create .label, .user-section--profile .label {
  font-size: 1em
}

.forum--create label, .user-section--profile label {
  display: inline-block;
  margin-bottom: 5px
}

.forum--create .form-inline-group, .user-section--profile .form-inline-group {
  margin: 10px 0
}

.forum--create .form-inline-group:after, .forum--create .form-inline-group:before, .user-section--profile .form-inline-group:after, .user-section--profile .form-inline-group:before {
  content: " ";
  display: table
}

.forum--create .form-inline-group:after, .user-section--profile .form-inline-group:after {
  clear: both
}

.lt-ie8 .forum--create .form-inline-group, .lt-ie8 .user-section--profile .form-inline-group {
  *zoom: 1
}

.forum--create .form-inline-group .numberpicker, .user-section--profile .form-inline-group .numberpicker {
  float: left;
  margin-right: 10px;
  width: 82px
}

.forum--create .form-inline-group .numberpicker + input[type=text], .user-section--profile .form-inline-group .numberpicker + input[type=text] {
  width: 168px
}

.forum--create input[type=email], .forum--create input[type=number], .forum--create input[type=text], .user-section--profile input[type=email], .user-section--profile input[type=number], .user-section--profile input[type=text] {
  font-size: .857142857em
}

.forum--create .custom-checkbox .label-text, .user-section--profile .custom-checkbox .label-text {
  color: #515253;
  font-size: .75em;
  font-weight: 700;
  line-height: 1.166666667;
  padding-top: 1px
}

.forum--create .custom-checkbox + .custom-checkbox, .user-section--profile .custom-checkbox + .custom-checkbox {
  margin: 10px 0 20px
}

.forum--create .button-group, .user-section--profile .button-group {
  text-align: center
}

.forum--create .button--submit:active, .forum--create .button--submit:focus, .forum--create .button--submit:hover, .forum--create .button:active, .forum--create .button:focus, .forum--create .button:hover, .user-section--profile .button--submit:active, .user-section--profile .button--submit:focus, .user-section--profile .button--submit:hover, .user-section--profile .button:active, .user-section--profile .button:focus, .user-section--profile .button:hover {
  background: #036a8c
}

.forum--create .edit, .user-section--profile .edit {
  display: none
}

.forum--create .edit .cancel, .user-section--profile .edit .cancel {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: 0 0;
  border: 0;
  color: #737373;
  font-size: .75em;
  margin-top: 3px;
  line-height: 16px;
  padding: 0;
  text-decoration: underline
}

.forum--create .delete-account, .user-section--profile .delete-account {
  color: #5a5a57;
  display: inline-block;
  font-size: .75em;
  margin: 20px 0 0 10px
}

.lt-ie9 .forum--create input[type=email], .lt-ie9 .forum--create input[type=text], .lt-ie9 .user-section--profile input[type=email], .lt-ie9 .user-section--profile input[type=text] {
  color: #515253;
  padding-top: 7px;
  font-weight: 700
}

@media only screen and (min-width: 48em) {
  .forum--create, .user-section--profile {
    padding-bottom: 0
  }

  .forum--create .user-picture, .user-section--profile .user-picture {
    width: 150px;
    height: 150px;
    margin-right: 20px
  }

  .forum--create .user-picture .glyph, .user-section--profile .user-picture .glyph {
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 1px
  }

  .forum--create .user-picture a, .user-section--profile .user-picture a {
    position: absolute;
    top: 110px;
    left: 190px
  }

  .forum--create .identity, .user-section--profile .identity {
    border-bottom: 0;
    min-height: 152px
  }

  .forum--create .identity p, .user-section--profile .identity p {
    font-size: .875em;
    line-height: 16px
  }

  .forum--create h3, .user-section--profile h3 {
    font-size: 1.125em;
    line-height: 22px;
    margin-top: -2px
  }

  .forum--create .label, .user-section--profile .label {
    font-size: 1.142857143em;
    line-height: 1.125
  }

  .forum--create .column, .user-section--profile .column {
    float: left;
    margin-bottom: 25px;
    width: 186px;
    min-height: 195px
  }

  .forum--create .column + .column, .user-section--profile .column + .column {
    border-left: 1px solid #e1e1e1;
    margin-top: 0;
    margin-left: 10px;
    padding-left: 20px;
    width: 166px
  }

  .forum--create .form-inline-group .numberpicker, .user-section--profile .form-inline-group .numberpicker {
    width: 84px
  }

  .forum--create .form-inline-group .numberpicker + input[type=text], .user-section--profile .form-inline-group .numberpicker + input[type=text] {
    width: 175px
  }

  .forum--create .form-infos, .user-section--profile .form-infos {
    clear: both;
    margin-bottom: 15px
  }

  .forum--create .button-group, .user-section--profile .button-group {
    left: 190px;
    position: absolute;
    text-align: left;
    top: 175px
  }

  .forum--create .button-group br, .user-section--profile .button-group br {
    display: none
  }

  .forum--create .edit .button-group, .user-section--profile .edit .button-group {
    margin-bottom: 20px;
    position: static;
    text-align: right
  }

  .forum--create .edit .column, .user-section--profile .edit .column {
    width: 270px
  }

  .forum--create .edit .column + .column, .user-section--profile .edit .column + .column {
    width: 269px;
    margin-left: 20px
  }

  .forum--create .edit .column + .column + .column, .user-section--profile .edit .column + .column + .column {
    min-height: 137px
  }

  .forum--create .delete-account, .user-section--profile .delete-account {
    display: block;
    position: absolute;
    margin-right: -230px;
    margin-top: -225px;
    right: 0
  }
}

@media only screen and (min-width: 60em) {
  .forum--create, .user-section--profile {
    padding-bottom: 0
  }

  .forum--create .user-picture, .user-section--profile .user-picture {
    margin-right: 0
  }

  .forum--create .user-picture a, .user-section--profile .user-picture a {
    position: relative;
    top: 0;
    left: 0
  }

  .forum--create .user-id, .user-section--profile .user-id {
    overflow: hidden;
    padding-left: 20px
  }

  .forum--create .identity, .user-section--profile .identity {
    min-height: 0
  }

  .forum--create .button-group, .user-section--profile .button-group {
    left: auto;
    right: 20px;
    text-align: right;
    top: 20px
  }

  .forum--create .button-group br, .user-section--profile .button-group br {
    display: inline
  }

  .forum--create .delete-account, .user-section--profile .delete-account {
    display: block;
    position: absolute;
    margin-right: -20px;
    margin-top: -70px;
    right: 0
  }

  .forum--create .column, .user-section--profile .column {
    min-height: 140px;
    width: 200px
  }

  .forum--create .column + .column, .user-section--profile .column + .column {
    width: 209px
  }

  .lt-ie9 .forum--create .column + .column, .lt-ie9 .user-section--profile .column + .column {
    min-height: 140px
  }

  .forum--create .column + .column + .column, .user-section--profile .column + .column + .column {
    width: 209px
  }

  .lt-ie9 .forum--create .column + .column + .column, .lt-ie9 .user-section--profile .column + .column + .column {
    min-height: 140px
  }
}

.forum--list li, .forum--topic li, .user-section--activity li {
  border-top: 1px solid #e1e1e1;
  padding: 20px 0
}

.forum--list li:first-child, .forum--topic li:first-child, .user-section--activity li:first-child {
  border-top: 0
}

.forum--list h4, .forum--topic h4, .user-section--activity h4 {
  font-size: .875em;
  line-height: 18px
}

.forum--list .topic blockquote p, .forum--topic .topic blockquote p, .user-section--activity .topic blockquote p {
  font-size: .875em;
  line-height: 18px;
  margin-bottom: 10px
}

.forum--list .time, .forum--topic .time, .user-section--activity .time {
  margin-bottom: 0
}

.forum--list .count, .forum--topic .count, .user-section--activity .count {
  font-size: .75em;
  margin: 20px 0 15px;
  text-transform: uppercase
}

.forum--list .count .digit, .forum--topic .count .digit, .user-section--activity .count .digit {
  font-size: 3em;
  margin-right: 5px
}

.forum--list .speech-bubble, .forum--topic .speech-bubble, .user-section--activity .speech-bubble {
  background: #f2f2f2;
  margin-bottom: 10px;
  padding: 10px 15px;
  text-align: left
}

.forum--list .speech-bubble p, .forum--topic .speech-bubble p, .user-section--activity .speech-bubble p {
  color: #272727;
  font-size: .75em;
  line-height: 16px;
  margin-bottom: 5px
}

.forum--list .speech-bubble cite, .forum--topic .speech-bubble cite, .user-section--activity .speech-bubble cite {
  color: #272727;
  font-size: 1em;
  font-weight: 700
}

.forum--list .speech-bubble .glyph, .forum--topic .speech-bubble .glyph, .user-section--activity .speech-bubble .glyph {
  bottom: -10px;
  color: #f2f2f2;
  font-size: 10px;
  left: 12px
}

.forum--list .topic-desc h2 span.titre, .forum--topic .topic-desc h2 span.titre, .user-section--activity .topic-desc h2 span.titre {
  text-transform: none;
  color: #515253
}

.forum--list .topic-desc h2 span.theme, .forum--topic .topic-desc h2 span.theme, .user-section--activity .topic-desc h2 span.theme {
  display: inline-block;
  width: 100%;
  padding-bottom: 10px
}

.lt-ie9 .forum--list .topic-desc h2 span.theme, .lt-ie9 .forum--topic .topic-desc h2 span.theme, .lt-ie9 .user-section--activity .topic-desc h2 span.theme {
  font-size: .87em
}

.forum--list .topic-desc h2 span.dispensable, .forum--topic .topic-desc h2 span.dispensable, .user-section--activity .topic-desc h2 span.dispensable {
  display: none;
  color: #515253
}

@media only screen and (min-width: 48em) {
  .forum--list .topic-desc h2 span.dispensable, .forum--topic .topic-desc h2 span.dispensable, .user-section--activity .topic-desc h2 span.dispensable {
    display: inline-block
  }

  .forum--list .topic-desc h2 span.theme, .forum--topic .topic-desc h2 span.theme, .user-section--activity .topic-desc h2 span.theme {
    width: auto;
    padding-bottom: 0
  }
}

@media only screen and (min-width: 48em) {
  .forum--list .topic, .forum--list li, .forum--topic .topic, .forum--topic li, .user-section--activity .topic, .user-section--activity li {
    overflow: hidden
  }

  .forum--list .topic-desc, .forum--topic .topic-desc, .user-section--activity .topic-desc {
    width: 460px;
    float: left
  }

  .forum--list .count, .forum--topic .count, .user-section--activity .count {
    float: right;
    margin: 5px 0 0
  }

  .forum--list .speech-bubble, .forum--topic .speech-bubble, .user-section--activity .speech-bubble {
    float: right;
    width: 220px
  }
}

@media only screen and (min-width: 60em) {
  .forum--list .topic, .forum--topic .topic, .user-section--activity .topic {
    float: left;
    width: 650px
  }

  .forum--list .count, .forum--topic .count, .user-section--activity .count {
    text-align: center;
    width: 190px
  }

  .forum--list .count span, .forum--topic .count span, .user-section--activity .count span {
    display: block;
    margin-bottom: 5px;
    margin-right: 0
  }

  .forum--list .speech-bubble, .forum--topic .speech-bubble, .user-section--activity .speech-bubble {
    float: right;
    margin: 0
  }

  .forum--list .speech-bubble cite, .forum--topic .speech-bubble cite, .user-section--activity .speech-bubble cite {
    font-size: 1.166666667em
  }
}

.white-block {
  background: #fff;
  margin: 0 10px 10px
}

.folder-article .white-block {
  margin: 0
}

@media only screen and (min-width: 60em) {
  .folder-article .white-block {
    margin: 0 10px
  }
}

.transparent-block {
  font-size: .7em;
  margin: 30px 10px;
  text-align: center
}

.transparent-block a {
  color: #515253
}

.article--numbers .filters_btn button, .results-top .filter-type .filters_btn button {
  background: #313131;
  border: 0;
  color: #fff;
  float: left;
  margin-left: 10px;
  outline: 0;
  padding: 0;
  text-decoration: none
}

.article--numbers .filters_btn button.is-active, .results-top .filter-type .filters_btn button.is-active {
  background: #fff;
  color: #313131
}

.article--numbers .filters_btn button .glyph, .results-top .filter-type .filters_btn button .glyph {
  font-size: 33px
}

.results-top {
  margin: 0 10px
}

@media only screen and (min-width: 48em) {
  .results-top {
    margin: 0 10px 20px
  }
}

.results-top .filter-type, .results-top .filter-type .selectpicker, .results-top .filter-type button, .results-top .filter-type form, .results-top .filter-type label, .results-top .title--top {
  display: inline-block
}

.results-top .title--top {
  font-size: 1.5em;
  line-height: 1.2;
  margin: 0;
  text-align: left;
  width: 100%
}

.results-top .loader {
  display: none;
  vertical-align: bottom;
  width: 26px;
  height: 26px
}

.results-top .filter-tags {
  width: 100%;
  margin-bottom: 20px
}

.results-top .filter-tags p {
  font-size: .75em;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 700
}

.results-top .filter-tags p .title {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-bottom: 5px;
  margin-right: 7px
}

.results-top .filter-tags p .label {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  padding: 10px;
  padding-right: 35px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  margin-right: 7px;
  margin-bottom: 5px
}

.results-top .filter-tags p .label .glyph-cross {
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
  font-size: .75em
}

.results-top .filter-tags p .label .glyph-cross.disabled {
  color: #b2b2b2;
  cursor: default
}

.results-top .filter-type {
  width: 100%
}

.results-top .filter-type label {
  float: left;
  line-height: 34px
}

.results-top .filter-type .selectpicker {
  float: right;
  width: 170px
}

.results-top .filter-type .filters_btn {
  display: none
}

@media only screen and (min-width: 48em) {
  .results-top .title--top {
    line-height: 1;
    font-size: 1.275em;
    text-align: left;
    width: 80%;
    margin: 0 0 15px
  }

  .results-top .filter-type {
    float: right;
    text-align: right;
    clear: right;
    width: 20%
  }

  .results-top .filter-type .filters_btn {
    text-align: left
  }

  .results-top .filter-type .filters_btn a {
    display: inline-block;
    float: none
  }

  .results-top .filter-type form {
    float: none;
    width: auto
  }

  .results-top .filter-type form, .results-top .filter-type label {
    margin-right: 10px
  }

  .results-top .filter-type label {
    float: none;
    line-height: 1
  }

  .results-top .filter-type .selectpicker {
    float: none;
    text-align: left
  }

  .results-top .filter-type .filters_btn {
    display: inline-block;
    float: right
  }
}

@media only screen and (min-width: 60em) {
  .results-top:after, .results-top:before {
    content: " ";
    display: table
  }

  .results-top:after {
    clear: both
  }

  .lt-ie8 .results-top {
    *zoom: 1
  }

  .results-top .title--top {
    font-size: 2em
  }

  .results-top .filter-type {
    float: right;
    text-align: right;
    clear: right;
    width: 15%
  }

  .results-top .filter-type .filters_btn {
    text-align: left
  }

  .results-top .filter-type .filters_btn a {
    display: inline-block;
    float: none
  }
}

.level-filter {
  position: relative;
  margin: 5px 0 25px;
  text-align: left;
  font-size: .875em;
  color: #536c80;
  font-weight: 700
}

.level-filter .ba-levels {
  margin-top: 0;
  height: 12px
}

.level-filter__label {
  padding-top: 10px;
  color: #282828;
  text-transform: uppercase;
  display: inline-block;
  font-weight: 700;
  width: 116px;
  vertical-align: top
}

.level-filter__select {
  width: 180px;
  display: inline-block;
  position: relative
}

.level-filter__selected {
  cursor: pointer;
  background: #FFF;
  padding: 10px 5px 10px 10px;
  border-radius: 3px;
  text-align: left;
  position: relative;
  min-height: 10px
}

.level-filter__selected .level-filter__item {
  position: relative;
  padding-left: 55px
}

.level-filter__selected .level-filter__item .ba-levels {
  top: 50%;
  left: -1px
}

.level-filter__selected:after {
  content: "\e901";
  font-family: glyphs;
  position: absolute;
  right: 11px;
  display: inline-block;
  vertical-align: bottom;
  top: 13px;
  font-size: 8px;
  color: #515253
}

.level-filter.fit-test .level-filter__options {
  top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px
}

.level-filter.fit-test .level-filter__selected .blank-choice {
  padding-left: 0
}

.level-filter__options {
  display: none;
  position: absolute;
  top: 25px;
  left: 0;
  right: 0;
  padding: 10px 5px;
  background: #FFF;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  z-index: 99
}

.level-filter__options.open {
  -webkit-box-shadow: -2px 5px 3px rgba(0, 0, 0, .05);
  -moz-box-shadow: -2px 5px 3px rgba(0, 0, 0, .05);
  box-shadow: -2px 5px 3px rgba(0, 0, 0, .05)
}

.level-filter__options li {
  border: 1px solid transparent
}

.level-filter__options li:hover {
  border: 1px solid #3094b5
}

.level-filter__options li.all a {
  padding-left: 5px;
  padding-top: 0
}

.level-filter__options li.all a:after {
  content: ""
}

.level-filter__item {
  text-align: left
}

.level-filter__item .ba-levels {
  position: absolute;
  left: 4px;
  top: 55%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%)
}

.level-filter__item .ba-levels .ba-levels-items {
  margin-left: .2em
}

.level-filter a {
  text-decoration: none;
  color: #536c80;
  padding: 7px 0 7px 60px;
  text-align: left;
  display: block;
  position: relative;
  -webkit-transition: 100ms ease false;
  -moz-transition: 100ms ease false false;
  -o-transition: 100ms ease false false;
  transition: 100ms ease
}

.level-filter a.selected, .level-filter a:hover {
  color: #3094b5
}

.level-filter a.selected:after {
  content: "✓";
  color: #3094b5;
  font-size: 18px;
  position: absolute;
  right: 10px;
  top: 2px
}

.level-filter a.selected.blank-choice:after {
  content: none
}

@media only screen and (min-width: 48em) {
  .level-filter a.selected:after {
    content: "✔";
    font-size: 11px;
    right: 18px;
    top: 7px
  }

  .level-filter a.selected.blank-choice:after {
    content: none
  }
}

@media only screen and (min-width: 48em) {
  .level-filter {
    margin: 15px 0 35px;
    text-align: center
  }

  .level-filter__select {
    width: 185px
  }
}

@media only screen and (min-width: 60em) {
  .level-filter {
    margin: 15px 0 10px
  }

  __select {
    width: 85px
  }
}

@media only screen and (min-width: 48em) {
  .grid_results:not(.grid) {
    margin-top: 30px
  }

  .grid_results > li {
    display: inline-block;
    vertical-align: top
  }

  .grid_results > li.box--carousel.cat-infos:not(.afp) {
    position: relative
  }

  .grid_results > li.box--carousel.cat-infos:not(.afp) .article-item h3 {
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis
  }
}

@media only screen and (min-width: 48em) and (min-width: 60em) {
  .grid_results > li.box--carousel.cat-infos:not(.afp) .article-item h3 {
    height: auto
  }
}

@media only screen and (min-width: 48em) {
  .grid_results .hide {
    display: none
  }

  .grid_results .white-block {
    clear: both;
    height: 150px;
    margin-bottom: 20px;
    padding: 20px 20px 20px 170px;
    position: relative
  }

  .grid_results .white-block h2 {
    font-size: 1.125em;
    margin-bottom: 8px
  }

  .grid_results .white-block h2 a {
    color: #272727;
    text-decoration: none
  }

  .grid_results .white-block h2 .ba-levels {
    margin-left: 5px
  }

  .grid_results .white-block .cat-title {
    font-size: .875em;
    line-height: 1;
    margin-bottom: 10px;
    display: inline-block;
    font-weight: 700
  }

  .grid_results .white-block .cat-title.upper {
    text-transform: uppercase
  }

  .grid_results .white-block .button-group {
    bottom: 10px;
    left: 175px;
    position: absolute
  }

  .grid_results .white-block .article-item .rsz-img {
    height: 125px;
    padding: 15px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 125px
  }

  .grid_results .white-block .article-item .rsz-img img {
    height: 100%;
    position: relative
  }

  .grid_results .white-block .article-item .content .more_contents, .grid_results .white-block .article-item .content--fixed .more_contents {
    padding-top: 5px;
    margin-bottom: 15px
  }

  .grid_results .white-block .article-item .content .more_contents .folder-list--items, .grid_results .white-block .article-item .content--fixed .more_contents .folder-list--items {
    display: block
  }

  .grid_results .white-block .article-item .content .more_contents .folder-list--items h3, .grid_results .white-block .article-item .content .more_contents .folder-list--items > span, .grid_results .white-block .article-item .content--fixed .more_contents .folder-list--items h3, .grid_results .white-block .article-item .content--fixed .more_contents .folder-list--items > span {
    color: #d64039;
    font-weight: 700;
    font-size: .875em;
    display: inline-block
  }

  .grid_results .white-block .article-item .content .more_contents .folder-list--items.cat-articles > span, .grid_results .white-block .article-item .content--fixed .more_contents .folder-list--items.cat-articles > span {
    color: #d64039
  }

  .grid_results .white-block .article-item .content .more_contents .folder-list--items.cat-video > span, .grid_results .white-block .article-item .content .more_contents .folder-list--items.cat-videos-occupations > span, .grid_results .white-block .article-item .content--fixed .more_contents .folder-list--items.cat-video > span, .grid_results .white-block .article-item .content--fixed .more_contents .folder-list--items.cat-videos-occupations > span {
    color: #218700
  }

  .grid_results .white-block .article-item .content .more_contents .folder-list--items.cat-diapos > span, .grid_results .white-block .article-item .content--fixed .more_contents .folder-list--items.cat-diapos > span {
    color: #c8437f
  }

  .grid_results .white-block .article-item .content .more_contents .folder-list--items.cat-focus > span, .grid_results .white-block .article-item .content--fixed .more_contents .folder-list--items.cat-focus > span {
    color: #77478d
  }

  .grid_results .white-block .article-item .content .more_contents .folder-list--items.cat-infos > span, .grid_results .white-block .article-item .content--fixed .more_contents .folder-list--items.cat-infos > span {
    color: #3094b5
  }

  .grid_results .white-block .article-item .content .more_contents .folder-list--items.cat-pe > span, .grid_results .white-block .article-item .content--fixed .more_contents .folder-list--items.cat-pe > span {
    color: #272727
  }

  .grid_results .white-block .article-item .content .more_contents .folder-list--items.cat-actions > span, .grid_results .white-block .article-item .content--fixed .more_contents .folder-list--items.cat-actions > span {
    color: #765aa5
  }

  .grid_results .white-block .article-item .content .more_contents .folder-list--items.cat-agenda > span, .grid_results .white-block .article-item .content--fixed .more_contents .folder-list--items.cat-agenda > span {
    color: #4996cc
  }

  .grid_results .white-block .article-item .content .more_contents .folder-list--items.cat-community > span, .grid_results .white-block .article-item .content--fixed .more_contents .folder-list--items.cat-community > span {
    color: #e7763f
  }

  .grid_results .white-block .article-item .content .more_contents .folder-list--items.cat-conferences > span, .grid_results .white-block .article-item .content .more_contents .folder-list--items.cat-resources > span, .grid_results .white-block .article-item .content--fixed .more_contents .folder-list--items.cat-conferences > span, .grid_results .white-block .article-item .content--fixed .more_contents .folder-list--items.cat-resources > span {
    color: #3094b5
  }

  .grid_results .white-block .article-item .content .more_contents .folder-list--items.cat-enseignement > span, .grid_results .white-block .article-item .content--fixed .more_contents .folder-list--items.cat-enseignement > span {
    color: #2a837d
  }

  .grid_results .white-block .article-item .content .more_contents .folder-list--items.cat-support-cours > span, .grid_results .white-block .article-item .content--fixed .more_contents .folder-list--items.cat-support-cours > span {
    color: #b92c4f
  }

  .grid_results .white-block .article-item .content .more_contents .folder-list--items.cat-publication > span, .grid_results .white-block .article-item .content--fixed .more_contents .folder-list--items.cat-publication > span {
    color: #11699c
  }

  .grid_results .white-block .article-item .content .more_contents .ellipsis, .grid_results .white-block .article-item .content--fixed .more_contents .ellipsis {
    display: block;
    color: #d64039
  }

  .grid_results .white-block .article-item .content .more_contents h3, .grid_results .white-block .article-item .content--fixed .more_contents h3 {
    line-height: 1;
    font-size: .875em;
    padding-left: 5px;
    margin-bottom: 5px;
    width: 80%
  }

  .grid_results .white-block .article-item .content .more_contents h3 a, .grid_results .white-block .article-item .content--fixed .more_contents h3 a {
    font-weight: 400;
    text-decoration: none;
    color: #282828
  }

  .grid_results .white-block .article-item .content .more_contents h3 span, .grid_results .white-block .article-item .content--fixed .more_contents h3 span {
    display: inline-block;
    height: 4px;
    margin-right: 10px;
    position: relative;
    top: -2px;
    width: 8px;
    background-color: #e7763f;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
  }

  .grid_results .white-block .article-item .content .you-know-that, .grid_results .white-block .article-item .content--fixed .you-know-that {
    text-align: center
  }

  .grid_results .white-block .article-item .content p, .grid_results .white-block .article-item .content--fixed p {
    font-size: .875em;
    line-height: 1.571;
    text-align: justify
  }

  .grid_results .white-block .ba-levels {
    margin-left: 10px
  }

  .grid_results .white-block.cat-highlight {
    height: auto
  }

  .grid_results .white-block.cat-highlight .button-group {
    bottom: auto;
    left: auto;
    position: static
  }

  .grid_results .white-block.cat-infos {
    height: 170px
  }

  .grid_results .white-block.cat-infos .time {
    margin-bottom: 8px;
    margin-top: 5px
  }

  .grid_results .white-block .toolbar {
    right: 0;
    top: 0
  }

  .grid_results .white-block.cat-articles .cat-title {
    color: #d64039
  }

  .grid_results .white-block.cat-articles .button {
    background-color: #d64039;
    -webkit-transition: background-color 100ms ease false;
    -moz-transition: background-color 100ms ease false false;
    -o-transition: background-color 100ms ease false false;
    transition: background-color 100ms ease
  }

  .grid_results .white-block.cat-articles .button:active, .grid_results .white-block.cat-articles .button:focus, .grid_results .white-block.cat-articles .button:hover {
    background-color: #a12721
  }

  .grid_results .white-block.cat-articles .ba-levels .ba-levels-items.glyph-ba-level:before {
    color: #d64039
  }

  .grid_results .white-block.cat-videos-occupations .cat-title {
    color: #218700
  }

  .grid_results .white-block.cat-videos-occupations .button {
    background-color: #218700;
    -webkit-transition: background-color 100ms ease false;
    -moz-transition: background-color 100ms ease false false;
    -o-transition: background-color 100ms ease false false;
    transition: background-color 100ms ease
  }

  .grid_results .white-block.cat-videos-occupations .button:active, .grid_results .white-block.cat-videos-occupations .button:focus, .grid_results .white-block.cat-videos-occupations .button:hover {
    background-color: #0e3b00
  }

  .grid_results .white-block.cat-video .cat-title, .grid_results .white-block.cat-videos-occupations .ba-levels .ba-levels-items.glyph-ba-level:before {
    color: #218700
  }

  .grid_results .white-block.cat-video .button {
    background-color: #218700;
    -webkit-transition: background-color 100ms ease false;
    -moz-transition: background-color 100ms ease false false;
    -o-transition: background-color 100ms ease false false;
    transition: background-color 100ms ease
  }

  .grid_results .white-block.cat-video .button:active, .grid_results .white-block.cat-video .button:focus, .grid_results .white-block.cat-video .button:hover {
    background-color: #0e3b00
  }

  .grid_results .white-block.cat-video .ba-levels .ba-levels-items.glyph-ba-level:before {
    color: #218700
  }

  .grid_results .white-block.cat-diapos .cat-title {
    color: #c8437f
  }

  .grid_results .white-block.cat-diapos .button {
    background-color: #c8437f;
    -webkit-transition: background-color 100ms ease false;
    -moz-transition: background-color 100ms ease false false;
    -o-transition: background-color 100ms ease false false;
    transition: background-color 100ms ease
  }

  .grid_results .white-block.cat-diapos .button:active, .grid_results .white-block.cat-diapos .button:focus, .grid_results .white-block.cat-diapos .button:hover {
    background-color: #932b5a
  }

  .grid_results .white-block.cat-diapos .ba-levels .ba-levels-items.glyph-ba-level:before {
    color: #c8437f
  }

  .grid_results .white-block.cat-focus .cat-title {
    color: #77478d
  }

  .grid_results .white-block.cat-focus .button {
    background-color: #77478d;
    -webkit-transition: background-color 100ms ease false;
    -moz-transition: background-color 100ms ease false false;
    -o-transition: background-color 100ms ease false false;
    transition: background-color 100ms ease
  }

  .grid_results .white-block.cat-focus .button:active, .grid_results .white-block.cat-focus .button:focus, .grid_results .white-block.cat-focus .button:hover {
    background-color: #4c2d5a
  }

  .grid_results .white-block.cat-focus .ba-levels .ba-levels-items.glyph-ba-level:before {
    color: #77478d
  }

  .grid_results .white-block.cat-infos .cat-title {
    color: #3094b5
  }

  .grid_results .white-block.cat-infos .button {
    background-color: #3094b5;
    -webkit-transition: background-color 100ms ease false;
    -moz-transition: background-color 100ms ease false false;
    -o-transition: background-color 100ms ease false false;
    transition: background-color 100ms ease
  }

  .grid_results .white-block.cat-infos .button:active, .grid_results .white-block.cat-infos .button:focus, .grid_results .white-block.cat-infos .button:hover {
    background-color: #206379
  }

  .grid_results .white-block.cat-infos .ba-levels .ba-levels-items.glyph-ba-level:before, .grid_results .white-block.cat-infos .time span {
    color: #3094b5
  }

  .grid_results .white-block.cat-pe .cat-title {
    color: #272727
  }

  .grid_results .white-block.cat-pe .button {
    background-color: #272727;
    -webkit-transition: background-color 100ms ease false;
    -moz-transition: background-color 100ms ease false false;
    -o-transition: background-color 100ms ease false false;
    transition: background-color 100ms ease
  }

  .grid_results .white-block.cat-pe .button:active, .grid_results .white-block.cat-pe .button:focus, .grid_results .white-block.cat-pe .button:hover {
    background-color: #010101
  }

  .grid_results .white-block.cat-pe .ba-levels .ba-levels-items.glyph-ba-level:before {
    color: #272727
  }

  .grid_results .white-block.cat-actions .cat-title {
    color: #765aa5
  }

  .grid_results .white-block.cat-actions .button {
    background-color: #765aa5;
    -webkit-transition: background-color 100ms ease false;
    -moz-transition: background-color 100ms ease false false;
    -o-transition: background-color 100ms ease false false;
    transition: background-color 100ms ease
  }

  .grid_results .white-block.cat-actions .button:active, .grid_results .white-block.cat-actions .button:focus, .grid_results .white-block.cat-actions .button:hover {
    background-color: #533f74
  }

  .grid_results .white-block.cat-actions .ba-levels .ba-levels-items.glyph-ba-level:before {
    color: #765aa5
  }

  .grid_results .white-block.cat-agenda .cat-title {
    color: #4996cc
  }

  .grid_results .white-block.cat-agenda .button {
    background-color: #4996cc;
    -webkit-transition: background-color 100ms ease false;
    -moz-transition: background-color 100ms ease false false;
    -o-transition: background-color 100ms ease false false;
    transition: background-color 100ms ease
  }

  .grid_results .white-block.cat-agenda .button:active, .grid_results .white-block.cat-agenda .button:focus, .grid_results .white-block.cat-agenda .button:hover {
    background-color: #2c6e9d
  }

  .grid_results .white-block.cat-agenda .ba-levels .ba-levels-items.glyph-ba-level:before {
    color: #4996cc
  }

  .grid_results .white-block.cat-community .cat-title {
    color: #e7763f
  }

  .grid_results .white-block.cat-community .button {
    background-color: #e7763f;
    -webkit-transition: background-color 100ms ease false;
    -moz-transition: background-color 100ms ease false false;
    -o-transition: background-color 100ms ease false false;
    transition: background-color 100ms ease
  }

  .grid_results .white-block.cat-community .button:active, .grid_results .white-block.cat-community .button:focus, .grid_results .white-block.cat-community .button:hover {
    background-color: #c15018
  }

  .grid_results .white-block.cat-community .ba-levels .ba-levels-items.glyph-ba-level:before {
    color: #e7763f
  }

  .grid_results .white-block.cat-conferences .cat-title {
    color: #3094b5
  }

  .grid_results .white-block.cat-conferences .button {
    background-color: #3094b5;
    -webkit-transition: background-color 100ms ease false;
    -moz-transition: background-color 100ms ease false false;
    -o-transition: background-color 100ms ease false false;
    transition: background-color 100ms ease
  }

  .grid_results .white-block.cat-conferences .button:active, .grid_results .white-block.cat-conferences .button:focus, .grid_results .white-block.cat-conferences .button:hover {
    background-color: #206379
  }

  .grid_results .white-block.cat-conferences .ba-levels .ba-levels-items.glyph-ba-level:before, .grid_results .white-block.cat-resources .cat-title {
    color: #3094b5
  }

  .grid_results .white-block.cat-resources .button {
    background-color: #3094b5;
    -webkit-transition: background-color 100ms ease false;
    -moz-transition: background-color 100ms ease false false;
    -o-transition: background-color 100ms ease false false;
    transition: background-color 100ms ease
  }

  .grid_results .white-block.cat-resources .button:active, .grid_results .white-block.cat-resources .button:focus, .grid_results .white-block.cat-resources .button:hover {
    background-color: #206379
  }

  .grid_results .white-block.cat-resources .ba-levels .ba-levels-items.glyph-ba-level:before {
    color: #3094b5
  }

  .grid_results .white-block.cat-enseignement .cat-title {
    color: #2a837d
  }

  .grid_results .white-block.cat-enseignement .button {
    background-color: #2a837d;
    -webkit-transition: background-color 100ms ease false;
    -moz-transition: background-color 100ms ease false false;
    -o-transition: background-color 100ms ease false false;
    transition: background-color 100ms ease
  }

  .grid_results .white-block.cat-enseignement .button:active, .grid_results .white-block.cat-enseignement .button:focus, .grid_results .white-block.cat-enseignement .button:hover {
    background-color: #174946
  }

  .grid_results .white-block.cat-enseignement .ba-levels .ba-levels-items.glyph-ba-level:before {
    color: #2a837d
  }

  .grid_results .white-block.cat-support-cours .cat-title {
    color: #b92c4f
  }

  .grid_results .white-block.cat-support-cours .button {
    background-color: #b92c4f;
    -webkit-transition: background-color 100ms ease false;
    -moz-transition: background-color 100ms ease false false;
    -o-transition: background-color 100ms ease false false;
    transition: background-color 100ms ease
  }

  .grid_results .white-block.cat-support-cours .button:active, .grid_results .white-block.cat-support-cours .button:focus, .grid_results .white-block.cat-support-cours .button:hover {
    background-color: #7b1d35
  }

  .grid_results .white-block.cat-support-cours .ba-levels .ba-levels-items.glyph-ba-level:before {
    color: #b92c4f
  }

  .grid_results .white-block.cat-publication .cat-title {
    color: #11699c
  }

  .grid_results .white-block.cat-publication .button {
    background-color: #11699c;
    -webkit-transition: background-color 100ms ease false;
    -moz-transition: background-color 100ms ease false false;
    -o-transition: background-color 100ms ease false false;
    transition: background-color 100ms ease
  }

  .grid_results .white-block.cat-publication .button:active, .grid_results .white-block.cat-publication .button:focus, .grid_results .white-block.cat-publication .button:hover {
    background-color: #093b57
  }

  .grid_results .white-block.cat-publication .ba-levels .ba-levels-items.glyph-ba-level:before {
    color: #11699c
  }
}

@media only screen and (min-width: 60em) {
  .grid_results .white-block {
    height: 130px;
    width: 750px
  }

  .grid_results .white-block.cat-infos {
    height: 150px
  }
}

@media screen and (max-width: 47.938em) {
  .grid_results .white-block {
    float: none;
    margin: 5px 10px;
    overflow: hidden;
    position: relative;
    width: 300px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    height: 150px
  }

  .grid_results .white-block.cat-articles .content {
    background-color: #d64039
  }

  .grid_results .white-block.cat-articles .cat-title {
    color: #ffb4b0
  }

  .grid_results .white-block.cat-videos-occupations .content {
    background-color: #218700
  }

  .grid_results .white-block.cat-videos-occupations .cat-title {
    color: #96de7e
  }

  .grid_results .white-block.cat-video .content {
    background-color: #218700
  }

  .grid_results .white-block.cat-video .cat-title {
    color: #96de7e
  }

  .grid_results .white-block.cat-diapos .content {
    background-color: #c8437f
  }

  .grid_results .white-block.cat-diapos .cat-title {
    color: #ffb0d4
  }

  .grid_results .white-block.cat-focus .content {
    background-color: #77478d
  }

  .grid_results .white-block.cat-focus .cat-title {
    color: #e6b0ff
  }

  .grid_results .white-block.cat-infos .content {
    background-color: #3094b5
  }

  .grid_results .white-block.cat-infos .cat-title {
    color: #b0ebff
  }

  .grid_results .white-block.cat-pe .content {
    background-color: #272727
  }

  .grid_results .white-block.cat-pe .cat-title {
    color: #b2b2b2
  }

  .grid_results .white-block.cat-actions .content {
    background-color: #765aa5
  }

  .grid_results .white-block.cat-actions .cat-title {
    color: #cdb0ff
  }

  .grid_results .white-block.cat-agenda .content {
    background-color: #4996cc
  }

  .grid_results .white-block.cat-agenda .cat-title {
    color: #b0deff
  }

  .grid_results .white-block.cat-community .content {
    background-color: #e7763f
  }

  .grid_results .white-block.cat-community .cat-title {
    color: #ffcab0
  }

  .grid_results .white-block.cat-conferences .content {
    background-color: #3094b5
  }

  .grid_results .white-block.cat-conferences .cat-title {
    color: #b0ebff
  }

  .grid_results .white-block.cat-resources .content {
    background-color: #3094b5
  }

  .grid_results .white-block.cat-resources .cat-title {
    color: #b0ebff
  }

  .grid_results .white-block.cat-enseignement .content {
    background-color: #2a837d
  }

  .grid_results .white-block.cat-enseignement .cat-title {
    color: #b0fffa
  }

  .grid_results .white-block.cat-support-cours .content {
    background-color: #b92c4f
  }

  .grid_results .white-block.cat-support-cours .cat-title {
    color: #ffb0c4
  }

  .grid_results .white-block.cat-publication .content {
    background-color: #11699c
  }

  .grid_results .white-block.cat-publication .cat-title {
    color: #b0e2ff
  }

  .grid_results .white-block .ba-levels {
    position: absolute;
    bottom: 7px;
    right: 10px;
    text-align: right;
    width: auto
  }

  .grid_results .white-block .ba-levels .ba-levels-items {
    margin-left: .15em
  }

  .grid_results .white-block .ba-levels .ba-levels-items.glyph-ba-level:before {
    color: #FFF;
    font-size: .875em
  }

  .grid_results .white-block .content {
    height: 110px;
    position: absolute;
    right: 0;
    top: 0;
    padding: 20px;
    width: 110px;
    background: #d64039
  }

  .grid_results .white-block h2 {
    font-size: .9375em;
    font-weight: 400;
    height: 72px;
    overflow: hidden;
    position: relative;
    color: #FFF
  }

  .grid_results .white-block h2 a {
    text-decoration: none;
    color: #FFF
  }

  .grid_results .white-block .cat-title {
    font-size: .8125em;
    font-weight: 700;
    margin-bottom: 7px;
    display: inline-block
  }

  .grid_results .white-block p {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
  }

  .grid_results .white-block .time {
    color: #FFF
  }

  .grid_results .white-block .button-group {
    display: none
  }

  .grid_results .white-block .more_contents > * {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
  }
}

.article--numbers .filters_btn.SwitchNumbers {
  display: inline-block;
  float: none;
  padding: 20px
}

.article--numbers .filters_btn.SwitchNumbers a {
  color: #f2f2f2
}

.article--numbers .filters_btn.SwitchNumbers a:first-child {
  margin-left: 0
}

.lt-ie9 .article--numbers .filters_btn.SwitchNumbers {
  height: 0;
  padding: 0;
  overflow: hidden
}

.forum--empty form .search input, .forum--filters .search input {
  display: inline-block;
  line-height: 34px;
  margin: 10px -30px 0 0;
  padding-right: 30px
}

.forum--empty form .search .glyph-magnifying-glass, .forum--filters .search .glyph-magnifying-glass {
  position: relative;
  top: -.5em;
  vertical-align: bottom
}

.forum--filters .search .input {
  margin-left: 10px;
  position: relative
}

.lt-ie9 .forum--filters .search .input input {
  font-size: .68em
}

@media only screen and (min-width: 48em) {
  .lt-ie9 .forum--filters .search .input input {
    font-size: .75em
  }
}

.forum--filters .search label {
  display: none;
  visibility: hidden
}

.forum--filters .search button {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: #e6e6e6;
  border: 0;
  display: block;
  height: 34px;
  margin: 0;
  padding: 0;
  position: absolute !important;
  right: 0;
  text-indent: -500000px;
  top: 10px !important;
  width: 34px
}

.forum--filters .search button:before {
  left: 9px;
  position: absolute;
  text-indent: 0;
  top: 10px
}

.forum--filters .sort label {
  margin-left: 10px
}

.forum--filters .sort .selectpicker {
  width: 260px
}

.forum--filters .actions {
  overflow: hidden
}

.forum--filters .actions .button {
  background-color: #e7763f;
  margin-left: 0;
  width: 100%
}

.forum--filters .actions .button:active, .forum--filters .actions .button:focus, .forum--filters .actions .button:hover {
  background: #8c3103
}

.forum--filters .actions .glyph-pen {
  margin-right: 5px
}

@media only screen and (min-width: 48em) {
  .forum--filters {
    padding-top: 75px
  }

  .forum--filters .search {
    clear: both;
    float: left;
    margin-top: 15px;
    width: 55%
  }

  .forum--filters .search label {
    display: block
  }

  .forum--filters .sort {
    float: right;
    padding: 0 1%;
    width: 40%
  }

  .forum--filters .sort .selectpicker {
    margin-left: 0;
    width: 236px
  }

  .forum--filters .sort label {
    margin-left: 0
  }

  .forum--filters .actions {
    background: #f2f2f2;
    display: block;
    left: 0;
    padding-bottom: 25px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%
  }

  .forum--filters .actions .button {
    margin: 0;
    width: auto
  }

  .forum--filters .actions .button .label {
    display: inline-block;
    line-height: 1.35em;
    width: 75%;
    vertical-align: middle
  }
}

@media only screen and (min-width: 60em) {
  .forum--filters {
    padding-top: 15px
  }

  .forum--filters .search {
    margin-top: 0;
    width: 42%
  }

  .forum--filters .sort {
    width: 23%;
    float: left
  }

  .forum--filters .actions {
    background: 0 0;
    border-left: 1px solid #e1e1e1;
    bottom: 0;
    left: auto;
    padding: 20px 0;
    width: 30%
  }
}

.forum--create {
  display: none
}

.forum--create h2 {
  color: #e7763f
}

.forum--create label {
  color: #a0a0a0
}

.forum--create .user-picture {
  display: none
}

.forum--create .user-picture .author {
  color: #272727;
  font-size: .875em;
  padding-top: 10px
}

.forum--create .fields .form-group {
  width: 260px
}

.forum--create .fields .button-group--center .button--submit {
  background-color: #e7763f;
  margin-left: 0
}

.forum--create .fields .button-group--center .button--cancel {
  color: #515253;
  display: inline
}

.forum--create .fields .button-group--center .button--cancel:before {
  content: "";
  display: block;
  height: 0;
  font-size: 0;
  margin-top: 10px
}

@media only screen and (min-width: 48em) {
  .forum--create .user-picture {
    display: block
  }

  .forum--create .fields {
    overflow: hidden;
    padding-left: 20px;
    top: -4px;
    position: relative
  }

  .forum--create .fields #topic-message {
    height: 150px
  }

  .forum--create .fields .button-group--center {
    padding-bottom: 20px;
    padding-top: 10px
  }

  .forum--create .fields .button-group--center .button--cancel, .forum--create .fields .button-group--center .button--submit {
    float: right;
    margin-left: 20px
  }

  .forum--create .fields .button-group--center .button--cancel:before, .forum--create .fields .button-group--center .button--submit:before {
    content: inherit;
    display: none
  }
}

.forum--actions.forum--form .forum--filters .actions {
  display: none
}

@media only screen and (min-width: 48em) {
  .forum--actions.forum--form .forum--filters {
    padding-top: 0
  }
}

@media only screen and (min-width: 60em) {
  .forum--actions.forum--form .forum--filters {
    padding-top: 15px
  }

  .forum--actions.forum--form .forum--filters .actions {
    display: block
  }

  .forum--actions.forum--form .forum--filters .actions .button {
    display: none
  }
}

.forum--actions.forum--form .forum--create {
  display: block
}

.forum--list .list-item {
  border-top: 1px solid #e1e1e1;
  padding: 20px 0
}

.forum--list .list-item:first-child {
  border-top: 0
}

.forum--list .list-item a {
  color: #515253;
  text-decoration: none
}

.forum--list .see_all, .forum--list .see_all a, .forum--list h2 {
  color: #e7763f
}

.forum--list .see_all {
  font-size: .75em;
  font-weight: 700;
  margin-top: -35px;
  position: relative;
  text-transform: uppercase
}

.forum--list .see_all a {
  text-decoration: none
}

.forum--list .topic .topic-desc h4 {
  color: #272727
}

.forum--list .forum--empty h2 {
  border: 0
}

@media only screen and (min-width: 48em) {
  .forum--list .list-item {
    overflow: hidden
  }

  .forum--list .see_all {
    float: right;
    display: block
  }
}

.forum--terms-link {
  margin-bottom: 20px;
  margin-top: 20px;
  text-align: left
}

.forum--topic:after, .forum--topic:before {
  content: " ";
  display: table
}

.forum--topic:after {
  clear: both
}

.lt-ie8 .forum--topic {
  *zoom: 1
}

.forum--topic h2 {
  color: #e7763f
}

.forum--topic a {
  color: #515253;
  text-decoration: none;
  font-weight: 700
}

.forum--topic h2, .forum--topic p {
  border: 0;
  padding-bottom: 10px
}

.forum--topic .count {
  width: auto
}

.forum--topic .author {
  font-size: .75em
}

@media only screen and (min-width: 48em) {
  .forum--topic {
    padding-bottom: 20px
  }
}

.forum--discussion {
  padding: 0 20px 20px
}

.forum--discussion .list-container {
  padding: 0
}

.forum--discussion .list-actions {
  text-align: center
}

.forum--discussion .list-item-content p, .forum--discussion .list-item-picture p {
  font-size: .875em;
  line-height: 1.3em;
  text-align: justify
}

.forum--discussion .list-item-content p a, .forum--discussion .list-item-picture p a {
  color: #e7763f
}

.forum--discussion .list-item-picture {
  float: none;
  padding-bottom: 10px
}

.forum--discussion .list-item-picture:after, .forum--discussion .list-item-picture:before {
  content: " ";
  display: table
}

.forum--discussion .list-item-picture:after {
  clear: both
}

.lt-ie8 .forum--discussion .list-item-picture {
  *zoom: 1
}

.forum--discussion .list-item-picture img {
  float: left;
  width: 50px
}

.forum--discussion .list-item-picture .author {
  color: #272727;
  float: left;
  padding-left: 20px;
  font-weight: 700
}

.forum--discussion .list-item-picture .author-link {
  float: right
}

.forum--discussion .list-item-content {
  overflow: hidden;
  padding-left: 0
}

.forum--discussion .pagination {
  border-bottom: 1px solid #e1e1e1;
  border-top: 1px solid #e1e1e1;
  margin: 10px 0;
  padding: 10px 0
}

.forum--discussion .list-item-add {
  border-top: 0
}

.forum--discussion .list-item-add .list-item-picture {
  display: none
}

.forum--discussion .list-item-add .list-item-content {
  padding-left: 0
}

.forum--discussion .list-item-add .fields textarea {
  margin-bottom: 15px;
  min-height: 150px
}

.forum--discussion .list-item-add .fields .form-group, .forum--discussion .list-item-add .fields .form-inline-group {
  display: none
}

.forum--discussion .list-item-add .fields .button-group--center {
  padding-top: 10px
}

.forum--discussion .list-item-add .fields .button--add, .forum--discussion .list-item-add .fields .button--submit {
  background-color: #e7763f;
  margin-left: 0
}

.forum--discussion .list-item-add .fields .button--add:active, .forum--discussion .list-item-add .fields .button--add:focus, .forum--discussion .list-item-add .fields .button--add:hover, .forum--discussion .list-item-add .fields .button--submit:active, .forum--discussion .list-item-add .fields .button--submit:focus, .forum--discussion .list-item-add .fields .button--submit:hover {
  background: #8c3103
}

.forum--discussion .list-item-add .fields .button--cancel {
  color: #515253
}

.forum--discussion .list-item-add .fields .button--cancel:before {
  content: "";
  display: block;
  height: 0;
  font-size: 0;
  margin-top: 10px
}

.forum--discussion .list-item-add .fields .button--cancel, .forum--discussion .list-item-add .fields .button--submit {
  display: none
}

.forum--discussion.forum--form .list-item-add .fields .form-group, .forum--discussion.forum--form .list-item-add .fields .form-inline-group {
  display: block
}

.forum--discussion.forum--form .list-item-add .fields .form-group label, .forum--discussion.forum--form .list-item-add .fields .form-inline-group label {
  position: relative;
  top: -4px
}

.forum--discussion.forum--form .list-item-add .fields .button-group--center {
  padding-top: 20px
}

.forum--discussion.forum--form .list-item-add .fields .button--submit {
  display: inline-block
}

.forum--discussion.forum--form .list-item-add .fields .button--cancel {
  display: inline
}

.forum--discussion.forum--form .list-item-add .fields .button--add {
  display: none
}

@media only screen and (min-width: 48em) {
  .forum--discussion .list-item-picture {
    float: left;
    padding-bottom: 0;
    width: 150px
  }

  .forum--discussion .list-item-picture .author, .forum--discussion .list-item-picture .author-link, .forum--discussion .list-item-picture img {
    float: none;
    width: auto
  }

  .forum--discussion .list-item-picture .author, .forum--discussion .list-item-picture .author-link {
    padding: 5px 0 0
  }

  .forum--discussion .list-item-content {
    padding-left: 20px
  }

  .forum--discussion .list-item-add .list-item-content {
    padding-left: 0
  }

  .forum--discussion .list-item-add .fields .button--cancel, .forum--discussion .list-item-add .fields .button--submit {
    float: right;
    margin-left: 20px
  }

  .forum--discussion .list-item-add .fields .button--cancel:before, .forum--discussion .list-item-add .fields .button--submit:before {
    content: inherit;
    display: none
  }

  .forum--discussion.forum--form .list-item-add .list-item-picture {
    display: block
  }

  .forum--discussion.forum--form .list-item-add .list-item-content {
    padding-left: 20px
  }
}

@media only screen and (min-width: 60em) {
  .forum--discussion .list-item-picture {
    width: 100px
  }

  .forum--discussion .list-item-picture img {
    width: inherit
  }

  .forum--discussion .list-item-content {
    padding-left: 100px
  }

  .forum--discussion .list-add .list-item-content {
    padding-left: 0
  }

  .forum--discussion.forum--form .list-add .list-item-content {
    padding-left: 100px
  }
}

.forum--empty {
  padding: 15px 20px
}

.forum--empty p {
  padding-bottom: 10px
}

.forum--empty form {
  margin-left: -10px;
  text-align: left
}

.forum--empty form .search {
  padding-bottom: 10px
}

.forum--empty form .search .input {
  margin-left: 10px
}

.forum--empty form .search input {
  border-color: transparent;
  display: inline-block;
  line-height: 34px;
  margin: 10px -30px 0 0;
  padding-right: 30px
}

@media only screen and (min-width: 48em) {
  .forum--empty form {
    text-align: center
  }

  .forum--empty form .search input {
    min-width: 300px;
    width: auto
  }

  .forum--empty form .search input .lt-ie9 {
    margin: 0
  }
}

.survey .nb {
  margin-right: 5px;
  width: 30px;
  line-height: 28px;
  height: 28px;
  background: #fff;
  border-width: 1px;
  border-style: solid;
  padding: 0;
  position: relative;
  font-size: .7em;
  display: inline-block
}

.survey .nb:after, .survey .nb:before {
  left: 100%
}

.survey .nb:after {
  content: '';
  display: block;
  position: absolute;
  top: 10px;
  width: 0;
  height: 0;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 5px
}

.survey .nb:before {
  content: '';
  display: block;
  position: absolute;
  top: 9px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px
}

.survey .no.nb {
  margin-left: 4px;
  margin-right: 0
}

.survey .no.nb:after, .survey .no.nb:before {
  left: auto;
  right: 100%
}

.survey .no.nb:after {
  border-color: transparent #FFF transparent transparent
}

.cat-articles .survey .nb, .survey .cat-articles .nb {
  border-color: #d64039;
  color: #d64039
}

.cat-articles .survey .nb:before, .survey .cat-articles .nb:before {
  border-color: transparent transparent transparent #d64039
}

.cat-articles .survey .no.nb:before, .survey .cat-articles .no.nb:before {
  border-color: transparent #d64039 transparent transparent
}

.cat-videos-occupations .survey .nb, .survey .cat-videos-occupations .nb {
  border-color: #218700;
  color: #218700
}

.cat-videos-occupations .survey .nb:before, .survey .cat-videos-occupations .nb:before {
  border-color: transparent transparent transparent #218700
}

.cat-videos-occupations .survey .no.nb:before, .survey .cat-videos-occupations .no.nb:before {
  border-color: transparent #218700 transparent transparent
}

.cat-video .survey .nb, .survey .cat-video .nb {
  border-color: #218700;
  color: #218700
}

.cat-video .survey .nb:before, .survey .cat-video .nb:before {
  border-color: transparent transparent transparent #218700
}

.cat-video .survey .no.nb:before, .survey .cat-video .no.nb:before {
  border-color: transparent #218700 transparent transparent
}

.cat-diapos .survey .nb, .survey .cat-diapos .nb {
  border-color: #c8437f;
  color: #c8437f
}

.cat-diapos .survey .nb:before, .survey .cat-diapos .nb:before {
  border-color: transparent transparent transparent #c8437f
}

.cat-diapos .survey .no.nb:before, .survey .cat-diapos .no.nb:before {
  border-color: transparent #c8437f transparent transparent
}

.cat-focus .survey .nb, .survey .cat-focus .nb {
  border-color: #77478d;
  color: #77478d
}

.cat-focus .survey .nb:before, .survey .cat-focus .nb:before {
  border-color: transparent transparent transparent #77478d
}

.cat-focus .survey .no.nb:before, .survey .cat-focus .no.nb:before {
  border-color: transparent #77478d transparent transparent
}

.cat-infos .survey .nb, .survey .cat-infos .nb {
  border-color: #3094b5;
  color: #3094b5
}

.cat-infos .survey .nb:before, .survey .cat-infos .nb:before {
  border-color: transparent transparent transparent #3094b5
}

.cat-infos .survey .no.nb:before, .survey .cat-infos .no.nb:before {
  border-color: transparent #3094b5 transparent transparent
}

.cat-pe .survey .nb, .survey .cat-pe .nb {
  border-color: #272727;
  color: #272727
}

.cat-pe .survey .nb:before, .survey .cat-pe .nb:before {
  border-color: transparent transparent transparent #272727
}

.cat-pe .survey .no.nb:before, .survey .cat-pe .no.nb:before {
  border-color: transparent #272727 transparent transparent
}

.cat-actions .survey .nb, .survey .cat-actions .nb {
  border-color: #765aa5;
  color: #765aa5
}

.cat-actions .survey .nb:before, .survey .cat-actions .nb:before {
  border-color: transparent transparent transparent #765aa5
}

.cat-actions .survey .no.nb:before, .survey .cat-actions .no.nb:before {
  border-color: transparent #765aa5 transparent transparent
}

.cat-agenda .survey .nb, .survey .cat-agenda .nb {
  border-color: #4996cc;
  color: #4996cc
}

.cat-agenda .survey .nb:before, .survey .cat-agenda .nb:before {
  border-color: transparent transparent transparent #4996cc
}

.cat-agenda .survey .no.nb:before, .survey .cat-agenda .no.nb:before {
  border-color: transparent #4996cc transparent transparent
}

.cat-community .survey .nb, .survey .cat-community .nb {
  border-color: #e7763f;
  color: #e7763f
}

.cat-community .survey .nb:before, .survey .cat-community .nb:before {
  border-color: transparent transparent transparent #e7763f
}

.cat-community .survey .no.nb:before, .survey .cat-community .no.nb:before {
  border-color: transparent #e7763f transparent transparent
}

.cat-conferences .survey .nb, .survey .cat-conferences .nb {
  border-color: #3094b5;
  color: #3094b5
}

.cat-conferences .survey .nb:before, .survey .cat-conferences .nb:before {
  border-color: transparent transparent transparent #3094b5
}

.cat-conferences .survey .no.nb:before, .survey .cat-conferences .no.nb:before {
  border-color: transparent #3094b5 transparent transparent
}

.cat-resources .survey .nb, .survey .cat-resources .nb {
  border-color: #3094b5;
  color: #3094b5
}

.cat-resources .survey .nb:before, .survey .cat-resources .nb:before {
  border-color: transparent transparent transparent #3094b5
}

.cat-resources .survey .no.nb:before, .survey .cat-resources .no.nb:before {
  border-color: transparent #3094b5 transparent transparent
}

.cat-enseignement .survey .nb, .survey .cat-enseignement .nb {
  border-color: #2a837d;
  color: #2a837d
}

.cat-enseignement .survey .nb:before, .survey .cat-enseignement .nb:before {
  border-color: transparent transparent transparent #2a837d
}

.cat-enseignement .survey .no.nb:before, .survey .cat-enseignement .no.nb:before {
  border-color: transparent #2a837d transparent transparent
}

.cat-support-cours .survey .nb, .survey .cat-support-cours .nb {
  border-color: #b92c4f;
  color: #b92c4f
}

.cat-support-cours .survey .nb:before, .survey .cat-support-cours .nb:before {
  border-color: transparent transparent transparent #b92c4f
}

.cat-support-cours .survey .no.nb:before, .survey .cat-support-cours .no.nb:before {
  border-color: transparent #b92c4f transparent transparent
}

.cat-publication .survey .nb, .survey .cat-publication .nb {
  border-color: #11699c;
  color: #11699c
}

.cat-publication .survey .nb:before, .survey .cat-publication .nb:before {
  border-color: transparent transparent transparent #11699c
}

.cat-publication .survey .no.nb:before, .survey .cat-publication .no.nb:before {
  border-color: transparent #11699c transparent transparent
}

.survey {
  width: 100%;
  text-align: center;
  padding-bottom: 10px
}

.survey.no-footer {
  padding-bottom: 10px
}

.survey h6 {
  text-transform: uppercase
}

.survey p {
  font-size: .875em;
  text-transform: none;
  color: #000;
  font-weight: 700;
  line-height: 1.428571429;
  padding: 20px 0 10px;
  text-align: center;
  width: auto !important;
  font-family: lato, sans-serif
}

.survey button {
  border: 0;
  color: #fff;
  height: 30px;
  padding: 0;
  width: 46px;
  text-transform: uppercase;
  font-size: .7em;
  -webkit-transition: background 200ms false;
  -moz-transition: background 200ms false false;
  -o-transition: background 200ms false false;
  transition: background 200ms
}

.survey.cat-articles button {
  background: #d64039
}

.survey.cat-articles button:active, .survey.cat-articles button:focus, .survey.cat-articles button:hover {
  background: #8c0a03
}

.survey.cat-videos-occupations button {
  background: #218700
}

.survey.cat-videos-occupations button:active, .survey.cat-videos-occupations button:focus, .survey.cat-videos-occupations button:hover {
  background: #206b0b
}

.survey.cat-video button {
  background: #218700
}

.survey.cat-video button:active, .survey.cat-video button:focus, .survey.cat-video button:hover {
  background: #206b0b
}

.survey.cat-diapos button {
  background: #c8437f
}

.survey.cat-diapos button:active, .survey.cat-diapos button:focus, .survey.cat-diapos button:hover {
  background: #8c0341
}

.survey.cat-focus button {
  background: #77478d
}

.survey.cat-focus button:active, .survey.cat-focus button:focus, .survey.cat-focus button:hover {
  background: #61038c
}

.survey.cat-infos button {
  background: #3094b5
}

.survey.cat-infos button:active, .survey.cat-infos button:focus, .survey.cat-infos button:hover {
  background: #036a8c
}

.survey.cat-pe button {
  background: #272727
}

.survey.cat-pe button:active, .survey.cat-pe button:focus, .survey.cat-pe button:hover {
  background: #000
}

.survey.cat-actions button {
  background: #765aa5
}

.survey.cat-actions button:active, .survey.cat-actions button:focus, .survey.cat-actions button:hover {
  background: #35038c
}

.survey.cat-agenda button {
  background: #4996cc
}

.survey.cat-agenda button:active, .survey.cat-agenda button:focus, .survey.cat-agenda button:hover {
  background: #03538c
}

.survey.cat-community button {
  background: #e7763f
}

.survey.cat-community button:active, .survey.cat-community button:focus, .survey.cat-community button:hover {
  background: #8c3103
}

.survey.cat-conferences button {
  background: #3094b5
}

.survey.cat-conferences button:active, .survey.cat-conferences button:focus, .survey.cat-conferences button:hover {
  background: #036a8c
}

.survey.cat-resources button {
  background: #3094b5
}

.survey.cat-resources button:active, .survey.cat-resources button:focus, .survey.cat-resources button:hover {
  background: #036a8c
}

.survey.cat-enseignement button {
  background: #2a837d
}

.survey.cat-enseignement button:active, .survey.cat-enseignement button:focus, .survey.cat-enseignement button:hover {
  background: #125e59
}

.survey.cat-support-cours button {
  background: #b92c4f
}

.survey.cat-support-cours button:active, .survey.cat-support-cours button:focus, .survey.cat-support-cours button:hover {
  background: #951937
}

.survey.cat-publication button {
  background: #11699c
}

.survey.cat-publication button:active, .survey.cat-publication button:focus, .survey.cat-publication button:hover {
  background: #004268
}

.survey.cat-articles h6 {
  color: #d64039
}

.survey.cat-video h6, .survey.cat-videos-occupations h6 {
  color: #218700
}

.survey.cat-diapos h6 {
  color: #c8437f
}

.survey.cat-focus h6 {
  color: #77478d
}

.survey.cat-infos h6 {
  color: #3094b5
}

.survey.cat-pe h6 {
  color: #272727
}

.survey.cat-actions h6 {
  color: #765aa5
}

.survey.cat-agenda h6 {
  color: #4996cc
}

.survey.cat-community h6 {
  color: #e7763f
}

.survey.cat-conferences h6, .survey.cat-resources h6 {
  color: #3094b5
}

.survey.cat-enseignement h6 {
  color: #2a837d
}

.survey.cat-support-cours h6 {
  color: #b92c4f
}

.survey.cat-publication h6 {
  color: #11699c
}

.survey.voted button {
  background: #b33730
}

.survey.voted button:active, .survey.voted button:hover, .survey.voted.cat-articles button.choosen {
  background: #8c0a03
}

.survey.voted.cat-video button.choosen, .survey.voted.cat-videos-occupations button.choosen {
  background: #206b0b
}

.survey.voted.cat-diapos button.choosen {
  background: #8c0341
}

.survey.voted.cat-focus button.choosen {
  background: #61038c
}

.survey.voted.cat-infos button.choosen {
  background: #036a8c
}

.survey.voted.cat-pe button.choosen {
  background: #000
}

.survey.voted.cat-actions button.choosen {
  background: #35038c
}

.survey.voted.cat-agenda button.choosen {
  background: #03538c
}

.survey.voted.cat-community button.choosen {
  background: #8c3103
}

.survey.voted.cat-conferences button.choosen, .survey.voted.cat-resources button.choosen {
  background: #036a8c
}

.survey.voted.cat-enseignement button.choosen {
  background: #125e59
}

.survey.voted.cat-support-cours button.choosen {
  background: #951937
}

.survey.voted.cat-publication button.choosen {
  background: #004268
}

@media only screen and (min-width: 48em) {
  .survey {
    padding: 10px 0 30px;
    clear: both
  }

  .survey p {
    font-size: 1.125em;
    line-height: 1
  }
}

.white-block .grid {
  margin-left: -10px;
  margin-right: -10px
}

.white-block .grid li {
  margin: 20px 10px 0
}

.folder-article {
  width: 320px
}

@media only screen and (min-width: 48em) {
  .folder-article {
    width: 640px
  }
}

@media only screen and (min-width: 60em) {
  .folder-article {
    width: 960px
  }
}

.folder-article footer, .folder-article header {
  position: relative
}

.folder-article footer .toolbar, .folder-article header .toolbar {
  display: none
}

@media only screen and (min-width: 48em) {
  .folder-article footer .toolbar, .folder-article header .toolbar {
    display: inline-block;
    vertical-align: middle
  }
}

.folder-article footer {
  min-height: 50px;
  padding-top: 10px
}

.folder-article h2.title--content {
  padding-left: 20px;
  color: #515253;
  font-size: 1.1em;
  text-transform: uppercase
}

@media only screen and (min-width: 60em) {
  .folder-article .container--two--colons .sub-section .folder--title.top {
    margin-top: 0
  }

  .folder-article .container--two--colons .sub-section .grid li.white-block {
    margin-left: 0
  }
}

.folder-article .container--two--colons .white-block.folder--slide {
  display: block;
  margin-bottom: 1px;
  position: relative;
  background: #f2f2f2;
  padding: 10px 0 0
}

@media only screen and (min-width: 48em) {
  .folder-article .container--two--colons .white-block.folder--slide {
    display: none
  }
}

.folder-article .container--two--colons .white-block.folder--slide .cont-slide {
  width: 290px;
  height: 60px;
  position: relative;
  margin: 1px auto
}

.folder-article .container--two--colons .white-block.folder--slide .carousel--component {
  display: block;
  height: 40px
}

@media only screen and (min-width: 48em) {
  .folder-article .container--two--colons .white-block.folder--slide .carousel--component {
    display: none
  }
}

.folder-article .container--two--colons .white-block.folder--slide .glyph-folder {
  position: absolute;
  right: 10px;
  font-size: 22px;
  top: 10px;
  color: #b2b2b2
}

.folder-article .container--two--colons .white-block.folder--slide .stage {
  text-align: center
}

.folder-article .container--two--colons .white-block.folder--slide .stage .notice, .folder-article .container--two--colons .white-block.folder--slide .stage .text {
  display: block;
  width: auto
}

.folder-article .container--two--colons .white-block.folder--slide .stage .pane {
  padding: 0
}

.folder-article .container--two--colons .white-block.folder--slide .stage .pane .text {
  font-size: 1.3em;
  padding-bottom: 0;
  line-height: 40px
}

.folder-article .container--two--colons .white-block.folder--slide .stage .pane .text a {
  color: #e7763f;
  text-decoration: none
}

.folder-article .container--two--colons .white-block.folder--slide button {
  background-color: transparent;
  border: 0;
  font-size: 2em;
  margin-top: -17px;
  padding: 0;
  position: absolute;
  top: 50%;
  color: #e7763f
}

.folder-article .container--two--colons .white-block.folder--slide button.is-disabled {
  filter: alpha(Opacity=25);
  opacity: .25;
  cursor: default
}

.folder-article .container--two--colons .white-block.folder--slide button.previous {
  left: 0
}

.folder-article .container--two--colons .white-block.folder--slide button.next {
  right: 0
}

.folder--title {
  text-align: center;
  color: #000;
  font-size: 1.2em;
  padding: 10px;
  display: block;
  margin: 5px 10px 10px;
  line-height: 1.3;
  text-transform: uppercase;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 400
}

.folder--title span.glyph {
  padding-right: 10px
}

@media only screen and (min-width: 48em) {
  .folder--title, .sub-section .folder--title {
    margin: 20px 10px
  }

  .sub-section.cat-infos .folder--title {
    margin: 20px 10px 15px
  }
}

.tag-list {
  padding: 10px 10px 20px;
  margin: 0 auto;
  text-align: center;
  color: #272727;
  font-size: .9em
}

.tag-list a {
  color: #272727;
  padding-right: 10px;
  font-weight: 400;
  font-size: 1em
}

.tag-list .titre {
  margin-right: 10px
}

.feed--twitter {
  display: none
}

@media only screen and (min-width: 48em) {
  .feed--twitter {
    bottom: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 330px;
    z-index: 9;
    -webkit-transform: translateX(330px);
    -moz-transform: translateX(330px);
    -ms-transform: translateX(330px);
    -o-transform: translateX(330px);
    transform: translateX(330px);
    -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.19, 1, .22, 1);
    -moz-transition: -moz-transform 1200ms cubic-bezier(0.19, 1, .22, 1) false;
    -o-transition: -o-transform 1200ms cubic-bezier(0.19, 1, .22, 1) false;
    transition: transform 1200ms cubic-bezier(0.19, 1, .22, 1);
    background-color: #23bdf0;
    color: #fff;
    display: block
  }

  .feed--twitter .trigger {
    height: 50px;
    line-height: 50px;
    position: absolute;
    left: -50px;
    top: 60%;
    width: 50px;
    outline: 0
  }

  .feed--twitter .trigger.open .glyph {
    font-size: 24px
  }

  .feed--twitter .trigger.close {
    display: none
  }

  .feed--twitter .trigger.close .glyph {
    font-size: 22px
  }

  .feed--twitter .trigger .glyph {
    position: relative;
    top: 2px
  }

  .feed--twitter.active {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    z-index: 2
  }

  .feed--twitter.active .trigger.open {
    display: none
  }

  .feed--twitter.active .trigger.close {
    display: block
  }

  .feed--twitter.is-hidden .trigger {
    display: none
  }

  .feed--twitter a {
    color: #fff;
    text-decoration: none
  }

  .feed--twitter .trigger {
    background-color: #23bdf0;
    -webkit-transition: background 100ms ease false;
    -moz-transition: background 100ms ease false false;
    -o-transition: background 100ms ease false false;
    transition: background 100ms ease
  }

  .feed--twitter .trigger:hover {
    background: #10b3ea
  }

  .feed--twitter .trigger .glyph-arrow-right:before {
    content: "→";
    position: absolute;
    right: -10px;
    top: -23px;
    font-size: 24px;
    display: inline-block;
    color: #314b5d;
    font-weight: 900
  }

  .feed--twitter .trigger {
    border: 0
  }

  .feed--twitter .trigger.close {
    color: #314b5d
  }

  .feed--twitter .feed {
    padding: 0 20px
  }

  .feed--twitter .title {
    font-size: 1.25em;
    font-weight: 400;
    padding: 15px 0 0
  }

  .feed--twitter .title a {
    color: #536c80
  }

  .feed--twitter .title .glyph-twitter {
    font-size: .8em
  }

  .feed--twitter .link {
    bottom: 15px;
    left: 20px;
    position: absolute;
    right: 20px;
    line-height: 1;
    font-size: .75em
  }

  .feed--twitter .link .label {
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase
  }

  .feed--twitter .link .button {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
    color: #000;
    display: inline-block;
    padding: 5px
  }

  .feed--twitter .messages-wrapper {
    bottom: 80px;
    left: 0;
    margin: 0 10px 0 20px;
    position: absolute;
    right: 0;
    top: 50px
  }

  .feed--twitter .messages-wrapper:after, .feed--twitter .messages-wrapper:before {
    background-color: #65d1f5;
    content: "";
    height: 1px;
    position: absolute;
    left: 0;
    right: 20px
  }

  .feed--twitter .messages-wrapper:before {
    top: -1px
  }

  .feed--twitter .messages-wrapper:after {
    bottom: -1px
  }

  .feed--twitter .messages-wrapper .jspPane .message {
    margin-right: 10px
  }

  .feed--twitter .messages-wrapper .jspVerticalBar {
    background-color: #23bdf0;
    width: 5px
  }

  .feed--twitter .messages-wrapper .jspTrack {
    background-color: #2c80a2
  }

  .feed--twitter .messages-wrapper .jspDrag {
    background-color: #fff
  }

  .feed--twitter .messages-wrapper .jspDrag:after, .feed--twitter .messages-wrapper .jspDrag:before {
    background-color: inherit;
    content: "";
    height: 5px;
    width: 5px;
    position: absolute;
    left: 0;
    right: 0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%
  }

  .feed--twitter .messages-wrapper .jspDrag:before {
    top: -3px
  }

  .feed--twitter .messages-wrapper .jspDrag:after {
    bottom: -3px
  }

  .feed--twitter .messages {
    bottom: 0;
    left: 0;
    overflow-y: scroll;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
  }

  .feed--twitter .messages a {
    color: #314b5d
  }

  .feed--twitter .messages .message {
    border-top: 1px solid #65d1f5;
    font-size: .85em;
    line-height: 1.3em;
    margin-right: 5px;
    padding: 10px 0 25px
  }

  .feed--twitter .messages .message:after, .feed--twitter .messages .message:before {
    content: " ";
    display: table
  }

  .feed--twitter .messages .message:after {
    clear: both
  }

  .lt-ie8 .feed--twitter .messages .message {
    *zoom: 1
  }

  .feed--twitter .messages .message:first-child {
    border-top: 0
  }

  .feed--twitter .messages .avatar {
    float: left;
    width: 40px
  }

  .feed--twitter .messages .text {
    display: block;
    overflow: hidden;
    padding-left: 10px
  }
}

@media only screen and (min-width: 48em) {
  .lt-ie9 .feed--twitter {
    right: -330px;
    -webkit-transition: right 1200ms cubic-bezier(0.19, 1, .22, 1);
    -moz-transition: right 1200ms cubic-bezier(0.19, 1, .22, 1) false;
    -o-transition: right 1200ms cubic-bezier(0.19, 1, .22, 1) false;
    transition: right 1200ms cubic-bezier(0.19, 1, .22, 1)
  }

  .lt-ie9 .feed--twitter.active {
    right: 0;
    z-index: 2
  }
}

.messages-list, .warning-messages {
  margin-bottom: 10px;
  text-align: center
}

.messages-list .messages.error, .messages-list p, .warning-messages .messages.error, .warning-messages p {
  color: #d84343;
  font-size: .75em;
  font-weight: 700;
  padding-bottom: 0;
  padding-top: 0
}

.messages-list .element-invisible, .warning-messages .element-invisible {
  display: none
}

.library .messages-list .messages.error, .library .messages-list p, .library .warning-messages .messages.error, .library .warning-messages p {
  text-align: left
}

.block-user .messages-list, .block-user .warning-messages {
  margin-bottom: 0;
  margin-top: 5px
}

@media only screen and (min-width: 48em) {
  .block-user .messages-list .messages.error, .block-user .messages-list p, .block-user .warning-messages .messages.error, .block-user .warning-messages p {
    text-align: left
  }
}

.home--slide {
  display: none
}

@media only screen and (min-width: 48em) {
  .home--slide {
    display: block;
    margin: 0 0 20px;
    padding: 0 40px;
    position: relative
  }

  .home--slide .stage {
    text-align: center
  }

  .home--slide .stage .notice, .home--slide .stage .text {
    display: block;
    width: auto
  }

  .home--slide .stage .text {
    font-size: 1.3em;
    padding-bottom: 15px
  }

  .home--slide .stage .text a {
    color: #3094b5;
    text-decoration: none
  }

  .home--slide .stage .notice {
    color: #272727;
    font-size: .85em
  }

  .home--slide .arrows button {
    background-color: transparent;
    border: 0;
    font-size: 2em;
    margin-top: -17px;
    padding: 0;
    position: absolute;
    top: 50%;
    outline: 0
  }

  .home--slide .arrows button.is-disabled {
    filter: alpha(Opacity=25);
    opacity: .25;
    cursor: default
  }

  .home--slide .arrows button.previous {
    left: 10px
  }

  .home--slide .arrows button.next {
    right: 10px
  }
}

@media only screen and (min-width: 60em) {
  .home--slide {
    padding: 0 200px
  }

  .home--slide .arrows button.previous {
    left: 150px
  }

  .home--slide .arrows button.next {
    right: 150px
  }
}

.ba-levels {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  padding: 0 !important
}

.preheader .ba-levels {
  padding: 0 !important
}

.ba-levels .ba-levels-items {
  display: inline-block !important;
  vertical-align: top;
  width: 11px;
  height: 11px;
  opacity: .5;
  position: relative;
  color: #fff;
  padding: 0;
  font-weight: 600
}

.ba-levels .ba-levels-items + .ba-levels-items {
  margin-left: .1em
}

.ba-levels .ba-levels-items.active {
  opacity: 1
}

.ba-levels .ba-levels-items.glyph-ba-level:before {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 11.375px;
  color: #536c80
}

.ba-level-name {
  margin-left: 10px;
  display: inline-block;
  vertical-align: baseline;
  font-size: .9em;
  color: #536c80
}

.content--light .cat-actions .ba-levels .ba-levels-items.glyph-ba-level:before, .content--light .cat-agenda .ba-levels .ba-levels-items.glyph-ba-level:before, .content--light .cat-articles .ba-levels .ba-levels-items.glyph-ba-level:before, .content--light .cat-community .ba-levels .ba-levels-items.glyph-ba-level:before, .content--light .cat-conferences .ba-levels .ba-levels-items.glyph-ba-level:before, .content--light .cat-diapos .ba-levels .ba-levels-items.glyph-ba-level:before, .content--light .cat-enseignement .ba-levels .ba-levels-items.glyph-ba-level:before, .content--light .cat-focus .ba-levels .ba-levels-items.glyph-ba-level:before, .content--light .cat-infos .ba-levels .ba-levels-items.glyph-ba-level:before, .content--light .cat-pe .ba-levels .ba-levels-items.glyph-ba-level:before, .content--light .cat-publication .ba-levels .ba-levels-items.glyph-ba-level:before, .content--light .cat-resources .ba-levels .ba-levels-items.glyph-ba-level:before, .content--light .cat-support-cours .ba-levels .ba-levels-items.glyph-ba-level:before, .content--light .cat-video .ba-levels .ba-levels-items.glyph-ba-level:before, .content--light .cat-videos-occupations .ba-levels .ba-levels-items.glyph-ba-level:before {
  color: #536c80
}

.ba-levels {
  width: 43px;
  height: 11px;
  margin-top: -.65px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 43px 11px
}

.ba-levels.light.discover {
  background-image: url(../images/layout/discover--light.svg)
}

.lt-ie9 .ba-levels.light.discover {
  background-image: url(../images/layout/discover--light.png)
}

.ba-levels.light.broaden {
  background-image: url(../images/layout/broaden--light.svg)
}

.lt-ie9 .ba-levels.light.broaden {
  background-image: url(../images/layout/broaden--light.png)
}

.ba-levels.light.expert {
  background-image: url(../images/layout/expert--light.svg)
}

.lt-ie9 .ba-levels.light.expert {
  background-image: url(../images/layout/expert--light.png)
}

.ba-levels.dark.discover {
  background-image: url(../images/layout/discover--dark.svg)
}

.lt-ie9 .ba-levels.dark.discover {
  background-image: url(../images/layout/discover--dark.png)
}

.ba-levels.dark.broaden {
  background-image: url(../images/layout/broaden--dark.svg)
}

.lt-ie9 .ba-levels.dark.broaden {
  background-image: url(../images/layout/broaden--dark.png)
}

.ba-levels.dark.expert {
  background-image: url(../images/layout/expert--dark.svg)
}

.lt-ie9 .ba-levels.dark.expert {
  background-image: url(../images/layout/expert--dark.png)
}
.results-top .filter-tags div {
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}
.results-top .filter-tags div .title {
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 7px;
  vertical-align: middle;
}

.results-top .filter-tags div {
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}

.results-top .filter-tags div .label {
  background-color: #fff;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 7px;
  padding: 10px 35px 10px 10px;
  position: relative;
  vertical-align: middle;
}

.results-top .filter-tags div {
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}

.results-top .filter-tags div .label .glyph-cross.disabled {
  color: #b2b2b2;
  cursor: default;
}
.results-top .filter-tags div .label .glyph-cross {
  cursor: pointer;
  font-size: 0.75em;
  position: absolute;
  right: 12px;
  top: 12px;
}

.teacher-class-email {
  position: relative;
}
.button-group-playbac{
  text-align: center;
}

@media (min-width: 768px) {
  .button-group-playbac .bg-playbac.button-group--center {
    display: inline-block;
    margin: 0 15px 0 15px;
  }
}
.main .box--article.box--teacher-verbatims {
  background: #fff;
  width: 220px;
  padding: 40px;
  padding-top: 16px;
  height: 244px;
}

.box--teacher-verbatims .bx-wrapper {
  box-shadow: none;
  position: initial;
  margin-bottom: 0;
}

.box--teacher-verbatims .ba-title-big {
  margin: -16px -40px 12px;
  font-size: 1.2em;
  color: #fff;
  font-weight: 400;
  text-transform: none;
  height: 70px;
  line-height: 70px;
  padding: 15px 5px;
  background: #3094b5;
  text-align: center;
}

.box--teacher-verbatims .ba-title-big span{
  vertical-align: middle;
  display: inline-block;
  line-height: 19px;
}

.box--teacher-verbatims .carousel--tiny {
  border: none;
}

.main .box--teacher-verbatims .ba-title {
  margin-bottom: 3px;
  color: #515253;
  height: auto;
  font-size: 1em;
}

.box--teacher-verbatims .article-item p {
  font-size: 15px;
  font-style: italic;
  color: #3094b5;
}

.box--teacher-verbatims .article-item p span {
  color: #515253;
  font-style: normal;
}

.box--teacher-verbatims .author-box-teacher {
  margin: 19px 0;
  font-size: 12px;
  font-style: italic;
}

.box--teacher-verbatims .author-box-teacher strong{
  font-style: normal;
}

.box--teacher-verbatims .arrows button {
  position: absolute;
}

.box--teacher-verbatims .next {
  right: 0;
}

.box--teacher-verbatims .previous {
  left: 0;
}

.box--teacher-verbatims .glyph {
  display: inline-block;
}

.box--teacher-verbatims .arrows {
  top: 50%;
  width: 95%;
  right: 0;
  left: 5px;
}

.box--teacher-verbatims .arrows button.previous {
  margin-right: 0px;
}

.box--teacher-verbatims .bx-prev:before,
.box--teacher-verbatims .bx-next:before {
  font-family: glyphs;
  font-size: 28px;
}

.box--teacher-verbatims .bx-next:before {
  content: "\e908";
}

.box--teacher-verbatims .bx-prev:before {
  content: "\e903";
}

.box--teacher-verbatims .bx-controls-direction a {
  background: none;
  color: #515253;
  text-decoration: none;
}

.box--teacher-verbatims .bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 46.9%;
  margin-top: 0;
  outline: 0 none;
  width: auto;
  height: auto;
  text-indent: 0;
  z-index: 1;
}

.main .box--teacher-verbatims .button-group a {
  left: 12%;
  display: block;
}

.main .box--article.box--teacher-verbatims .button {
  bottom: 21px;
  text-align: center;
  position: absolute;
}

@media only screen and (min-width: 48em) {
  .main .box--article.box--teacher-verbatims:hover .ba-title {
    height: auto;
  }
}

/*Hack IE10+*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .bx-wrapper .bx-prev {
    left: -36px;
  }

  .bx-wrapper .bx-next {
    right: -36px;
  }

  .box--teacher-verbatims .bx-wrapper .bx-controls-direction a {
    top: 19%;
  }
}

/*Hack IE9-*/
.lte-ie9 .bx-wrapper .bx-prev {
  left: -36px;
}

.lte-ie9 .bx-wrapper .bx-next {
  right: -36px;
}

.lte-ie9 .box--teacher-verbatims .bx-wrapper .bx-controls-direction a {
  top: 19%;
}

.box--article.box--teacher-verbatims .article-item {
  cursor: inherit;
}


@media (min-width: 769px) and  (max-width: 959px)  {
  .button-group-playbac .bg-playbac.button-group--center {
    display: inline-block;
    margin: 0 30px 0 30px;
  }
}

@media (min-width: 960px) {
  .button-group-playbac .bg-playbac.button-group--center {
    display: inline-block;
    margin: 0 40px 0 40px;
  }
}