/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/* Frameworks */
/* ************************* *
 * whiteCube SCSS file       *
 * mixins and functions      *
 * ************************* */
/* - @include hidden()
**********************************************************
 Hides an element but keeps it usable by Screen-readers
**********************************************************
*/
/* - @include clearfix([both|left|right])
**********************************************************
 Default : both
 Reset float on parent-element of floated elements
**********************************************************
*/
/* - @include resetFW()
**********************************************************
 cleares width and float on element.
 Usefull on responsive designs
**********************************************************
*/
/* - s($goal:number,[$parent:number])
**********************************************************
 $parent default : false
 Computes em sizes from pixel-based numbers
**********************************************************
*/
/* - ps_ls($ps_num:number)
**********************************************************
 $ps_num is an unitless number you can find in the type
 window of Photoshop.

 Computes em letter-spacing
**********************************************************
*/
/* - gridz_columns($boxCol:number,$parentCol:number)
**********************************************************
 returns box size in %
**********************************************************
*/
/* - gridz_gutter($parentCol:number)
**********************************************************
 returns gutter size in % depending on number
 of parent-columns
**********************************************************
*/
/* - @include respVideoContainer($boxCol:number,$parentCol:number)
**********************************************************
 Uses gridz_columns among other properties to create a
 video container (iframe) for the amout of columns in
 a certain amount of parent-columns
**********************************************************
*/
/* - @include transition(transition1,[transition2],[transition3],[transition4],[transition5],[transition6],[transition7],[transition8],[transition9],[transition10])
**********************************************************
 creates cross-browser (compass-like) transition
 when easing not defined, it uses $ease-out-quad
**********************************************************
*/
/* - @include triangle($color:color, $lengthX:[px|em|rem], $lengthY:[px|em|rem], $direction:[bottom|top|left|right], $position:css-list, $pseudoElement:[after|before])
**********************************************************
 creates triangle element on pseudo element (before/after)
 in all directions (left/right/top/left, positions
 and sizes.
**********************************************************
*/
/* Variables */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 31, 2015 */
@font-face {
  font-family: 'robotoblack';
  src: url("../fonts/roboto/roboto-black-webfont.eot");
  src: url("../fonts/roboto/roboto-black-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-black-webfont.woff2") format("woff2"), url("../fonts/roboto/roboto-black-webfont.woff") format("woff"), url("../fonts/roboto/roboto-black-webfont.ttf") format("truetype"), url("../fonts/roboto/roboto-black-webfont.svg#robotoblack") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'robotobold';
  src: url("../fonts/roboto/roboto-bold-webfont.eot");
  src: url("../fonts/roboto/roboto-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-bold-webfont.woff2") format("woff2"), url("../fonts/roboto/roboto-bold-webfont.woff") format("woff"), url("../fonts/roboto/roboto-bold-webfont.ttf") format("truetype"), url("../fonts/roboto/roboto-bold-webfont.svg#robotobold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'robotolight';
  src: url("../fonts/roboto/roboto-light-webfont.eot");
  src: url("../fonts/roboto/roboto-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-light-webfont.woff2") format("woff2"), url("../fonts/roboto/roboto-light-webfont.woff") format("woff"), url("../fonts/roboto/roboto-light-webfont.ttf") format("truetype"), url("../fonts/roboto/roboto-light-webfont.svg#robotolight") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'robotoregular';
  src: url("../fonts/roboto/roboto-regular-webfont.eot");
  src: url("../fonts/roboto/roboto-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-regular-webfont.woff2") format("woff2"), url("../fonts/roboto/roboto-regular-webfont.woff") format("woff"), url("../fonts/roboto/roboto-regular-webfont.ttf") format("truetype"), url("../fonts/roboto/roboto-regular-webfont.svg#robotoregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'okudabold_italic';
  src: url("../fonts/okuda/okuda_bold_italic-webfont.eot");
  src: url("../fonts/okuda/okuda_bold_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/okuda/okuda_bold_italic-webfont.woff2") format("woff2"), url("../fonts/okuda/okuda_bold_italic-webfont.woff") format("woff"), url("../fonts/okuda/okuda_bold_italic-webfont.ttf") format("truetype"), url("../fonts/okuda/okuda_bold_italic-webfont.svg#okudabold_italic") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'okudaitalic';
  src: url("../fonts/okuda/okuda_italic-webfont.eot");
  src: url("../fonts/okuda/okuda_italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/okuda/okuda_italic-webfont.woff2") format("woff2"), url("../fonts/okuda/okuda_italic-webfont.woff") format("woff"), url("../fonts/okuda/okuda_italic-webfont.ttf") format("truetype"), url("../fonts/okuda/okuda_italic-webfont.svg#okudaitalic") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icon/icomoon.eot?q9ejvs");
  src: url("../fonts/icon/icomoon.eot?#iefixq9ejvs") format("embedded-opentype"), url("../fonts/icon/icomoon.ttf?q9ejvs") format("truetype"), url("../fonts/icon/icomoon.woff?q9ejvs") format("woff"), url("../fonts/icon/icomoon.svg?q9ejvs#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Text normal */
/* Titles */
/* Icones font */
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-arrow:before {
  content: "\e600"; }

.icon-plus:before {
  content: "\e601"; }

.icon-home:before {
  content: "\e602"; }

.icon-info:before {
  content: "\e603"; }

.icon-email:before {
  content: "\e604"; }

.icon-facebook:before {
  content: "\e605"; }

/* Partials */
body {
  font-size: 16;
  font-family: "robotoregular";
  background-color: #fafafa; }

body * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

a {
  text-decoration: none; }

.container {
  width: 1160px;
  margin: 0 auto; }
  @media screen and (max-width: 1160px) {
    .container {
      width: 100%; } }

.wrapper {
  width: 90.47619%;
  margin: 0 auto;
  display: block; }
  .wrapper:after {
    content: "";
    display: block;
    clear: both; }

.hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.quickContact {
  width: 19.04762%; }
  .quickContact li a {
    width: 25%;
    line-height: 4.3em;
    font-size: 1.25em;
    float: left;
    text-align: center;
    -webkit-transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.returnTop, .buttonCircle {
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  text-align: center;
  color: #fafafa;
  margin-top: 0.625em; }
  .returnTop:hover, .returnTop:focus, .buttonCircle:hover, .buttonCircle:focus {
    -webkit-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.bg-cta {
  background-image: url(../img/bg-ramce-cta.jpg);
  background-repeat: no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }

.introTitle {
  text-align: center;
  font-family: "okudaitalic";
  font-size: 3.75em;
  margin-top: 0.75em; }
  @media screen and (max-width: 530px) {
    .introTitle {
      width: 80%;
      margin: 0.75em auto 0 auto; } }

.introText {
  text-align: center;
  width: 80.95238%;
  margin: 0.66667em auto 2.77778em auto;
  line-height: 1.33333em;
  font-family: "robotolight";
  font-size: 1.125em; }
  @media screen and (max-width: 530px) {
    .introText {
      width: 80%; } }

.article1 {
  margin: 0 2.63158% 3.4375em 5.26316%; }

.article2 {
  margin: 0 2.63158% 3.4375em 2.63158%; }

.article3 {
  margin: 0 5.26316% 3.4375em 2.63158%; }

.select {
  color: #9d9d9d; }

.textLab {
  font-size: 0.8125em;
  font-family: "robotolight";
  margin: 1.5em 0;
  line-height: 1.53846em; }

@media screen and (max-width: 1000px) {
  h1.bugMenuTitle {
    padding: 2.25em 0 0.58333em 0; } }
@media screen and (max-width: 700px) {
  h1.bugMenuTitle {
    padding: 3.33333em 0 0.58333em 0; } }

.titlePage {
  font-family: "okudaitalic";
  color: #36a9e1;
  font-size: 3.75em;
  padding: 0.58333em 0;
  -webkit-transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  @media screen and (max-width: 800px) {
    .titlePage {
      text-align: center; } }

@keyframes zoomIn {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
  100% {
    -webkit-transform: scale(1.08, 1.08);
    -moz-transform: scale(1.08, 1.08);
    -ms-transform: scale(1.08, 1.08);
    -o-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08); } }
@-webkit-keyframes zoomIn {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
  100% {
    -webkit-transform: scale(1.08, 1.08);
    -moz-transform: scale(1.08, 1.08);
    -ms-transform: scale(1.08, 1.08);
    -o-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08); } }
header a, header {
  color: #fafafa; }

.topMenu, .bottomMenu {
  width: 100%; }

.topMenu {
  background-color: #3c3c3b;
  height: 5.375em; }
  @media screen and (max-width: 1000px) {
    .topMenu {
      height: 6.25em;
      position: fixed;
      z-index: 90; } }
  .topMenu h1 {
    width: 80.95238%;
    line-height: 1.43333em;
    font-family: "okudaitalic";
    font-size: 3.75em;
    letter-spacing: 0.01667em;
    display: inline-block; }
    @media screen and (max-width: 1200px) {
      .topMenu h1 {
        padding-left: 3%; } }
    @media screen and (max-width: 700px) {
      .topMenu h1 {
        width: 80%;
        text-align: center;
        display: block;
        margin: 0 auto;
        line-height: 1.66667em; } }
    @media screen and (max-width: 600px) {
      .topMenu h1 {
        font-size: 2.8125em;
        line-height: 2.22222em; } }
  .topMenu .quickContact {
    float: right; }
    @media screen and (max-width: 1000px) {
      .topMenu .quickContact {
        visibility: hidden;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0; } }
    .topMenu .quickContact li a:hover, .topMenu .quickContact li a:focus {
      color: #99dcfd; }

.bottomMenu {
  background-color: #575756;
  height: 3.5em; }
  @media screen and (max-width: 1000px) {
    .bottomMenu {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px; } }
  .bottomMenu ul {
      display: table;
      table-layout: fixed; }
  .bottomMenu .container li {
    display: table-cell;
    line-height: 4.30769em;
    font-family: "robotolight";
    text-transform: uppercase;
    text-align: center;
    font-size: 0.8125em;
    border-left: 1px #646463 solid;
    -webkit-transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .bottomMenu .container li a {
    display: block;
    position: relative; }
    .bottomMenu .container li a:hover, .bottomMenu .container li a:focus {
      color: #99dcfd; }
    .bottomMenu .container li a:hover:after {
      visibility: visible;
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1;
      -webkit-transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -moz-transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -o-transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .bottomMenu .container li .firstLink {
    border: none; }
  .bottomMenu .container li a:after {
    content: '';
    left: 50%;
    margin-left: -4px;
    margin-bottom: -1px;
    width: 0;
    height: 0;
    bottom: 0;
    position: absolute;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #99dcfd transparent;
    visibility: hidden;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0; }

.banner {
  width: 100%;
  height: 301px;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-image: url(../img/bg-ramce.jpg);
  background-repeat: no-repeat;
  background-position: center; }
  .banner img {
    width: 11.625em;
    padding: 1.5em 0;
    display: block; }
    @media screen and (max-width: 1200px) {
      .banner img {
        display: none;
        padding: 1.5em 0; } }
    @media screen and (max-width: 1000px) {
      .banner img {
        display: none;
        padding: 11.25em 0; } }
    @media screen and (max-width: 700px) {
      .banner img {
        display: none;
        padding-top: 15.625em; } }

@media (min-width: 1000px) {
  .slicknav_menu {
    visibility: hidden;
    position: absolute;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    top: -5.375em; } }
@media (max-width: 1000px) {
  .slicknav_menu {
    font-family: "robotoregular";
    color: #fafafa;
    text-transform: uppercase; }

  .slicknav_btn {
    height: 6.25em;
    width: 12.5em;
    visibility: visible;
    position: fixed;
    right: 0;
    z-index: 99;
    line-height: 6.25em;
    font-size: 1em;
    background-color: #575756; }

  .slicknav_menutxt:active, .slicknav_menutxt:focus {
    color: #36a9e1; }

  .slicknav_icon-bar:active {
    background-color: #36a9e1; }

  .slicknav_menutxt {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1.6em;
    height: 100%;
    display: block;
    color: #fafafa;
    font-size: 1.5625em;
    font-family: "robotolight"; }

  .slicknav_icon {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 2.5em;
    position: relative;
    top: -3.75em;
    float: right; }

  .slicknav_icon-bar {
    display: block;
    width: 1.875em;
    height: 2px;
    margin: 4px 0;
    background-color: #fff; }

  .slicknav_nav {
    clear: both;
    background-color: #6db4d6;
    width: 80%;
    position: fixed;
    z-index: 2;
    top: 5em;
    right: 0;
    padding: 1em 0 2em 0;
    line-height: 3.5em;
    font-size: 1.25em; }
    .slicknav_nav li a {
      font-size: 1em;
      display: block;
      height: 100%;
      margin-left: 2.5em;
      border-bottom: 1px #3c3c3b solid;
      color: #fafafa;
      font-family: "robotolight"; }
    .slicknav_nav li a:hover {
      color: #575756; }
    .slicknav_nav li a:focus {
      color: #3c3c3b; } }
@media (max-width: 700px) {
  .slicknav_btn {
    height: 5em;
    width: 100%;
    top: 6.25em;
    line-height: 5em; }

  .slicknav_icon {
    top: -3em; }

  .slicknav_nav {
    width: 100%;
    z-index: 100;
    top: 9em;
    right: 0;
    padding: 1em 0 2em 0;
    line-height: 2.5em; }
    .slicknav_nav li a {
      display: block;
      height: 100%;
      margin-left: 2.5em;
      border-bottom: 1px #575756 solid; } }
footer a, footer {
  color: #3c3c3b; }

footer {
  background-color: #fafafa;
  height: 5.375em; }
  footer .container {
    position: relative; }
    footer .container .returnTop {
      font-size: 1.125em;
      width: 2em;
      height: 2em;
      background-color: #36a9e1;
      position: absolute;
      top: -1em;
      right: 0;
      margin: 0 1.94444em;
      line-height: 2em;
      -moz-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
      -webkit-transform: rotate(270deg);
      transform: rotate(270deg); }
      footer .container .returnTop:hover, footer .container .returnTop:focus {
        background-color: #207dab; }
    footer .container h1 {
      display: inline-block; }
    footer .container .quickContact {
      display: inline-block;
      margin: 0 2.38095% 0 2.38095%; }
      footer .container .quickContact li a:hover, footer .container .quickContact li a:focus {
        color: #36a9e1; }
    footer .container .copy, footer .container .mention {
      font-size: 0.75em;
      width: 38.09524%;
      line-height: 7.16667em;
      display: inline-block; }
    footer .container .copy {
      text-align: left;
      float: left; }
      @media screen and (max-width: 1205px) {
        footer .container .copy {
          padding-left: 7%; } }
    footer .container .mention {
      float: right; }
      footer .container .mention a {
        text-decoration: underline;
        float: right;
        -webkit-transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -moz-transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        @media screen and (max-width: 1205px) {
          footer .container .mention a {
            padding-right: 7%; } }
        footer .container .mention a:hover, footer .container .mention a:focus {
          color: #36a9e1; }

.border-top {
  border-top: 1px #9d9d9d solid; }

.sectionCta {
  color: #3c3c3b; }
  .sectionCta .wrapper .cta {
    width: 26.31579%;
    float: left; }
    @media screen and (max-width: 970px) {
      .sectionCta .wrapper .cta {
        float: none;
        width: 52.63158%;
        text-align: center; } }
    @media screen and (max-width: 970px) {
      .sectionCta .wrapper .cta {
        width: 84.21053%; } }
    .sectionCta .wrapper .cta:before {
      content: '';
      width: 100%;
      height: 5.3125em;
      display: block;
      background-repeat: no-repeat;
      background-position: center; }
    .sectionCta .wrapper .cta h2 {
      color: #36a9e1;
      font-family: "okudaitalic";
      text-align: center;
      font-size: 3.125em;
      margin-bottom: 0.5em; }
    .sectionCta .wrapper .cta h3 {
      font-size: 1.125em;
      font-family: "robotobold";
      line-height: 1.33333em; }
    .sectionCta .wrapper .cta h4 {
      font-size: 1em;
      font-family: "robotobold";
      line-height: 1.5em; }
    .sectionCta .wrapper .cta p {
      margin: 0.625em 0;
      line-height: 1.25em;
      font-family: "robotolight"; }
    .sectionCta .wrapper .cta a {
      text-align: center;
      color: #3c3c3b; }
  .sectionCta .wrapper .calendar {
    margin: 0 2.63158% 5.3125em 5.26316%; }
    @media screen and (max-width: 970px) {
      .sectionCta .wrapper .calendar {
        margin: 0 auto 5.3125em auto;
        padding-bottom: 2.5em;
        border-bottom: 1px #99dcfd solid; } }
    .sectionCta .wrapper .calendar:before {
      background-image: url(../img/icon-calendar.png); }
  .sectionCta .wrapper .competition {
    margin: 0 2.63158% 5.3125em 2.63158%; }
    @media screen and (max-width: 970px) {
      .sectionCta .wrapper .competition {
        margin: 2.5em auto 5.3125em auto;
        padding-bottom: 2.5em;
        border-bottom: 1px #99dcfd solid; } }
    .sectionCta .wrapper .competition:before {
      background-image: url(../img/icon-compet.png); }
  .sectionCta .wrapper .news {
    margin: 0 5.26316% 5.3125em 2.63158%; }
    @media screen and (max-width: 970px) {
      .sectionCta .wrapper .news {
        margin: 2.5em auto 5.3125em auto; } }
    .sectionCta .wrapper .news:before {
      background-image: url(../img/icon-news.png); }
  .sectionCta .wrapper .buttonCircle {
    background-color: #36a9e1;
    font-size: 1.125em;
    width: 1.55556em;
    height: 1.55556em;
    line-height: 1.55556em;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 970px) {
      .sectionCta .wrapper .buttonCircle {
        float: none;
        display: block;
        margin: 0 auto;
        width: 1.66667em;
        height: 1.66667em;
        font-size: 1.5em;
        line-height: 1.66667em; } }
    .sectionCta .wrapper .buttonCircle:hover, .sectionCta .wrapper .buttonCircle:focus {
      background-color: #207dab; }

.bio {
  position: relative; }
  .bio:after {
    content: "";
    display: block;
    clear: both; }
  .bio h1, .bio .ctaBio {
    width: 52.38095%; }
  .bio h1 {
    float: right;
    color: #fafafa;
    font-family: "okudaitalic";
    text-align: left;
    font-size: 3.125em;
    margin: 1.2em 9.52381% 0.5em 2.38095%; }
    @media screen and (max-width: 900px) {
      .bio h1 {
        float: none;
        width: 80%;
        margin: 0 auto 0.5em auto;
        padding-top: 1.2em;
        text-align: center; } }
  .bio .ctaBio {
    float: right;
    margin: 0 9.52381% 3.75em 2.38095%;
    display: inline; }
    @media screen and (max-width: 900px) {
      .bio .ctaBio {
        float: none;
        display: block;
        width: 80%;
        margin: 0 auto 3.75em auto;
        text-align: center; } }
    .bio .ctaBio p {
      line-height: 1.5em;
      font-family: "robotolight";
      font-size: 1em;
      color: #fafafa; }
      @media screen and (max-width: 900px) {
        .bio .ctaBio p {
          display: block; } }
    .bio .ctaBio .buttonCircle {
      background-color: #36a9e1;
      font-size: 1.25em;
      width: 1.5em;
      height: 1.5em;
      line-height: 1.5em;
      float: right; }
      @media screen and (max-width: 900px) {
        .bio .ctaBio .buttonCircle {
          display: block;
          float: none;
          margin: 1.875em auto;
          width: 1.6em;
          height: 1.6em;
          line-height: 1.6em;
          font-size: 1.5625em; } }
      .bio .ctaBio .buttonCircle:hover, .bio .ctaBio .buttonCircle:focus {
        background-color: #207dab; }
  .bio .imgBio {
    position: absolute;
    width: 23.80952%;
    margin: 3.75em 2.38095% 3.75em 9.52381%;
    height: 11.25em; }
    @media screen and (max-width: 900px) {
      .bio .imgBio {
        width: 22.5em;
        position: relative;
        margin: 3.75em auto 3.75em auto; } }
    .bio .imgBio img {
      width: 100%; }

.agendaCta {
  width: 100%;
  background-color: #fafafa; }
  .agendaCta h1 {
    text-align: center;
    font-family: "okudaitalic";
    font-size: 3.75em;
    padding-top: 0.75em;
    padding-bottom: 0.41667em;
    color: #36a9e1; }

.eventCta {
  width: 26.31579%;
  float: left;
  display: block; }
  @media screen and (max-width: 820px) {
    .eventCta {
      float: none;
      width: 80%;
      margin: 0 auto;
      border-bottom: 1px #99dcfd solid;
      margin-bottom: 2.5em; } }
  .eventCta h2 {
    font-family: "robotobold";
    color: #36a9e1;
    font-size: 1em;
    line-height: 1.5em; }
    .eventCta h2 span {
      color: #575756;
      font-size: 1.125em; }
    @media screen and (max-width: 820px) {
      .eventCta h2 {
        text-align: center; } }
  .eventCta p {
    margin: 0.625em 0;
    color: #3c3c3b;
    line-height: 1.25em;
    font-family: "robotolight"; }
    @media screen and (max-width: 820px) {
      .eventCta p {
        text-align: center;
        margin-bottom: 2.5em; } }

.galerie {
  color: #fafafa; }
  .galerie .wrapper .ctaGal {
    display: block;
    float: left;
    background-color: #3c3c3b;
    width: 26.31579%;
    position: relative; }
    .galerie .wrapper .ctaGal h2 {
      font-family: "robotobold";
      color: #fafafa;
      width: 35%;
      margin: 1.25em 1.25em 0.3125em 1.875em;
      display: inline-block; }
      @media screen and (max-width: 1070px) {
        .galerie .wrapper .ctaGal h2 {
          text-align: center;
          width: 100%;
          margin: 1.25em auto; } }
    .galerie .wrapper .ctaGal p {
      font-size: 0.8125em;
      font-family: "robotolight";
      color: #fafafa;
      width: 35%;
      margin: 0.38462em 1.53846em 0.76923em 2.30769em;
      line-height: 1.53846em;
      display: inline-block; }
      @media screen and (max-width: 1070px) {
        .galerie .wrapper .ctaGal p {
          text-align: center;
          width: 80%;
          display: block;
          margin: 0 auto 1.25em auto; } }
    .galerie .wrapper .ctaGal .imageCta {
      float: right;
      position: absolute;
      right: 0;
      top: 0;
      height: 100%;
      width: 50%;
      overflow: hidden;
      padding-bottom: 1.25em; }
      @media screen and (max-width: 1070px) {
        .galerie .wrapper .ctaGal .imageCta {
          height: 12.5em;
          width: 100%;
          z-index: 1;
          float: none;
          position: relative; } }
      .galerie .wrapper .ctaGal .imageCta img {
        position: absolute;
        margin: 0 auto; }
        @media screen and (max-width: 1070px) {
          .galerie .wrapper .ctaGal .imageCta img {
            width: 100%; } }
    .galerie .wrapper .ctaGal .icon-arrow {
      text-align: center;
      width: 1.875em;
      height: 1.875em;
      background-color: #36a9e1;
      color: #fafafa;
      line-height: 1.875em;
      margin-left: 1.875em;
      margin-bottom: 1.25em;
      -moz-border-radius: 6.25em;
      -webkit-border-radius: 6.25em;
      border-radius: 6.25em; }
      @media screen and (max-width: 1070px) {
        .galerie .wrapper .ctaGal .icon-arrow {
          float: none;
          margin: 1.25em auto; } }
      .galerie .wrapper .ctaGal .icon-arrow:hover {
        background-color: #207dab;
        -webkit-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -moz-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.biography, .biographyArt {
  padding-bottom: 1.25em; }
  .biography .border, .biographyArt .border {
    border-bottom: 1px #99dcfd solid;
    padding-bottom: 1.25em; }
  .biography h2, .biographyArt h2 {
    text-transform: uppercase;
    font-family: "robotobold";
    font-size: 1.5em;
    color: #575756; }
  .biography article, .biographyArt article {
    display: block;
    width: 100%;
    margin: 1.875em 0; }
    .biography article:after, .biographyArt article:after {
      content: "";
      display: block;
      clear: both; }
    @media screen and (max-width: 700px) {
      .biography article, .biographyArt article {
        padding-bottom: 3.125em; } }

.textContentBio {
  width: 68.42105%;
  margin-left: 5.26316%;
  float: right; }
  @media screen and (max-width: 700px) {
    .textContentBio {
      float: none;
      width: 80%;
      margin: 0 auto;
      border-bottom: 1px #9d9d9d solid;
      padding-bottom: 1.25em; } }

.imgContentBio {
  width: 26.31579%;
  float: left; }
  @media screen and (max-width: 700px) {
    .imgContentBio {
      float: none;
      width: 80%;
      margin: 1.25em auto; } }
  .imgContentBio img {
    width: 100%; }

.secondMenu:after {
  content: "";
  display: block;
  clear: both; }
.secondMenu ul {
  margin-left: -10px; }
.secondMenu li .linkClassement {
  padding-left: 10px;
  padding-right: 10px; }
.secondMenu li .linkGalerie {
  width: 8%; }
.secondMenu li .linkBigGalerie {
  width: 12%; }
.secondMenu li .linkBig {
  width: 20%; }
.secondMenu li a {
  display: block;
  float: left;
  border-left: 1px #99dcfd solid;
  text-align: center;
  font-size: 1.125em;
  text-transform: uppercase;
  color: #9d9d9d; }
  @media screen and (max-width: 800px) {
    .secondMenu li a {
      width: 100%;
      float: none;
      border-left: none;
      line-height: 2.77778em; } }
  .secondMenu li a:hover {
    color: #575756; }
    @media screen and (max-width: 800px) {
      .secondMenu li a:hover {
        text-decoration: underline; } }
  .secondMenu li a:focus {
    color: #36a9e1; }
    @media screen and (max-width: 800px) {
      .secondMenu li a:focus {
        text-decoration: underline; } }
  .secondMenu li a:focus:after {
    content: "";
    width: 80%;
    height: 4px; }
  .secondMenu li a:active {
    color: #36a9e1; }
.secondMenu .firstElement a {
  border-left: none; }

.tab {
  margin: 1.5em 0; }
  .tab li {
    border-bottom: 1px #99dcfd solid; }
    .tab li span {
      line-height: 1.77778em;
      font-size: 1.125em;
      font-family: "robotoregular";
      color: #9d9d9d;
      display: inline-block;
      text-transform: uppercase; }
    .tab li .classement {
      width: 5%; }
    .tab li .name {
      width: 30%; }
      @media screen and (max-width: 1000px) {
        .tab li .name {
          width: 70%; } }
      @media screen and (max-width: 700px) {
        .tab li .name {
          width: 80%; } }
    .tab li .point {
      width: 10%; }

.sectionVignette {
  border-bottom: 1px #99dcfd solid; }
  .sectionVignette:after {
    content: "";
    display: block;
    clear: both; }
  .sectionVignette .vignetteGal {
    width: 26.31579%;
    float: left;
    margin-top: 3.75em;
    display: block;
    color: #36a9e1; }
    @media screen and (max-width: 700px) {
      .sectionVignette .vignetteGal {
        float: none;
        width: 100%; } }
    .sectionVignette .vignetteGal .imgOver {
      overflow: hidden;
      width: 100%;
      height: 12.5em; }
      @media screen and (max-width: 900px) {
        .sectionVignette .vignetteGal .imgOver {
          height: 9.375em; } }
      @media screen and (max-width: 700px) {
        .sectionVignette .vignetteGal .imgOver {
          height: 22.5em; } }
    .sectionVignette .vignetteGal img {
      height: 100%;
      width: 100%; }
      .sectionVignette .vignetteGal img:hover, .sectionVignette .vignetteGal img:focus {
        -webkit-animation: zoomIn 2s ease-out 1;
        -moz-animation: zoomIn 2s ease-out 1;
        animation: zoomIn 2s ease-out 1;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards; }
    .sectionVignette .vignetteGal p {
      text-transform: uppercase;
      margin: 1.25em 0 2.5em 0; }
    .sectionVignette .vignetteGal:hover, .sectionVignette .vignetteGal:focus {
      color: #207dab; }
  .sectionVignette .vignLeft {
    margin-right: 5.26316%; }
    @media screen and (max-width: 700px) {
      .sectionVignette .vignLeft {
        margin-right: 0; } }
  .sectionVignette .vignMdl {
    margin-right: 5.26316%;
    margin-left: 5.26316%; }
    @media screen and (max-width: 700px) {
      .sectionVignette .vignMdl {
        margin-right: 0;
        margin-left: 0; } }
  .sectionVignette .vignRight {
    margin-left: 5.26316%; }
    @media screen and (max-width: 700px) {
      .sectionVignette .vignRight {
        margin-left: 0; } }

div.lastGal {
  border-bottom: none; }

.selectYear {
  border: none;
  width: 12.5em;
  height: 2.5em;
  display: block;
  background-color: #36a9e1;
  color: #fafafa;
  font-size: 1em;
  margin-bottom: 3.125em; }
  @media screen and (max-width: 800px) {
    .selectYear {
      margin: 0 auto 3.125em auto; } }

/* Additions */

#send_mail_form {
  font-size: 0.8125em;
  font-family: "robotolight";
  margin: 2.30769em 0;
  line-height: 1.53846em;
    }

a {
    color: #36a9e1;
  }

hr {
    color: #36A9E1;
    background-color: #36A9E1;
    height: 5px;
    border: none;
    margin-bottom: 2em;
}

ul.textLab, ol.textLab {
    font-size: 0.8125em;
    font-family: "robotolight";
    line-height: 1.53846em;
    list-style: inside;
}

ol.textLab {
    list-style-type: decimal;
}

ul.textLab ul, ol.textLab ul, ul.textLab ol, ol.textLab ol {
    margin-left: 1em;
}

.classement .secondMenu {
    margin-top: 20px;
}
ul.tab {
    margin-bottom: 2em;
}