/* ------------------------------------------------------ */
/* MIXIN
/* ------------------------------------------------------ */
/* Responsive
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* TYPO
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* COLORS
/* ------------------------------------------------------ */
/* BREAK POINTS, may have to adapt at the beginning, depending of the application */
/* ------------------------------------------------------ */
/* CSS EASING ANIMATION
/* ------------------------------------------------------ */
html, body {
  behavior: url("/htc/ie.htc");
  /*applique les classes "break-...px" via le javascript dans le fichier ie.htc (uniquement sur ie)*/
}

blockquote .before,
blockquote .after {
  position: absolute;
  display: block;
  background-image: url("../img/icons.png");
  background-repeat: no-repeat;
  overflow: hidden;
  width: 32px;
  height: 32px;
}
blockquote .before {
  top: 1.75em;
  left: 2.5em;
  background-position: -128px 0;
}
blockquote .after {
  right: 2.5em;
  bottom: 2.25em;
  background-position: -96px 0;
}

.menu-wrap .menu-button {
  background-image: url("../img/icons.png");
}

.nav-main ul {
  display: none;
}

.unwrap .nav-main ul {
  display: block;
}

.slidebar ul li {
  color: #f4f4f4;
}
.slidebar ul li.current {
  color: #676767;
}
.slidebar ul li:after {
  display: none;
  content: none;
}
.slidebar ul li .after {
  position: absolute;
  top: 1.5em;
  right: 1.25em;
  overflow: hidden;
  background-color: transparent;
  background-image: url("../img/bullets.png");
  background-repeat: no-repeat;
  background-position: -32px 0;
  width: 14px;
  height: 14px;
  border: none;
}
.slidebar ul li.before .after {
  background-color: transparent;
  background-position: -18px 0;
}
.slidebar ul li.current .after {
  background-color: transparent;
  background-position: -46px 0;
  top: 1em;
  right: 0.75em;
  width: 22px;
  height: 22px;
}
.slidebar ul:hover li.current {
  color: #f4f4f4;
}
.slidebar ul:hover li:hover {
  color: #676767;
}

.bullets li {
  background-color: transparent;
  background-image: url("../img/bullets.png");
  background-repeat: no-repeat;
  background-position: -9px 0;
}
.bullets li.current {
  background-color: transparent;
  background-position: 0 0;
}

.tree-line.before {
  position: absolute;
  top: -3em;
  right: 50%;
  left: 50%;
  display: inline-block;
  margin: 0 auto;
  width: 3px;
  height: 3em;
  background-color: #add25a;
  content: '';
  text-align: center;
}

.field .icon {
  background-image: url("../img/icons.png");
}

dialog .close-dialog {
  background-image: url("../img/icons.png");
}

.winners-list ul li, .winner-list ul li {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

figure.slide .slide-view .slide-prev,
figure.slide .slide-view .slide-next {
  background-image: url("../img/icons.png");
}

.break-480px .home-header {
  font-size: 0.45em;
}
.break-480px .home-header h4 {
  font-size: 1.41em;
}
.break-480px .section-main h1 {
  font-size: 3.5em;
}
.break-480px figure.schematic-structure .schema-delegates {
  margin-left: 3.5em;
}
.break-480px figure.schematic-structure .schema-delegates.permanent {
  margin-left: 1em;
}
.break-480px figure.schematic-structure .schema-treasurer {
  margin-right: 3.5em;
}
.break-480px figure.schematic-structure .schema-jury {
  width: 12em;
}
.break-480px .winners-list ul li, .break-480px .winner-list ul li {
  width: 24%;
  height: 12em;
}
.break-480px .field.dropdown {
  margin-right: 6%;
}
.break-480px .search-label label {
  padding-right: 6%;
}
.break-480px ul.tabs li span {
  display: inline;
}

.break-640px .home-header {
  font-size: 0.6em;
}
.break-640px .section-main h1 {
  font-size: 4em;
}
.break-640px .winners-list ul li, .break-640px .winner-list ul li {
  width: 19%;
  height: 13em;
}
.break-640px figure.schematic-structure {
  width: 70%;
}
.break-640px figure.grid ul {
  height: 37em;
}
.break-640px figure.grid ul li {
  width: 25%;
  height: 50%;
  font-size: 1em;
}
.break-640px figure.grid ul li strong {
  font-size: 3em;
}
.break-640px figure.grid ul li em {
  font-size: 2.5em;
}
.break-640px figure.grid ul li.li-1, .break-640px figure.grid ul li.li-2, .break-640px figure.grid ul li.li-3, .break-640px figure.grid ul li.li-4 {
  top: 0;
}
.break-640px figure.grid ul li.li-5, .break-640px figure.grid ul li.li-6, .break-640px figure.grid ul li.li-7, .break-640px figure.grid ul li.li-8 {
  top: 50%;
}
.break-640px figure.grid ul li.li-1, .break-640px figure.grid ul li.li-5 {
  left: 0;
}
.break-640px figure.grid ul li.li-2, .break-640px figure.grid ul li.li-6 {
  left: 25%;
}
.break-640px figure.grid ul li.li-3, .break-640px figure.grid ul li.li-7 {
  left: 50%;
}
.break-640px figure.grid ul li.li-4, .break-640px figure.grid ul li.li-8 {
  left: 75%;
}
.break-640px figure.grid ul li.li-6, .break-640px figure.grid ul li.li-8 {
  background-color: #ffffff;
}
.break-640px figure.grid ul li.li-6 *, .break-640px figure.grid ul li.li-8 * {
  color: #676767;
}
.break-640px figure.grid ul li.li-6 strong, .break-640px figure.grid ul li.li-8 strong {
  color: #4b8950;
}
.break-640px figure.grid ul li.li-5, .break-640px figure.grid ul li.li-7 {
  background-color: #add25a;
  color: #ffffff;
}
.break-640px figure.grid ul li.li-5 *, .break-640px figure.grid ul li.li-7 * {
  color: #ffffff;
}
.break-640px figure.half ul {
  height: 20em;
}
.break-640px figure.half ul li {
  height: 100%;
}
.break-640px .field.dropdown {
  margin-right: 10%;
}
.break-640px .search-label label {
  padding-right: 10%;
}

.break-768px article {
  padding: 3em 0;
}
.break-768px article.article-image-left figure, .break-768px article.article-image-right figure {
  display: table-cell;
  width: 312px;
}
.break-768px article.article-image-left aside, .break-768px article.article-image-right aside {
  display: table-cell;
  width: 100%;
}
.break-768px article.article-image-left {
  direction: rtl;
}
.break-768px article.article-image-left aside, .break-768px article.article-image-left figure {
  direction: ltr;
}
.break-768px article.article-image-left figure {
  float: left;
}
.break-768px article.article-image-right figure {
  float: right;
}
.break-768px .half {
  width: 45%;
  display: inline-table;
  margin: 1em auto 0 auto;
}
.break-768px .nav-main {
  font-size: 0.6em;
}
.break-768px .menu-wrap {
  display: none;
}
.break-768px .home-header {
  width: 684px;
  height: 226px;
  background-size: 720px 226px;
  padding-left: 36px;
  font-size: 0.6em;
}
.break-768px .home-header h1 {
  padding: 0.5em 0 0 0;
}
.break-768px .home-header h4 {
  padding-left: 0;
}
.break-768px .section-main {
  width: 720px;
}
.break-768px .section-main header,
.break-768px .section-main article,
.break-768px .section-main figure.full,
.break-768px .section-main footer, .break-768px .section-main .hr {
  width: 100%;
}
.break-768px .section-main blockquote {
  width: 594px;
  padding-left: 63px;
  padding-right: 63px;
}
.break-768px .section-main blockquote:before {
  left: 1.5em;
}
.break-768px .section-main blockquote:after {
  right: 1.5em;
}
.break-768px .home-large h2 {
  font-size: 2.75em;
}
.break-768px figure.half {
  width: 100%;
}
.break-768px article.article-image-left figure {
  margin-right: 0;
}
.break-768px .winners-list ul, .break-768px .winner-list ul {
  text-align: left;
}
.break-768px .winners-list ul li, .break-768px .winner-list ul li {
  width: 12.29em;
  height: 14em;
}
.break-768px .winners-list ul li figure img, .break-768px .winner-list ul li figure img {
  width: 14em;
  left: -0.855em;
}
.break-768px .tree > ul {
  display: table;
  margin-bottom: 3em;
}
.break-768px .tree > ul > li {
  display: table-cell;
  width: auto;
  width: initial;
  padding-top: 1em;
  width: 33%;
}
.break-768px .tree > ul > li > a {
  font-size: 1em;
}
.break-768px .tree > ul > li > ul > li > a {
  font-size: 1em;
  padding: 1em 0 0 0;
}
.break-768px .field {
  margin: 0 0 0 1em;
}
.break-768px .field.dropdown {
  margin-right: 1em;
}
.break-768px .table.trio .cell {
  width: 33%;
  margin: 0;
  display: table-cell;
}
.break-768px .table.trio .cell strong {
  font-size: 1em;
}
.break-768px .search-label label {
  padding-right: 1em;
}
.break-768px .txt-less p {
  font-size: 0.9em;
}
.break-768px .search-label {
  width: inherit;
  width: auto;
}
.break-768px span.grid {
  display: inline-table;
}
.break-768px dialog .close-dialog {
  top: 2em;
  right: 2em;
}
.break-768px dialog .dialog-content {
  font-size: 0.9em;
  padding: 0 4em 2em 4em;
}

.break-1024px p {
  font-size: 1.2em;
}
.break-1024px .nav-main {
  font-size: 0.69em;
}
.break-1024px .home-header {
  width: 912px;
  height: 301px;
  background-size: 960px 301px;
  padding-left: 48px;
  font-size: 0.8em;
}
.break-1024px .section-main {
  width: 960px;
  font-size: 0.8em;
}
.break-1024px .section-main header,
.break-1024px .section-main article,
.break-1024px .section-main figure.full,
.break-1024px .section-main footer, .break-1024px .section-main .hr {
  width: 839px;
  margin-right: 121px;
}
.break-1024px .section-main blockquote {
  width: 671px;
  margin-right: 121px;
  padding-left: 84px;
  padding-right: 84px;
}
.break-1024px .section-main blockquote:before {
  top: 2em;
  left: 2.5em;
}
.break-1024px .section-main blockquote:after {
  bottom: 2.5em;
  right: 2.5em;
}
.break-1024px article.article-image-left figure, .break-1024px article.article-image-right figure {
  width: 416px;
}
.break-1024px .slidebar {
  display: block;
  width: 119px;
}
.break-1024px .slidebar ul {
  width: 119px;
}
.break-1024px .winners-list ul li, .break-1024px .winner-list ul li {
  width: 12.952em;
}
.break-1024px dialog .dialog-content {
  font-size: 1em;
}

.break-1248px p {
  font-size: 1em;
}
.break-1248px .logo {
  width: 12%;
}
.break-1248px .logo img {
  width: 100%;
}
.break-1248px .nav-main {
  font-size: 0.75em;
}
.break-1248px .home-header {
  width: 1140px;
  height: 376px;
  background-size: 1200px 376px;
  padding-left: 60px;
  font-size: 1em;
}
.break-1248px .section-main {
  width: 1200px;
  font-size: 1em;
}
.break-1248px .section-main header,
.break-1248px .section-main article,
.break-1248px .section-main figure.full,
.break-1248px .section-main footer, .break-1248px .section-main .hr {
  width: 1049px;
  margin-right: 151px;
}
.break-1248px .section-main blockquote {
  width: 839px;
  margin-right: 151px;
  padding-left: 105px;
  padding-right: 105px;
}
.break-1248px article.article-image-left figure, .break-1248px article.article-image-right figure {
  width: 520px;
}
.break-1248px .slidebar {
  width: 149px;
}
.break-1248px .slidebar ul {
  width: 149px;
}
.break-1248px .winners-list ul li, .break-1248px .winner-list ul li {
  width: 12.3459em;
}