@import url('fontawesome.min.css');

@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 300;
  font-display: auto;
  src: url("../fonts/fa-light-300.eot");
  src: url("../fonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-light-300.woff2") format("woff2"), url("../fonts/fa-light-300.woff") format("woff"), url("../fonts/fa-light-300.ttf") format("truetype"), url("../fonts/fa-light-300.svg#fontawesome") format("svg"); }

.fal { font-family: 'Font Awesome 5 Pro'; font-weight: 300; } 

@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("../fonts/fa-regular-400.eot");
  src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg"); }

.far { font-family: 'Font Awesome 5 Pro'; font-weight: 400; }

@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("../fonts/fa-solid-900.eot");
  src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg"); }

.fa,
.fas { font-family: 'Font Awesome 5 Pro'; font-weight: 900; }

@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fa-brands-400.eot");
  src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg"); }

.fab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; } 
  
@font-face {
    font-family: 'EncodeSansCompressed';
    src: url('../fonts/encodesanscompressed-bold.woff2') format('woff2'),
         url('../fonts/encodesanscompressed-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'EncodeSansCompressed';
    src: url('../fonts/encodesanscompressed-black.woff2') format('woff2'),
         url('../fonts/encodesanscompressed-black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

html { font-size: 62.5%; }
body { width: 100%; padding: 0; margin: 0; font-family: 'Roboto', sans-serif; color: #403f3d; font-weight: 400; font-size: 1.8rem; line-height: 1.40; }

h1, h2, h3, h4 { font-family: 'EncodeSansCompressed'; }

h1 { font-size: 4.8rem; text-transform: uppercase; font-weight: 900; }
h3 { font-size: 3.8rem; text-transform: uppercase; font-weight: 900; } 

a, a:hover, a:visited, a:focus { color: #403f3d; text-decoration: none; position: relative; }

/* Remove Firefox outline on button */
a:focus, a:active, button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: 0; outline : 0; }

button, input { overflow: none; }
button.button { cursor: pointer; }
input, button, select, textarea { line-height: normal; }

.full-height { height: 100%; }
.full-hide { display: none; visibility: hidden; }

.overflow-h { overflow: hidden; }

.mgt0 { margin-top: 0; }
.mgt5 { margin-top: 5px; }
.mgt10 { margin-top: 10px; }
.mgt15 { margin-top: 15px; }
.mgt20 { margin-top: 20px; }
.mgt25 { margin-top: 25px; }
.mgt30 { margin-top: 30px; }
.mgt40 { margin-top: 40px; }
.mgt50 { margin-top: 50px; }

.mgb0 { margin-bottom: 0; }
.mgb5 { margin-bottom: 5px; }
.mgb10 { margin-bottom: 10px; }
.mgb15 { margin-bottom: 15px; }
.mgb20 { margin-bottom: 20px; }
.mgb25 { margin-bottom: 25px; }
.mgb30 { margin-bottom: 30px; }
.mgb40 { margin-bottom: 40px; }
.mgb50 { margin-bottom: 50px; }

/* GENERAL */
.xdebug-var-dump { color: #000; }
.language-switch .contextual { display: none; }

.link-under::after, .link-under-anim::after { content: ''; display: block; position: absolute; width: 30px; height: 5px; background-color: #00b5ed; bottom: -10px; left: 0; }
.link-under-anim::after { -webkit-transition: all 0.3s; transition: all 0.3s; }
.link-under-anim:hover::after { left: 20px; }

.mid-grey { color: #8b8984; }
.dark-grey { color: #403f3d; }
.white { color: #fff !important; }
.blue { color: #00b5ed; }

.underline { text-decoration: underline; }

.fs1 { font-size: 2.8rem; line-height: normal; }
.fs2 { font-size: 2.4rem; line-height: normal; }
.fs3 { font-size: 2.0rem; line-height: normal; }
.fs4 { font-size: 1.8rem; line-height: normal; }
.fs5 { font-size: 1.6rem; line-height: normal; }
.fs6 { font-size: 1.4rem; line-height: normal; }

.form-group { margin-bottom: 15px; }
button { border: none; padding: 6px 20px; color: #403f3d; background-color: #fff; }

.container-full { width: 100%; position: relative; }
.container-full.general { padding-top: 55px; }
.container-full.general-high, section.high { padding-top: 80px; }
.container-img-full { position: relative; width: 100%; }
.container-img-full.rectangle { margin-bottom: 20px; }
.container-space { height: 40px; }

.img-full { position: relative; top: 0; left: 0; width: 100%; z-index: 1; overflow: hidden; }
.img-full img { top: 0; left: 0; width: 100%; }
.img-full .container { position: relative; }

.text-full { position: relative; width: 90%; margin: -12% auto 30px auto; background-color: #fff; z-index: 2; overflow: hidden; -webkit-box-shadow: 0 16px 16px -6px rgba(0,0,0,0.2); -moz-box-shadow: 0 16px 16px -6px rgba(0,0,0,0.2); box-shadow: 0 12px 12px -6px rgba(0,0,0,0.1); }
.text-full-wrapper { height: 100%; position: relative; z-index: 2; }

.skew-title h1, .skew-title h3, .home-video-title h3, .home-bloc-title h3 { position: relative; margin: 15px 5px 10px; font-size: 3.8rem; line-height: 3.8rem; font-weight: 900; }

.skew-link .boxed { display: inline-block; text-transform: uppercase; font-weight: 500; padding: 10px 8px; margin-top: 5px; margin-bottom: 25px; }
.skew-link .boxed.link { color: #26a8eb; border: 2px solid #26a8eb; }
.skew-link .boxed.link::after { content: ''; display: block; position: absolute; bottom: -7px; left: -2px; width: 50px; height: 5px; background-color: #26a8eb; -webkit-transition: all 0.3s; transition: all 0.3s; }
.skew-link .boxed.link:hover::after { left: 20px; }
.skew-link .boxed.count { color: #403f3d; border: 2px solid #ffd34a; background-color: #ffd34a; width: 46px; padding-left: 10px; padding-right: 10px; margin-left: 8px; text-align: center; }

.boxed-link .boxed { display: inline-block; text-transform: uppercase; font-weight: 500; padding: 10px 8px; margin-top: 5px; margin-bottom: 25px; }
.boxed-link .boxed.link { color: #26a8eb; border: 2px solid #26a8eb; }
.boxed-link .boxed.link::after { content: ''; display: block; position: absolute; bottom: -7px; left: -2px; width: 50px; height: 5px; background-color: #26a8eb; -webkit-transition: all 0.3s; transition: all 0.3s; }
.boxed-link .boxed.link:hover::after { left: 20px; }
.boxed-link.white .boxed.link { color: #fff; border-color: #fff; }
.boxed-link.white .boxed.link::after { background-color: #fff; }

.skew-default .skew-text { font-size: 2.0rem; }
.skew-rectangle .skew-text { font-size: 2.0rem; }

.button-list { list-style: none; padding: 0; font-size: 1.7rem; }
.button-list.detail { border-bottom: 2px solid #00b5ed; }
.button-list li { display: inline-block; margin: 0 3px 2px 0; }
.button-list li span { display: block; cursor: pointer; color: #8b8984; outline: 0; padding: 6px 8px; white-space: nowrap; text-size-adjust: auto; -webkit-transition: all 0.3s; transition: all 0.3s; }
.button-list li a { display: block; cursor: pointer; color: #8b8984; outline: 0; padding: 6px 0; margin-right: 16px; white-space: nowrap; text-size-adjust: auto; -webkit-transition: all 0.3s; transition: all 0.3s; }
.button-list li span:hover, .button-list li span:focus, .button-list li a:hover, .button-list li a:focus { outline: 0; color: #00b5ed; }
.button-list li.is-checked span, .button-list li.is-checked a, .button-list li.is-checked a:hover, .button-list li.is-checked a:focus { background-color: #00b5ed; color: #fff; }

.grid-list .button-group { padding-left: 15px; padding-right: 15px; margin-bottom: 10px; }
.grid-list .grid { -webkit-transition: all 0.8s; transition: all 0.8s; margin: 0 10px; min-height: 170px; }
.grid-list .grid-item { margin: 0; padding: 5px; position: relative; overflow: hidden; }
.grid-list .grid-item img { width: 100%; height: auto; }
.grid-list .grid-item a { position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; overflow: hidden; }
.grid-list .grid-item .mask { position: absolute; box-sizing: border-box; overflow: visible; top: 0; right: 0; bottom: 0; left: 0; border: 0 solid rgba(0,180,220,0.75); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.grid-list .grid-item .link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; }
.grid-list .grid-item .link span { position: absolute; display: inline-block; font-size: 1.6rem; color: #fff; line-height: 3.8rem; width: 38px; height: 38px; left: calc(50% - 19px); top: calc(50% - 19px); background-color: #00b5ed; border-radius: 50%; text-align: center; -webkit-transform:scale(0,0); transform:scale(0,0); -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; }
.grid-list .grid-item .link span i { width: 38px; }
.grid-list .grid-item a:hover .mask { border: 130px solid rgba(0,180,220,0.75); z-index: 99; }
.grid-list .grid-item .date { display: none; }
.grid-list .grid-item .resume { display: none; }

.line-list.job .filters-wrapper { position: relative; } 
.line-list.job .filters-bloc { position: absolute; visibility: hidden; opacity: 0; width: calc(100% - 30px); left: 15px; top: 35px; padding-top: 15px; padding-bottom: 5px; background-color: #eee; overflow: hidden; z-index: 100; transition: all 0.3s; } 
.line-list.job .filters-bloc.show { opacity: 1; visibility: visible; } 
.line-list.job .spec-app { margin-top: 20px; }
.line-list.job .spec-app p { color: #888; font-size: 1.4rem; margin-bottom: 5px; }
.line-list.job .spec-app .boxed-link .boxed { font-size: 1.4rem; padding: 8px 7px; }
.line-list .title { text-transform: uppercase; font-weight: 700; display: block; }
.line-list .filters-button-xs { display: block; position: relative; background-color: #00b5ed; color: #fff; cursor: pointer; margin-bottom: 15px; padding: 3px 10px; }
.line-list .filters-button-xs .picto i { font-size: 1.2rem; }
.line-list .filters-button-xs .close-button { position: absolute; opacity: 0.5; color: #fff; font-size: 1.4rem; top: 7px; right: 10px; visibility: hidden; }
.line-list .filters-button-xs .close-button.show { visibility: visible; }
.line-list .filters-button-xs .close-button.show:hover { opacity: 1; }
.line-list .ui-group.categorie { float: left; width: 60%; }
.line-list .ui-group.contract { float: right; width: 40%; }
.line-list .ui-group p { color: #00b5ed; text-transform: uppercase; font-size: 1.6rem; font-weight: 700; }
.line-list .button-group { margin-bottom: 12px; }
.line-list .button-group button { display: block; background-color: transparent; color: #555; padding: 0; margin-left: 0; margin-bottom: 5px; font-size: 1.4rem; text-align: left; }
.line-list .button-group button:hover { color: #222; }
.line-list .button-group button.is-checked { font-weight: 700; }
.line-list .grid-item { width: 100%; overflow: hidden; }
.line-list .grid-item h2 { font-family: 'Roboto'; font-weight: 400; font-size: 1.5rem; text-transform: uppercase; margin-bottom: 0; }
.line-list .grid-item .job { display: block; width: 100%; }
.line-list .grid-item .date { display: block; font-size: 1.4rem; margin-bottom: 10px; }

.back-next { list-style: none; padding: 0; font-size: 1.7rem; text-transform: uppercase; overflow: hidden; margin-bottom: 20px; }
.back-next li a { -webkit-transition: all 0.3s; transition: all 0.3s; line-height: 2.4rem; }
.back-next li.return a { font-size: 2.4rem; font-weight: 900; color: #888; }
.back-next li.pull-right.links a { margin-left: 15px; }
.back-next li a:hover { color: #00b5ed; }
.back-next li.return a.small { font-size: 1.8rem; }

.date-share { margin-bottom: 10px; }
.addthis_text, .addthis_toolbox { display: inline-block; vertical-align: middle; }
.addthis_text { font-size: 1.4rem; color: #888; padding-right: 10px; }
.addthis_toolbox .custom_images a { display: inline-block; background-color: #888; color: #fff; font-size: 1.3rem; line-height: 2.8rem; width: 28px !important; height: 28px; border-radius: 50%; text-align: center; margin-left: 3px; -webkit-transition: all 0.3s; transition: all 0.3s; }
.addthis_toolbox .custom_images a:hover, .addthis_toolbox .custom_images a:focus { background-color: #00b5ed; }

.video .lg-toolbar { background-color: #000; }
.video  #lg-zoom-in, .video #lg-zoom-out { display: none !important; visibility: hidden !important; }
.video .lg-sub-html { display: none !important; visibility: hidden; }

.page-intro { margin-bottom: 20px; }
.page-intro .title { font-weight: 900; color: #00b5ed; font-size: 2.8rem; margin-bottom: 0px; }

.page h1 { font-size: 3.4rem; font-weight: 900; }
.page h2 { font-size: 2.8rem; }

/* HOME */
.skew-home { overflow: hidden; }
.skew-home .skew-text, .home-video .home-video-text { margin-left: 25px; }
.skew-home .skew-text h4, .home-video .home-video-text h4 { font-family: 'Roboto'; font-size: 3.2rem; font-weight: 100; }
.skew-home .skew-text h4 sup { font-size: 1.8rem; padding-left: 2px; }

.carousel.fade { opacity: 1; }
.carousel.fade .carousel-item { position: absolute; display:block !important; left: 0 !important; top: 0; opacity: 0; width: 100%; z-index: 1; }
.carousel.fade .carousel-item:first-child { top: auto; position:relative; }
.carousel.fade .carousel-item.active { opacity: 1; z-index: 2; }
.carousel.fade .carousel-item, .carousel.fade .carousel-item.active { -moz-transition: opacity ease-in-out 2.0s; -o-transition: opacity ease-in-out 2.0s; -webkit-transition: opacity ease-in-out 2.0s; transition: opacity ease-in-out 2.0s; }
.carousel-control { z-index: 3; } /* Added z-index to raise the left right controls to the top */

.home-video { position: relative; background-color: #fff; }
.home-video .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: 0; }
.home-video .inline-YTPlayer { background-color: #000; }

.home-video .video-sidebar { position: relative; }
.home-video .video-sidebar:hover::before { border: none; }
.home-video .toggle-video-sidebar { display: none; }

.home-video .content { position: relative; background-color: #fff; z-index: 2; margin: -12% auto 30px auto; width: 90%; padding-left: 15px; padding-right: 15px; overflow: hidden; -webkit-box-shadow: 0 16px 16px -6px rgba(0,0,0,0.2); -moz-box-shadow: 0 16px 16px -6px rgba(0,0,0,0.2); box-shadow: 0 12px 12px -6px rgba(0,0,0,0.1); }
.home-video .content::before { content: ''; display: block; height: 1px; }

.home-last-tweet { text-align: center; padding: 0; overflow: hidden;
                   background: rgba(0, 180, 235, 0.6);
                   background: -webkit-linear-gradient(rgba(105, 190, 170, 1), rgba(0, 180, 235, 1));
                   background: -o-linear-gradient(right, rgba(105, 190, 170, 1), rgba(0, 180, 235, 1));
                   background: -moz-linear-gradient(right, rgba(105, 190, 170, 1), rgba(0, 180, 235, 1));
                   background: linear-gradient(to right, rgba(105, 190, 170, 1), rgba(0, 180, 235, 1) ); }
.home-last-tweet .wrapper { padding: 20px 0 5px 0; }
.home-last-tweet .home-bloc-title h3 { margin: 0 30px 5px 30px; color: #fff; }
.home-last-tweet .home-bloc-title p { color: #fff; font-weight: 100; font-size: 2.0rem; margin-bottom: 15px; }
.home-last-tweet .carousel-wrap { margin-left: 5px; margin-right: 5px; }
.home-last-tweet .owl-carousel { padding-left: 0; list-style: none; }
.home-last-tweet .bloc { position: relative;  text-align: left; background-color: #fff; padding: 20px 15px 10px 15px; font-size: 1.4rem; margin: 0 5px 15px 5px; }
.home-last-tweet .bloc::before { content: '\f099'; position: absolute; display: inline-block; font-family: FontAwesome; color: #00b5ed; font-size: 1.8rem; right: 10px; bottom: 6px; }
.home-last-tweet .bloc::after { content: ''; position: absolute; display : inline-block; left: 10px; bottom: -15px; height : 0; width: 0; border-top : 15px solid #fff; border-right : 20px solid transparent; } 
.home-last-tweet .bloc .text { margin-bottom: 10px; } 
.home-last-tweet .bloc .text span { color: #00b5ed; } 
.home-last-tweet .bloc .text em { color: #8b8984; } 
.home-last-tweet .bloc .counter { padding-left: 0; margin-bottom: 12px; }
.home-last-tweet .bloc .counter li { display: inline-block; font-size: 1.2rem; margin-right: 15px; }
.home-last-tweet .bloc .counter li span { display: inline-block; vertical-align: middle; }
.home-last-tweet .bloc .counter li img { width: auto; height: 12px; }
.home-last-tweet .bloc .author { margin-bottom: 10px; }
.home-last-tweet .bloc .author span { display: inline-block; vertical-align: middle; font-size: 1.15rem; }
.home-last-tweet .bloc .author img { width: 22px; height: auto; margin-right: 5px; }
.home-last-tweet .bloc .date { margin-bottom: 0px; font-size: 1.3rem; }
.home-last-tweet .skew-link .boxed.link { color: #fff; border-color: #fff; }
.home-last-tweet .skew-link .boxed.link::after { background-color: #fff; }

/* NEWS LIST */
.news-list.home { margin-bottom: 50px; }
.news-list.home .link-all, .news-list.page .link-all { display: block; font-family: 'EncodeSansCompressed'; font-size: 3.8rem; line-height: 3.8rem; font-weight: 900; text-transform: uppercase; }
.news-list.home h2, .news-list.page h2 { position: relative; font-size: 1.8rem; line-height: 2.3rem; }
.news-list h3 { margin: 0 0 10px 0; }
.news-list .date { display: none; text-transform: lowercase; }
.news-list .container-topnews, .news-list .container-square, .news-list .container-link-all { padding: 0; }
.news-list .container-topnews .full-wh { display: block; overflow: hidden; }
.news-list .container-topnews .text { position: absolute; top: 3px; right: 0; left: 10px; }
.news-list .container-topnews .text h2 { display: inline; overfow: hidden; color: #fff; font-size: 2.6rem; line-height: 3.2rem; padding: 4px 0 4px 0; background-color: rgba(35, 40, 80, 1.0); box-shadow: 12px 0 0 rgba(35, 40, 80, 1.0), -22px 0 0 rgba(35, 40, 80, 1.0); box-decoration-break: clone; }
.news-list .container-topnews .topdate { display: block; position: absolute; color: #fff; bottom: 0; right: 0px; margin: 0; padding: 0 12px; font-size: 1.0rem; line-height: 2.8rem; height: 28px; background-color: #000; }
.news-list .container-square img, .news-list .container-topnews img { width: 100%; height: 100%; }
.news-list .container-link-all img { width: 0%; height: auto; }
.news-list .container-square .full-wh { position: absolute; top: 0; right: 0px; bottom: 0; left: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; .ms-flex-justify-content(center); -webkit-justify-content: center; justify-content: center; }
.news-list .resume, .news-list .more { display: none; }
.news-list .style1 { background-color: #fff; padding: 10px 20px; overflow: hidden; }
.news-list .style3 span { display: table; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; text-align: center; 
                           background: rgba(0, 180, 235, 0.6);
                           background: -webkit-linear-gradient(rgba(165, 95, 235, 0.65) 20%, rgba(0, 180, 235, 0.65));
                           background: -o-linear-gradient(right, rgba(165, 95, 235, 0.65) 20%, rgba(0, 180, 235, 0.65));
                           background: -moz-linear-gradient(right, rgba(165, 95, 235, 0.65) 20%, rgba(0, 180, 235, 0.65));
                           background: linear-gradient(to right, rgba(165, 95, 235, 0.65) 20%, rgba(0, 180, 235, 0.65)); }
.news-list .style3 span::after { font-family: 'FontAwesome'; color: #fff; display: table-cell; vertical-align: middle; }
.news-list .style3 span.camera::after { content: '\f030'; font-size: 3.6rem; }
.news-list .style3 span.video::after { content: '\f03d'; font-size: 4.0rem; }
.news-list .style3 span.text::after { content: '\f15c'; font-size: 3.4rem; }
.news-list .style3 span.social::after { content: '\f1e1'; font-size: 4.0rem; }
.news-list .style4, .news-list .style5 { color: #fff; overflow: hidden; padding: 10px 20px; }
.news-list .style4 { background: rgba(0, 180, 235, 0.6);
                     background: -webkit-linear-gradient(rgba(0, 180, 235, 1), rgba(60, 120, 160, 1));
                     background: -o-linear-gradient(right, rgba(0, 180, 235, 1), rgba(60, 120, 160, 1));
                     background: -moz-linear-gradient(right, rgba(0, 180, 235, 1), rgba(60, 120, 160, 1));
                     background: linear-gradient(to right, rgba(0, 180, 235, 1), rgba(60, 120, 160, 1) ); }
.news-list .style5 { background: rgba(0, 180, 235, 0.6);
                     background: -webkit-linear-gradient(rgba(165, 95, 235, 1) 20%, rgba(0, 180, 235, 1));
                     background: -o-linear-gradient(right, rgba(165, 95, 235, 1) 20%, rgba(0, 180, 235, 1));
                     background: -moz-linear-gradient(right, rgba(165, 95, 235, 1) 20%, rgba(0, 180, 235, 1));
                     background: linear-gradient(to right, rgba(165, 95, 235, 1) 20%, rgba(0, 180, 235, 1)); }

/* GAME LIST */
.grid-list.game .grid-item a h2 { position: absolute; right: 0; bottom: 3px; left: 0; font-size: 1.8rem; text-align: center; color: #fff; text-shadow: 2px 2px 6px #000; }

/* GAME DETAIL */
.skew-game .skew-text { font-size: 2.0rem; }

.game-infos ul { padding: 0; margin: 0 0 20px 0; list-style: none; }
.game-infos .media { font-size: 2.0rem; color: #00b5ed; }
.game-infos .media li { margin-bottom: 10px; }
.game-infos .media div { display: inline; cursor: pointer; }
.game-infos .media span { display: inline-block; vertical-align: middle; white-space: nowrap; }
.game-infos .media .picto { width: 50px; text-align: center; }
.game-infos .media .video i { font-size: 200%; }
.game-infos .media .gallery i { font-size: 190%; }
.game-infos .infos { color: #606060; }
.game-infos .infos .title { font-size: 2.0rem; font-weight: 500; }
.game-infos .infos .title::after { content: ''; display: block; margin-top: 5px; width: 60px; height: 1px; background-color: #606060; }
.game-infos .carousel { color: #00b5ed; }
.game-infos .carousel .citation { font-size: 2.0rem; font-weight: 700; text-align: center; }
.game-infos .carousel .source { text-align: right; margin-bottom: 0; }

/* JOB LIST */
.grid-list.job .grid-item a {  background: rgba(0, 180, 235 1.00);
                               background: -webkit-linear-gradient(rgba(105, 190, 170, 1.00) 20%, rgba(0, 180, 235, 1.00));
                               background: -o-linear-gradient(right, rgba(105, 190, 170, 1.00) 20%, rgba(0, 180, 235, 1.00));
                               background: -moz-linear-gradient(right, rgba(105, 190, 170, 1.00) 20%, rgba(0, 180, 235, 1.00));
                               background: linear-gradient(to right, rgba(105, 190, 170, 1.00) 10%, rgba(0, 180, 235, 1.0)); }
.grid-list.job .grid-item a:hover .mask { border: 130px solid rgba(0,0,0,0.20); }
.grid-list.job .grid-item a h2 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 2.0rem; line-height: 2.4rem; text-align: center; text-transform: uppercase; color: #fff; margin-bottom: 0; }
.grid-list.job .grid-item a h2 span.inner { display: inline-block; margin-top: 50%; padding: 0 10px; transform: translateY(-50%); }

/* JOB DETAIL */
.job-sidebar { margin-bottom: 20px; }
.job-sidebar::before { /* content: ''; display: block; width: 85%; height: 1px; margin: -5px auto 25px auto; background-color: #8b8984; */ }
.job-sidebar .content { padding: 20px 15px 10px 15px; background-color: #eee; font-size: 1.6rem; }
.job-sidebar .content .important { font-size: 1.8rem; }

/* ABOUT US */
.key-title-image img { width: 160px; height: auto; margin: 20px 0 10px 15px; }
.key-dates { margin: 0; padding: 0; }
.key-dates td { vertical-align: middle; height: 40px; }
.key-dates .top td { height: 1px; }
.key-dates .top .line::after { content: ''; display: block; border-bottom: 1px solid #c3d0d8; margin-left: 15px; width: 98px; }
.key-dates .empty td { height: 10px; }
.key-dates .year { font-size: 2.0rem; color: #00b5ed; width: 60px; text-align: right; }
.key-dates .circle { width: 30px; position: relative; }
.key-dates .circle span { display: block; position: relative; border: 2px solid #00b5ed; width: 13px; height: 13px; border-radius: 50%; margin: 0 auto; z-index: 10; }
.key-dates .circle::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 1px; margin-left: 15px; background-color: #c3d0d8; z-index: 5; }
.key-dates h4 { font-size: 1.8rem; margin: 0; }

/* TEAM */
.we-offer { margin-top: 15px; margin-bottom: 20px; }
.we-offer > div { margin-bottom: 10px; }
.we-offer .picto { display: inline-block; vertical-align: middle; width: 55px; }
.we-offer .picto img { width: 100%; height: auto; }
.we-offer .text { display: inline-block; vertical-align: middle; font-size: 1.4rem; line-height: 1.8rem; text-transform: uppercase; color: #00b5ed; width: calc(100% - 75px); margin-left: 10px; } 
.we-offer .text strong { font-size: 1.8rem; font-weight: 900; }

.awards-dates-container { position: relative; }
.awards-dates-bg { display: none; z-index: -2; }
.awards-dates-bg img { width: 0px; height: 0px; }

.awards-dates { margin: 5px 0 0 0; padding: 0; }
.awards-dates td { vertical-align: middle; height: 50px; }
.awards-dates .year { font-size: 2.2rem; color: #00b5ed; width: 60px; text-align: right; }
.awards-dates .year.big { font-size: 2.8rem; }
.awards-dates .circle { width: 30px; position: relative; }
.awards-dates .circle span { display: block; position: relative; border: 2px solid #00b5ed; width: 13px; height: 13px; border-radius: 50%; margin: 0 auto; z-index: 10; }
.awards-dates .circle::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 1px; margin-left: 15px; background-color: #c3d0d8; z-index: 5; }
.awards-dates h4 { font-size: 1.8rem; margin: 0; line-height: 2.4rem; }
.awards-dates .bottom td { height: 20px; } 

.awards-frame .image { text-align: center; border-top: 1px solid #c3d0d8; padding-top: 5px; }
.awards-frame .image img { width: 185px; height: auto; }
.awards-frame .title { font-weight: 700; font-size: 2.6rem; }
.awards-frame ul { margin: 0 0 0 18px; padding: 0; }
.awards-frame ul li { margin-bottom: 15px; }

/* LIFESTYLE */
.lifestyle-side .block h4 { font-size: 2.4rem; position: relative; }
.lifestyle-side .block h4::after { content: '';  display: block; width: 50px; height: 2px; background-color: #888; margin-top: 12px; margin-bottom: 20px; }

.lifestyle-side .links ul { list-style: none; margin: 0; padding: 0; }
.lifestyle-side .links ul li a { display: block; position: relative; padding: 10px 0 10px 15px; margin-bottom: 4px; font-size: 1.6rem; color:#888; background-color: #eee; font-weight: 500; border-radius: 4px; -webkit-transition: all 0.3s; transition: all 0.3s; }
.lifestyle-side .links ul li a::after { content: '\f054'; position: absolute; top: 13px; font-family: 'FontAwesome'; right: 10px; color: #ccc; font-size: 80%; -webkit-transition: all 0.2s; transition: all 0.2s; }
.lifestyle-side .links ul li a:hover { color: #fff;
                                       background: rgba(0, 180, 235, 0.6);
                                       background: -webkit-linear-gradient(rgba(105, 190, 170, 1), rgba(0, 180, 235, 1));
                                       background: -o-linear-gradient(right, rgba(105, 190, 170, 1), rgba(0, 180, 235, 1));
                                       background: -moz-linear-gradient(right, rgba(105, 190, 170, 1), rgba(0, 180, 235, 1));
                                       background: linear-gradient(to right, rgba(105, 190, 170, 1), rgba(0, 180, 235, 1) ); }
.lifestyle-side .links ul li a:hover::after { color: #fff; }

/* ADVANTAGES */
.advantages { margin-top: 10px; }
.advantages > div { display: inline-block; vertical-align: top; float: none; width: 100%; margin-bottom: 25px; }
.advantages .icon-title { width: 48px; height: auto; margin-bottom: 5px; filter: invert(50%) sepia(72%) saturate(1701%) hue-rotate(157deg) brightness(98%) contrast(103%); }
.advantages h2 { color: #00b5ed; font-size: 2.6rem; margin-bottom: 10px; }
.advantages h4 { color: #00b5ed; font-size: 2.2rem; margin-bottom: 10px; text-align: center; }
.advantages ul { padding-left: 15px; padding-right: 50px; }
.advantages span.icon-stage { display: inline-block; margin-left: 2px; vertical-align: top;  }
.advantages span.icon-stage img { width: 24px; height: auto; opacity: 0.8; }
.advantages .bloc-stage { border: 3px solid #00b5ed; padding: 15px 20px; }
.advantages .bloc-stage p { margin-bottom: 0; }

/* CONTACT */
#contact-container-full { padding: 20px 0;
                          background: rgba(0, 180, 235, 0.6);
                          background: -webkit-linear-gradient(rgba(105, 190, 170, 1), rgba(0, 180, 235, 1));
                          background: -o-linear-gradient(right, rgba(105, 190, 170, 1), rgba(0, 180, 235, 1));
                          background: -moz-linear-gradient(right, rgba(105, 190, 170, 1), rgba(0, 180, 235, 1));
                          background: linear-gradient(to right, rgba(105, 190, 170, 1), rgba(0, 180, 235, 1) ); }
#contact-container-full .container .intro { font-size: 2.0rem; margin-bottom: 15px; }

.contact-form input, .contact-form textarea { font-size: 1.6rem; padding: 10px; border: none; }
.contact-form textarea { min-height: 100px; }
.contact-form .input-file, .contact-form .input-check { margin-bottom: 8px; }
.contact-form .input-check input { display: inline-block; vertical-align: top; margin-top: 3px; background-color: #fff; }
.contact-form .input-check label { display: inline-block; vertical-align: top; color: #fff; font-size: 1.6rem; width: calc(100% - 20px); padding-left: 3px; }
.contact-form .send { overflow: auto; margin-bottom: 10px; }
.contact-form .return { display: none; text-align: right; font-style: italic; }
.contact-form .send-button-wrapper { float: right; }
.contact-form .send-button-wrapper .input-button { cursor: pointer; padding: 0 20px; font-size: 1.8rem; line-height: 3.4rem; text-transform: uppercase; background-color: #fff; color: #00b5ed; transition: all 0.2s; }
.contact-form .send-button-wrapper .input-button:hover { background-color: #333; color: #fff; }
.contact-form .upload-button { cursor: pointer; padding: 0 20px; font-size: 1.6rem; line-height: 3.4rem; background-color: #fff; color: #888; transition: all 0.2s; }
.contact-form .upload-button:hover { background-color: #333; color: #fff; }
.contact-form .g-recaptcha > div { float: right; margin-bottom: 15px; margin-right: -3px; }
.contact-form .required-text-wrapper { float: right; }
.contact-form .required-text-wrapper .required-text { float: right; color: #fff; line-height: 3.4rem; margin-right: 15px; margin-bottom: 0 !important; font-size: 1.6rem; }
.contact-form .input-check input { display: inline-block; vertical-align: top; margin-top: 4px; transform: scale(1.3); box-shadow: none; }
.contact-form .input-check label { display: inline-block; vertical-align: top; color: #fff; font-size: 1.6rem; width: calc(100% - 22px); padding-left: 5px; }
.contact-form .file-allowed { color: #fff; font-style: italic; font-size: 1.4rem; margin-bottom: 20px; }
.contact-form .col-send { padding-left: 0; }
.contact-form div[aria-label="Status message"] { display: none; }
.contact-form div[role="alert"] { background-color: #555; color: #fff; font-size: 1.6rem; padding: 10px; margin-bottom: 15px; }
.contact-form div[role="alert"] ul { margin-top: 5px; margin-bottom: 0; padding-left: 15px; font-size: 1.5rem; }
.contact-form .file a { color: #fff; font-size: 1.5rem; }
.contact-form .file-size { color: #fff; font-style: italic; font-size: 1.5rem; margin: 5px;}
.contact-form input[data-drupal-selector="edit-file-remove-button"] { font-size: 1.5rem;  padding: 6px 10px; margin-top: 5px; margin-bottom: 10px; background-color: #555; color: #fff; font-style: italic; cursor: pointer; transition: all 0.2s; }
.contact-form input[data-drupal-selector="edit-file-remove-button"]:hover { background-color: #fff; color: #333; }

.bootstrap-filestyle.input-group { background-color: transparent; height: 34px; }
.bootstrap-filestyle .btn { background-color: #fff; height: 38px; line-height: 3.8rem; padding: 0 10px; margin: 0; border: none; }
.bootstrap-filestyle label { font-size: 1.6rem; color: #a0a0a0; }
.bootstrap-filestyle .form-control { background-color: rgba(0,0,0,0.15); border: none !important; font-size: 3px; height: 38px; color: #fff; }

#map-container { position: relative; }
#map { height: 0; overflow: hidden; padding-bottom: 50%; padding-top: 10px; position: relative; }

/* PROGRESS BAR */
#progress-container { background-color: #aaa; position: relative; width: 100%; dispay: none;  margin-top: 5px; margin-bottom: 10px; display: none; }
#progress-bar { background-color: #96bf31; height: 5px; width: 0%; }

/* RTE */
.rte-text { margin-top: 20px; }
.rte-top img { text-align: center; margin-bottom: 15px; max-width: 100%; height: auto; }
.rte-top h1 { font-size: 3.2rem; font-weight: 700; color: #00b5ed; text-transform: none; }
.rte-top .date { font-size: 1.4rem; color: #888; margin-top: 5px; }
.rte-top .job-location { font-size: 1.4rem; color: #00b5ed; margin-bottom: 5px; }
.rte { margin-bottom: 30px; }
.rte h2, .rte h3, .rte h4 { font-weight: 700; margin-top: 20px; margin-bottom: 15px; }
.rte h2 { font-size: 2.8rem; color: #00b5ed; }
.rte h3 { font-size: 2.4rem; }
.rte h4 { font-size: 2.1rem; }
.rte a, .rte a:visited { text-decoration: underline; -webkit-transition: all 0.3s; transition: all 0.3s; }
.rte a:hover, .rte a:focus { color: #00b5ed; }
.rte p { margin-bottom: 15px; }
.rte img { display: block; margin: 20px auto 20px auto; max-width: 768px; width: 100%; height: auto; }
.rte .video-responsive { margin: 20px auto 20px auto; }
.rte .blue-ft { color: #00b5ed; }
.rte .important { font-size: 2.2rem; color: #00b5ed; font-weight: 700; }
.rte .bigger { font-size: 2.0rem; }
.rte ul { padding-left: 15px; margin-bottom: 15px; }
.rte li { list-style-type: none; margin-bottom: 5px; padding-left: 1.3rem;; }
.rte li::before { content: '- '; display: inline-block; width: 12px; margin-left: -12px; }
.rte .contextual-links li::before { content: ''; display: none; }
.rte p + ul { margin-top: -10px; }
.rte p.download { text-align: center; margin-top: 25px; margin-bottom: 25px; }
.rte p.download a { display: inline-block; position: relative; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: #00b5ed; height: 34px; line-height: 3.4rem; padding: 0 15px; text-decoration: none; color: #fff; transition: all 0.25s; }
.rte p.download a::after { content: '\f019'; position: absolute; top: 0; right: -28px; padding: 0 8px; font-family: 'Font Awesome 5 Pro'; font-weight: 300; font-size: 95%; height: 34px; line-height: 3.4rem; display: inline-block; background-color: #888; border-top-right-radius: 5px; border-bottom-right-radius: 5px; transition: all 0.25s; }
.rte p.download a:hover::after { background-color: #00b5ed; }

.rte .bloc-advantages .icon-title img, .rte .icon-title h4 { display: inline-block; vertical-align: middle; }
.rte .bloc-advantages .icon-title img { width: 38px; height: auto; margin-right: 10px; margin-bottom: 15px; filter: invert(50%) sepia(72%) saturate(1701%) hue-rotate(157deg) brightness(98%) contrast(103%); }
.rte .bloc-advantages ul { padding-left: 0; }

.rte.benefits { margin-top: 30px; }
.rte.benefits h3 { background-color: #eee; padding: 5px 10px; }
.rte.benefits h3 a { color: #403f3d; text-decoration: none; position: relative; padding-left: 25px; }
.rte.benefits h3 a:hover, .rte.benefits h3 a:focus { color: #403f3d; }
.rte.benefits h3 a[aria-expanded="false"]::before { content: ''; position: absolute; top: 8px; left: 0; width: 0; height: 0; border-style: solid; border-width: 0 8px 16px 8px; border-color: transparent transparent #403f3d transparent; transition: all 0.3s; }
.rte.benefits h3 a[aria-expanded="true"]::before { content: ''; position: absolute; top: 8px; left: 0; width: 0; height: 0; border-style: solid; border-width: 0 8px 16px 8px; border-color: transparent transparent #403f3d transparent; transform: rotateZ(180deg); transition: all 0.3s; }
.rte.benefits h3 span { font-size: 1.3rem; padding-left: 5px; }

/* ADD ON */
#sliding-popup { display: block; margin: 0; padding: 0px; right: 0; text-align: center; width: 100%; z-index: 99999; overflow: hidden; }
#sliding-popup .popup-content { padding: 0 15px; }
#sliding-popup .popup-content #popup-text p { margin: 10px 0 5px 0; font-size: 1.6rem; line-height: 2.0rem; }
#sliding-popup .popup-content #popup-buttons button { display:inline-block; color: #00b5ed; background: #fff; cursor: pointer; margin-top: 10px; margin-bottom: 10px; vertical-align: middle; overflow: visible; width: auto; font-weight: bold; padding: 5px 10px; }
#sliding-popup .popup-content #popup-buttons button:hover, #sliding-popup .popup-content #popup-buttons button:focus { color: #403f3d; }

.sliding-popup-bottom { position: fixed; }

.mb_YTPlayer.video { display: block !important; }

#video-job { margin-bottom: 30px; overflow: hidden; }
#video-job .owl-item > div { cursor: pointer; margin: 12% 16%; transition: margin 0.4s ease; }
#video-job .owl-item.center > div { cursor: auto; margin: 0; }
#video-job .owl-nav { position: absolute; top: 0; right: 0; left: 0; height: 0; cursor: auto; margin: 0; font-size: 4.0rem; color: #aaa; }
#video-job .owl-nav .nav-button { position: absolute; top: 40px; }
#video-job .owl-nav .owl-prev { left: 20px; }
#video-job .owl-nav .owl-next { right: 20px; }
#video-job .owl-dots { display: none; visibility: hidden; }
.video-wrapper { position:relative; }
.video-wrapper .play { position:relative; }
.video-wrapper::after { contnt: '\f04b'; font-family: 'Font Awesome 5 Pro'; font-weight: 700; color: rgba(255,255,255,0.5); position: absolute; top: 0; left: 0 }
.video-fill { width: 100%; }
.video-job i { position: absolute; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 6.0rem; opacity: 0.7; cursor: pointer; transition: opacity 0.2s; }
.video-job i:hover { opacity: 1.0; }
.video-job i.fa-pause { opacity: 1.0; font-size: 3.0rem; top: auto; bottom: 10px; left: auto; right: 10px; }

/* POP-IN MODAL */
.popin-modal { position: fixed; display: block; visibility: hidden; opacity: 0; top: 0; left: 0; width: 100%; height: 100%; text-align: center; overflow: hidden; outline: 0; background-color: rgba(0,0,0,0.5); z-index: 1050; } 
.popin-modal.show { visibility: visible; opacity: 1; transition: all 0.5s;  } 
.popin-modal::before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; }
.popin-modal .wrapper { display: inline-block; position: relative; vertical-align: middle; width: 90%; font-size: 1.7rem; color: #fff; background-color: #009bff; padding: 25px 20px; box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.3); }
.popin-modal .logo img { width: 70%; max-width: 200px; height: auto; margin-bottom: 20px; }
.popin-modal a { color: #fff; text-decoration: underline; }
.popin-modal p.title { font-family: 'EncodeSansCompressed'; font-size: 2.4rem; line-height: 3.0rem; margin-bottom: 15px; letter-spacing: 0.2rem; }
.popin-modal p:last-child { margin-bottom: 0; }
.popin-modal .close-btn { position: absolute; top: 0; right: 10px; color: #fff; font-size: 3.0rem; opacity: 0.6; cursor: pointer; transition: all 0.3s; }
.popin-modal .close-btn:hover { transform: scale(1.2) rotate(90deg); opacity: 1; }

@media only screen and (min-width: 576px) {

  /* GENERAL */
  .container-full.general { padding-top: 0; }
  
  h3.section-title { font-size: 4.6rem; }
  
  .skew-title h3, .home-video-title h3 { font-size: 4.6rem; line-height: 4.6rem; }
}

@media only screen and (min-width: 768px) {
    
  /* GENERAL */
  h3.section-title { font-size: 5.6rem; }

  section.high { padding-top: 100px; }
  .container-img-full.rectangle { margin-bottom: 50px; }
  
  .skew-rectangle.text-full { overflow: visible; }
  .skew-rectangle .skew-text { position: absolute; width: 250px; left: 70px; bottom: -50px; background-color: #fff; padding: 20px 25px 10px 25px; font-size: 1.8rem; }

  .skew-title h1 .sub { position: absolute; font-size: 3.2rem; font-weight: 400; top: 40px; left: 136px; }
  .skew-title h3, .home-video-title h3 { font-size: 5.6rem; line-height: 5.6rem; margin-bottom: 15px; }
  .home-video-title h3, .home-video-title h4 { padding-right: 30px; }
  .skew-link .boxed { padding: 8px 6px; margin-bottom: 20px; font-size: 1.4rem; }
  
  .button-list { font-size: 1.6rem; }

  .grid-list .grid { margin: 0 7px; min-height: 235px; }
  .grid-list .grid-item a:hover .link span { -webkit-transform:scale(1,1); transform:scale(1,1); -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
  
  .page-intro { margin-top: 15px; margin-bottom: 15px; font-size: 1.8rem; }
  .page-intro .title { font-weight: 900; color: #00b5ed; font-size: 3.2rem; margin-bottom: 0px; }
  
  .page { margin-top: 20px; }
  .page h1 { font-size: 4.0rem; font-weight: 900; }
  .page h2 { font-size: 3.4rem; }
  
  /* HOME */
  .text-full { margin-top: -5%; }
  .text-full.skew-home2 { margin-top: -12%; }
  .skew-home .skew-text { margin: 20px 0 0 15px; }
  .skew-home .skew-text h4 { font-size: 3.2rem; font-weight: 100; }

  .container-home-video { padding-top: 60px; }
  .home-video .content { margin-top: -6%; }
  .home-video .home-video-title, .home-video .home-video-text { float: left; width: 50%; margin-left: 0; }
  .home-video .home-video-text { margin-top: 20px; }
  
  .home-last-tweet .wrapper { padding: 35px 0 15px 0; }
  .home-last-tweet .home-bloc-title p { margin-bottom: 20px; }

  /* NEWS LIST */
  .news-list.home { margin-bottom: 50px; }
  .news-list.home .link-all, .news-list.page .link-all { font-size: 4.2rem; line-height: 4.2rem; margin-left: 30px; }
  .news-list.page .link-all { position: relative; }
  .news-list.home h2, .news-list.page h2 { font-size: 2.2rem; line-height: 2.6rem; }
  .news-list.home .style4 h2, .news-list.home .style5 h2 { margin-top: 5px; }
  .news-list.page .style4 h2, .news-list.page .style5 h2 { margin-top: 10px; }
  .news-list.home .resume, .news-list.page .resume { font-size: 1.6rem; line-height: 2.0rem; overflow: hidden; max-height: 60px; }
  .news-list .date { display: block; position: absolute; top: 15px; right: 20px; font-size: 1.4rem; }
  .news-list .more { display: block; position: absolute; bottom: 0px; right: 20px; font-size: 1.4rem; }
  .news-list .more i { -moz-transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); margin-left: 2px; }
  .news-list .container-topnews .text { top: 1px; left: 10px; }
  .news-list .container-topnews .text h2 { font-size: 3.4rem; line-height: 4.4rem; }
  .news-list .container-topnews .topdate { font-size: 1.4rem; }
  .news-list .container-link-all img { width: 100%; height: auto; }
  .news-list .container-link-all .full-wh { position: absolute; top: 0; right: 0px; bottom: 0; left: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; .ms-flex-justify-content(center); -webkit-justify-content: center; justify-content: center; }
  .news-list .style1 h2 { font-size: 2.2rem; line-height: 2.8rem; }
  .news-list .style1 h2::after { content: ''; display: block; position: absolute; width: 30px; height: 5px; background-color: #00b5ed; bottom: -12px; left: 0; -webkit-transition: all 0.3s; transition: all 0.3s; }
  .news-list .style1:hover h2::after { left: 20px; }
  .news-list .style1 .date { color :#8b8984; }
  .news-list .style3 span.camera::after { font-size: 4.6rem; }
  .news-list .style3 span.video::after { font-size: 5.0rem; }
  .news-list .style3 span.text::after { font-size: 4.4rem; }
  .news-list .style3 span.social::after { font-size: 5.0rem; }
  .news-list .style4 .resume, .news-list .style5 .resume { display: block; }
  
  /* GAME LIST */
  .grid-list.game .grid-item a h2 { bottom: 8px; font-size: 2.0rem; }
  
  /* GAME DETAIL */
  .skew-game.text-full { overflow: visible; }
  .skew-game .skew-text { position: absolute; width: 250px; left: 70px; bottom: -50px; background-color: #fff; padding: 20px 25px 10px 25px; font-size: 1.8rem; }
  .game-detail { margin-top: 100px; }

  .game-infos ul { margin: 0 0 30px 0; }
  .game-infos .media { font-size: 1.8rem; }
  .game-infos .media li { margin-bottom: 10px; }
  
  .game-infos .infos .title::after { width: 70px; }
  .game-infos .infos li { margin-bottom: 2px; }
  
  .game-infos .carousel { color: #00b5ed; margin-right: 20px; }
  .game-infos .carousel .citation { font-size: 1.8rem; }
  .game-infos .carousel .source { text-align: right; }
  .game-infos .carousel-item { min-height: 190px; }

  /* JOB LIST */
  .line-list.job .filters-bloc { position: relative; opacity: 1; visibility: visible; background-color: transparent; width: 22%; left: 0; top: 0; padding: 0 0 0 15px; overflow: hidden; z-index: inherit; } 
  .line-list.job .filters-bloc .wrapper { padding: 15px 0 15px 15px; background-color: #eee; }
  .line-list.job .jobs-bloc { width: 78%; }
  .line-list.job .jobs-bloc .grid-name { display: none; font-size: 2.0rem; margin-top: 10px; text-transform: uppercase; font-weight: 700; color: #00b5ed }
  .line-list .filters-button-md { text-transform: uppercase; font-weight: 700; font-size: 1.6rem; }
  .line-list .filters-button-md .picto i { font-size: 1.1rem; }
  .line-list .ui-group.categorie { float: none; width: 100%; margin-bottom: 15px; }
  .line-list .ui-group.contract { float: none; width: 100%; }
  .line-list .ui-group p { color: #00b5ed; text-transform: uppercase; font-size: 1.4rem; margin-bottom: 5px; }
  .line-list .button-group { margin-bottom: 12px; }
  .line-list .button-group button { padding: 0; margin-left: 0; }
  .line-list .grid { margin-top: 5px; }
  .line-list .grid-item { width: 100%; overflow: visible; margin-bottom: 10px; }
  .line-list .grid-item a { display: block; padding: 6px 10px; }
  .line-list .grid-item a:hover { background-color: #00b5ed; color: #fff; }
  .line-list .grid-item a:hover .date { color: #fff; }
  .line-list .grid-item a > span { vertical-align: middle; } 
  .line-list .grid-item a h2 { font-size: 1.5rem; }
  .line-list .grid-item a h2::after { content: ''; display: block; position: absolute; width: 50px; height: 2px; background-color: #00b5ed; bottom: 0px; }
  .line-list .grid-name .job, .line-list .grid-item .job { display: inline-block; width: calc(100% - 95px); }
  .line-list .grid-name .date, .line-list .grid-item .date { display: inline-block; width: 85px; }
  .line-list .grid-name .date { text-align: center; padding-left: 5px; }
  .line-list .grid-item .date { font-size: 1.3rem; margin-bottom: 0; text-align: right; color: #888 }

  .video-job i { font-size: 4.0rem; }
  #video-job .owl-nav { font-size: 4.0rem; }
  #video-job .owl-nav .nav-button { top: 50px; }
  #video-job .owl-nav .owl-prev { left: 200px; }
  #video-job .owl-nav .owl-next { right: 200px; }

  /* JOB DETAIL */
  .job-sidebar { margin-bottom: 20px; }
  .job-sidebar::before { width: 70%; margin-top: -10px; }
  .job-sidebar .content .important { font-size: 2.0rem; }

  /* ABOUT US */
  .skew-md .skew-about .push { left: 43%; }
  .skew-md .skew-about .skew-container { top: 43%; left: 20%; }
  .skew-md .skew-about .skew-title.oneline h1 { margin-top: 90px; text-align: right; min-width: 190px; }
  
  .key-title-image img { width: 190px; margin-left: 10px; }
  .key-dates { margin-bottom: 15px; border-bottom: 4px solid #00b5ed; }
  .key-dates td { height: 45px; }
  .key-dates .top .line::after { width: 122px; }
  .key-dates .borderb { border-bottom: 1px solid #c3d0d8; }
  .key-dates .year { font-size: 2.4rem; width: 62px; }
  .key-dates .year strong { font-weight: 900; }
  .key-dates .title { width: 200px; }
  .key-dates .picto { width: 55px; text-align: center; }
  .key-dates .picto img { width: auto; height: 35px; }
  .key-dates .infos { width: 200px; color: #00b5ed; text-transform: uppercase; font-size: 1.4rem; padding-left: 5px; }
  .key-dates .image { width: 135px; text-align: left; }
  .key-dates .image img { width: auto; height: 30px; }
  .key-dates .bottom td { height: 25px; }

  /* TEAM */
  .we-offer > div { margin-bottom: 20px; }
  .we-offer .picto { width: 60px; }
  .we-offer .picto img { width: 100%; height: auto; }
  .we-offer .text { font-size: 1.4rem; line-height: 1.8rem; width: calc(100% - 80px); } 
  .we-offer .text strong { font-size: 1.7rem; }

  .awards-dates { margin-top: 20px; }
  .awards-dates .image { width: 125px; text-align: right; padding-right: 10px; }
  .awards-dates .image img { width: auto; height: 40px; }
  .awards-dates .year { font-size: 2.6rem; width: 80px; }
  .awards-dates .year.big { font-size: 3.4rem; }
  .awards-dates .title { width: 460px; line-height: 1.8rem; }
  .awards-dates .title span { font-size: 1.6rem; line-height: 2.0rem; }
  .awards-dates tr.empty td { height: 10px !important; }
  .awards-dates .bottom td { height: 35px; }

  .awards-frame .image { display: inline-block; vertical-align: top; width: 125px; text-align: right; border-top: none; }
  .awards-frame .image img { width: 100%; }
  .awards-frame .frame { display: inline-block; vertical-align: top; border: 1px solid #c3d0d8; margin-left: 15px; padding: 10px 20px 10px 20px; width: 545px; }
  .awards-frame .title { margin-bottom: 5px; }
  .awards-frame ul { margin: 0 0 0 17px; padding: 0; }
  .awards-frame ul li { margin-bottom: 5px; }

  /* LIFESTYLE */
  .lifestyle-content, .lifestyle-side { margin-top: 30px; }
  .lifestyle-side .block h4 { font-size: 2.0rem; }
  .lifestyle-side .image img { width: 100%; height: auto; margin-top: 3px; margin-bottom: 40px; }
  .lifestyle-side .links ul li a { font-size: 1.4rem; padding: 10px 30px 10px 15px; }

  /* ADVANTAGES */
  .advantages > div { width: 49.5%; }
  .advantages h2 { font-size: 2.8rem; margin-bottom: 15px; }

  /* CONTACT */
  #contact-container-full .container .intro { margin-bottom: 20px; }
  .contact-form textarea { min-height: 150px; }
  .contact-form .send { margin-top: 2px; }
  #map { padding-bottom: 35%; }
  
  /* RTE */
  .rte { margin-bottom: 40px; }
  .rte-top { margin-bottom: 20px; } 
  .rte-top img { margin-bottom: 25px; }
  .rte-top h1 { font-size: 3.4rem; }
  .rte-top .date { font-size: 1.5rem; margin-top: 5px; }
  .rte-top .date-share { margin-bottom: 15px; }
  .rte-top .job-location { font-size: 1.5rem; margin-top: 10px; margin-bottom: 15px; }
  .rte h2 { font-size: 2.8rem; }
  .rte h3 { font-size: 2.4rem; }
  .rte h4 { font-size: 2.1rem; }
  .rte ul { padding-left: 25px; }
  
  /* ADD ON */
  #sliding-popup { padding-bottom: 10px; }
  #sliding-popup .popup-content { max-width: 100%; height: 100%; padding: 0 30px; }
  #sliding-popup .popup-content #popup-text { display: inline-block; width: 69%; vertical-align: middle; text-align: left; }
  #sliding-popup .popup-content #popup-text p { font-size: 1.4rem; }
  #sliding-popup .popup-content #popup-buttons { display: inline-block; width: 30%; vertical-align: middle; text-align: right; padding-top: 10px; }

  .popin-modal .wrapper { max-width: 600px; padding: 30px 25px; }
  .popin-modal .logo img { margin-bottom: 25px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  
  /* GENERAL */
  .skew-md .text-full { position: absolute; top: 0; width: 100%; height: 100%; margin: 0; z-index: auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  .skew-md .skew-container { position: absolute; }
  .skew-md .skew-box { content: ''; position: absolute; display: block; width: 190px; height: 190px;
                  -ms-transform: skewY(-26deg); -webkit-transform: skewY(-26deg); transform: skewY(-26deg);
                  background: rgba(0, 180, 235, 0.6);
                  background: -webkit-linear-gradient(rgba(105, 190, 170, 0.6), rgba(0, 180, 235, 0.6));
                  background: -o-linear-gradient(right, rgba(105, 190, 170, 0.6), rgba(0, 180, 235, 0.6));
                  background: -moz-linear-gradient(right, rgba(105, 190, 170, 0.6), rgba(0, 180, 235, 0.6));
                  background: linear-gradient(to right, rgba(105, 190, 170, 0.6) , rgba(0, 180, 235, 0.6) );
   }
  .skew-md .skew-title h1, .skew-md .skew-title h3 { margin: 90px 0 0 0; color: #fff; font-size: 5.4rem; line-height: 4.6rem; min-width: 400px }

  .skew-md .skew-default .skew-container { top: 35%; left: 20%; }
  .skew-md .skew-default .skew-title.oneline h1 { margin-top: 80px; }

  .skew-md .skew-rectangle .skew-container { top: 39%; left: 20%; }
  .skew-md .skew-rectangle .skew-title h1 { margin-top: 50px; }

  /* HOME */
  .skew-home .skew-md .skew-text { position: absolute; margin-left: 10px; width: 275px; color: #fff; }
  .skew-home3 h3, .skew-home4 h3 { font-size: 4.9rem; line-height: 4.9rem; }
 
  /* GAME LIST */
  .skew-md .skew-game .skew-container { top: 35%; left: 20%; }
  .skew-md .skew-game .skew-title h1 { margin-top: 50px; }
  
  .contact-form .input-check label { font-size: 1.5rem; }
 
}

@media only screen and (min-width: 992px) {
  body { font-size: 1.6rem; }

  /* GENERAL */
  h3.section-title { font-size: 7.0rem; }
  
  .fs1 { font-size: 3.2rem; }
  .fs2 { font-size: 2.8rem; }
  .fs3 { font-size: 2.4rem; }
  .fs4 { font-size: 2.2rem; }
  .fs5 { font-size: 2.0rem; }
  .fs6 { font-size: 1.8rem; }
  
  section.high { padding-top: 120px; }
  
  .link-under:after, .link-under-anim:after { width: 40px; bottom: -12px; }
  .link-under-anim:hover::after { left: 20px; }

  .text-full { position: absolute; top: 0; width: 100%; height: 100%; margin: 0; background-color: transparent; z-index: auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  .skew-container { position: absolute; }
  .skew-box { content: ''; position: absolute; display: block; width: 240px; height: 240px;
                  -ms-transform: skewY(-26deg); -webkit-transform: skewY(-26deg); transform: skewY(-26deg);
                  background: rgba(0, 180, 235, 0.6);
                  background: -webkit-linear-gradient(rgba(105, 190, 170, 0.6), rgba(0, 180, 235, 0.6));
                  background: -o-linear-gradient(right, rgba(105, 190, 170, 0.6), rgba(0, 180, 235, 0.6));
                  background: -moz-linear-gradient(right, rgba(105, 190, 170, 0.6), rgba(0, 180, 235, 0.6));
                  background: linear-gradient(to right, rgba(105, 190, 170, 0.6) , rgba(0, 180, 235, 0.6) );
   }
  .skew-title h1, .skew-title h3, .home-video-title h3, .home-bloc-title h3 { margin: 90px 0 0 0; color: #fff; font-size: 6.4rem; line-height: 5.6rem; min-width: 500px; }
  .skew-title h1 .sub { font-size: 3.6rem; top: 44px; left: 162px; }
  .skew-text .logo-a, .home-video .logo-a { width: 60px; height: auto; margin-bottom: 20px; }
  .skew-link { display: inline-block; position: relative; }
  .skew-link .boxed { padding: 10px 12px; margin-top: 15px; margin-bottom: 0; font-size: 1.6rem; }
  .skew-link .boxed.link { color: #fff; border-color: #fff; }
  .skew-link .boxed.link::after { bottom: -8px; width: 55px; height: 6px; }
  .skew-link .boxed.link:hover::after { left: 20px; background-color: #fff; }
  .skew-link .boxed.count { position: absolute; top: 46px; right: 0; height: 46px; }
  .skew-rectangle .skew-container { top: 35%; left: 20%; }
  .skew-rectangle .skew-title h1 { margin-top: 70px; }
  .skew-box.left { left: 70px; }
  .skew-box.right { left: -40px; }

  .skew-default .skew-container { top: 35%; left: 25%; }
  .skew-default .skew-title.oneline h1 { margin-top: 100px; }

  .grid-list .button-group { margin-top: 10px; margin-bottom: 20px; }
  .grid-list .grid { min-height: 235px; }
  .grid-list .grid-item .link span { font-size: 1.8rem; line-height: 4.2rem; width: 42px; height: 42px; left: calc(50% - 21px); top: calc(50% - 21px); }
  .grid-list .grid-item .link span i { width: 42px; }
  .grid-list .grid-item a:hover .mask { border-width: 150px; }
  
  .page h1 { font-size: 4.4rem; font-weight: 900; }
  .page h2 { font-size: 3.8rem; }

  /* HOME */
  .skew-home .skew-text { position: absolute; margin-left: 10px; width: 275px; color: #fff; }
  .skew-home .skew-text h4 { font-size: 3.2rem; }
  .skew-home .skew-text h4 sup { font-size: 1.7rem; }
  .skew-home1 .skew-container { top: 35%; right: -5%; }
  .skew-home1 .skew-text { top: 30%; left: 40%; }
  .skew-home2 .skew-container { top: 45%; left: 72%; }
  .skew-home2 .skew-text { top: 35%; left: 38%; }
  .skew-home3 .skew-container { top: 20%; right: -2%; }
  .skew-home3 .skew-text { top: 20%; left: 40%; }
  .skew-home3 h3 { font-size: 6.1rem; line-height: 6.0rem; }
  .skew-home4 .skew-container { top: 25%; right: -25%; }
  .skew-home4 .skew-text { top: 18%; left: 20%; width: 290px; }
  .skew-home4 .skew-title h3 { margin-top: 40px; }
  
  .home-video { overflow: hidden; }
  .home-video .video-sidebar { color: #00b5ed; position: absolute; z-index: 6; top: 0; right: 0; width: 340px; height: 100%; padding: 0; transition: all .4s ease; background: transparent; }
  .home-video .video-sidebar:before { position: absolute; z-index: 0; top: 0; right: 0; display: block; width: 390px; height: 100%; content: ''; transition: border-left .4s ease; transform: skew(-17deg, 0deg); transform-origin: 0 0 0; border-left: solid 0; background: #fff; }
  .home-video .video-sidebar:hover::before { border-left: solid 14px; }
  .home-video .video-sidebar:hover .toggle-video-sidebar { left: -100px; opacity: 1; }
  .home-video .video-sidebar.content-hidden { right: -420px; }
  .home-video .toggle-video-sidebar { position: absolute; display: block; top: 260px; left: -85px; width: 69px; height: 25px; cursor: pointer; transition: all .8s ease; transform: rotate(107deg); transform-origin: 0 0 0; opacity: 0; border-radius: 3px; background: #00b5ed; }
  .home-video .toggle-video-sidebar:before { position: absolute; bottom: 5px; left: 8px; width: 75%; height: 2px; content: ''; background: #fff; }
  .home-video .toggle-video-sidebar:after { position: absolute; top: 5px; left: 8px; width: 75%; height: 2px; content: ''; background: #fff; }
  .home-video .content { position: relative; width: 450px; margin: 0; overflow: visible; background-color: #fff; height: 100%; padding: 0; transform: translateY(0); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  .home-video .home-video-title { float: none; width: 100%; }
  .home-video .home-video-title h3 { font-size: 6.0rem; color: #403f3d; margin: 90px 0 0 -60px; }
  .home-video .home-video-text { float: none; width: 350px; margin: 30px 0 0 -30px; color: #403f3d; }
  .home-video .skew-link .boxed.link { color: #00b5ed; border-color: #00b5ed; }
  .home-video .skew-link .boxed.link:hover::after { background-color: #00b5ed; }

  .home-last-tweet .wrapper { padding: 40px 0 40px 0; width: 100%; height: 100%; background: url("images/twitter-background.png") no-repeat -15% center; background-size: 45%; }
  .home-last-tweet .home-bloc-title h3 { margin-bottom: 10px; }
  .home-last-tweet .home-bloc-title p { margin-bottom: 30px; }
  .home-last-tweet .bloc { margin-left: 6px; margin-right: 6px; }

  /* NEWS LIST */
  .news-list.home { margin-bottom: 50px; }
  .news-list.home .link-all, .news-list.page .link-all { font-size: 4.6rem; line-height: 4.6rem; margin-left: 30px; }
  .news-list.page h2 { font-size: 2.1rem; }
  .news-list.page .resume { font-size: 1.5rem; line-height: 2.0rem; }
  
  /* GAME LIST */
  .skew-game .skew-container { top: 35%; left: 20%; }
  .skew-game .skew-title h1 { margin-top: 70px; }
  
  .grid-list.game .grid-item a h2 { bottom: 8px; font-size: 2.2rem; }
  
  /* JOB LIST */
  .line-list.job .filters-bloc { width: 18%; }
  .line-list.job .jobs-bloc { width: 82%; padding-left: 20px; }
  .line-list .grid-item a h2 { font-size: 1.6rem; }
  .line-list .grid-item a h2::after { width: 70px; height: 2px; }
  .line-list .grid-item .date { font-size: 1.4rem; }

  .video-job i { font-size: 4.5rem; }
  #video-job .owl-nav { font-size: 6.0rem; }
  #video-job .owl-nav .nav-button { top: 60px; }
  #video-job .owl-nav .owl-prev { left: 270px; }
  #video-job .owl-nav .owl-next { right: 270px; }
    
  /* JOB DETAIL */
  .job-sidebar { margin-top: 80px; }
  .job-sidebar::before { display: none; } 
  
  /* ABOUT US */
  .skew-md .skew-about .skew-container { top: 34%; left: 20%; }
  .skew-md .skew-about .skew-title.oneline h1 { margin-top: 120px; min-width: 240px; }

  .key-title-image img { width: 210px; margin-left: 0; margin-bottom: 15px; }
  .key-dates .year { font-size: 2.8rem; width: 70px; padding-right: 5px; }
  .key-dates .circle::before { margin-left: 14px; }
  .key-dates .title { width: 230px; padding-left: 5px; }
  .key-dates .title h4 { font-size: 2.0rem; }
  .key-dates .picto { width: 60px; }
  .key-dates .picto img { height: 40px; }
  .key-dates .infos { width: 225px; font-size: 1.4rem; padding-left: 10px; }
  .key-dates .image { width: 160px; }
  .key-dates .image img { width: auto; height: 34px; }
  
  /* TEAM */
  .we-offer { margin: 20px 0 20px 30px; }
  .we-offer > div { margin-bottom: 20px; }
  .we-offer .picto { width: 70px; }
  .we-offer .text { width: calc(100% - 90px); } 
  
  .awards-dates-container { z-index: auto; }
  .awards-dates-bg { display: block; position: absolute; bottom: -100px; right: -250px; z-index: -99; }
  .awards-dates-bg img { width: 700px; height: auto; }
  
  .awards-dates-subtitle { font-size: 2.0rem; margin-bottom: 25px; }
  .awards-dates .image { width: 140px; }
  .awards-dates .image img { height: 42px; }
  .awards-dates .year { padding-right: 5px; width: 85px; }
  .awards-dates .title { width: 515px; padding-left: 5px; }
  .awards-dates .title span { font-size: 1.5rem; line-height: 2.0rem; }
  .awards-dates tr.empty td { height: 15px !important; }
  
  .awards-frame { margin-bottom: 60px; }
  .awards-frame .image { width: 140px; }
  .awards-frame .image img { width: 90%; }
  .awards-frame .frame { margin-left: 20px; width: 600px; }
  
  /* LIFESTYLE */
  .lifestyle-content, .lifestyle-side { margin-top: 50px; }
  .lifestyle-side .block h4 { font-size: 2.4rem; }

  .lifestyle-side .links ul li a { font-size: 1.4rem; padding: 8px 30px 8px 15px; }
  .lifestyle-side .links ul li a::after { top: 12px; }

  /* ADVANTAGES */
  .advantages > div { width: 33%; margin-bottom: 40px; }
  .advantages h2 { font-size: 2.8rem; }
  .advantages ul span.icon-stage img { width: 20px; }

  
  /* CONTACT */
  section.contact-us.home { padding-top: 40px; }
  #contact-container-full .container .intro { font-size: 2.0rem; margin-top: 5px; margin-bottom: 20px; }
  .contact-form input, .contact-form textarea { font-size: 1.5rem; padding: 10px; }
  .contact-form textarea { min-height: 200px; }
  .contact-form .file-allowed { font-size: 1.3rem;}
  .bootstrap-filestyle label { font-size: 1.4rem; }
  #map { padding-bottom: 29%; }
  
  /* RTE */
  .rte { margin-bottom: 40px; }
  .rte-top { margin-bottom: 20px; } 
  .rte-top img { margin-bottom: 25px; }
  .rte-top h1 { font-size: 3.6rem; }
  .rte-top .date-share { margin-bottom: 20px; }
  .rte h2 { font-size: 3.1rem; }
  .rte h3 { font-size: 2.4rem; }
  .rte h4 { font-size: 2.1rem; }
  .rte img { margin-top: 25px; margin-bottom: 25px; max-width: 85%; }
  .rte .video-responsive { width: 85%; margin-top: 25px; margin-bottom: 25px; }
  .rte .important { font-size: 2.0rem; }
  .rte .bigger { font-size: 1.9rem; }
  .rte ul { padding-left: 30px; }

  .popin-modal .wrapper { max-width: 750px; padding: 35px; }
  .popin-modal .logo img { max-width: 250px; }
}

@media only screen and (min-width: 1200px) {

  /* GENERAL */
  body { font-size: 1.7rem; }
  h3.section-title { font-size: 7.4rem; }
  
  .skew-box { width: 300px; height: 300px; }
  .skew-title h1, .skew-title h3 { margin-top: 120px; font-size: 7.8rem; line-height: 7.0rem; min-width: 530px; }
  .skew-title h1 .sub { font-size: 4.0rem; top: 54px; left: 198px; }
  .skew-box.right { left: -50px; }
  
  .skew-default .skew-container { left: 25%; }
  .skew-default .skew-title.oneline h1 { margin-top: 120px; }
  .skew-rectangle .skew-title h1 { margin-top: 90px; }

  .grid-list .grid { min-height: 280px; }
  .grid-list .grid-item .link span { font-size: 2.0rem; line-height: 4.4rem; width: 44px; height: 44px; left: calc(50% - 22px); top: calc(50% - 22px); }
  .grid-list .grid-item .link span i { width: 44px; }
  .grid-list .grid-item a:hover .mask { border-width: 180px; }
  
  .page h1 { font-size: 6.0rem; font-weight: 900; }
  .page h2 { font-size: 4.4rem; }

  /* HOME */
  .skew-home .skew-text { width: 300px; }
  .skew-home .skew-text h4 { font-size: 3.4rem; margin-bottom: 10px; }
  .skew-home .skew-text .logo-a, .home-video .logo-a { width: 65px; }
  .skew-home1 .skew-container { top: 30%; right: 10%; }
  .skew-home1 .skew-text { top: 30%; left: 42%; }
  .skew-home2 .skew-container { top: 40%; left: 72%; }
  .skew-home2 .skew-text { top: 35%; left: 42%; }
  .skew-home3 .skew-container { top: 20%; right: 10%; }
  .skew-home3 .skew-text { top: 15%; left: 42%; }
  .skew-home3 h3 { font-size: 7.3rem; line-height: 6.8rem; }
  .skew-home4 .skew-container { top: 25%; right: -10%; }
  .skew-home4 .skew-text { top: 18%; left: 28%; }
  .skew-home4 .skew-title h3 { margin-top: 50px; }
  
  .home-video .video-sidebar { width: 370px; }
  .home-video .video-sidebar:before { width: 420px; }
  .home-video .video-sidebar:hover .toggle-video-sidebar { left: -115px; }
  .home-video .toggle-video-sidebar { top: 300px; left: -100px; }
  .home-video .video-sidebar.content-hidden { right: -450px; }
  .home-video .home-video-title h3 { font-size: 6.6rem; line-height: 6.0rem; margin-top: 150px; }

  .home-last-tweet .wrapper { padding: 50px 0 50px 0; background-position: -8% center; background-size: 40%; }
  .home-last-tweet .home-bloc-title p { margin-bottom: 35px; }

  /* NEWS LIST */
  .news-list.page h2 { font-size: 2.2rem; }
  .news-list .date, .news-list .more { font-size: 1.4rem; }
  .news-list .resume { font-size: 1.5rem; }
  .news-list .style1 h2 { font-size: 2.4rem; line-height: 2.8rem; }
  .news-list .style3 span.camera::after { font-size: 5.6rem; }
  .news-list .style3 span.video::after { font-size: 6.0rem; }
  .news-list .style3 span.text::after { font-size: 5.4rem; }
  .news-list .style3 span.social::after { font-size: 6.0rem; }
  .news-list.home .link-all, .news-list.page .link-all { font-size: 4.8rem; line-height: 4.8rem; margin-left: 40px; }

  /* GAME LIST */
  .skew-game .skew-title h1 { margin-top: 90px; }
 
  .grid-list.game .grid-item a h2 { bottom: 12px; font-size: 2.4rem; }
  
  /* JOB LIST */
  .line-list.job .jobs-bloc { padding-left: 25px; }
  .line-list .grid-item a h2 { font-size: 1.7rem; }
  .line-list .grid-item a h2::after { width: 80px; }
  .line-list .grid-item .date { font-size: 1.5rem; }
  .video-job i { font-size: 5.0rem; }
  #video-job .owl-nav { font-size: 7.0rem; }
  #video-job .owl-nav .nav-button { top: 75px; }
  #video-job .owl-nav .owl-prev { left: 320px; }
  #video-job .owl-nav .owl-next { right: 320px; }
  
  /* JOB DETAIL */
  .job-sidebar { margin-top: 100px; padding-right: 25px; }
  .job-sidebar::before { display: none; } 
  
  /* ABOUT US */
  .skew-md .skew-about .skew-container { top: 31%; left: 20%; }
  .skew-md .skew-about .skew-title.oneline h1 { margin-top: 150px; min-width: 300px; }
  
  .key-dates { margin-left: 30px; }
  .key-title-image img { width: 240px; margin-left: 30px; margin-bottom: 15px; }
  .key-dates td { height: 50px; }
  .key-dates .year { font-size: 3.2rem; width: 80px; padding-right: 6px; }
  .key-dates .title { width: 230px; padding-left: 6px; }
  .key-dates .title h4 { font-size: 2.0rem; }
  .key-dates .picto { width: 60px; }
  .key-dates .picto img { height: 40px; }
  .key-dates .infos { width: 230px; font-size: 1.4rem; padding-left: 10px; }
  .key-dates .image { width: 190px; }
  .key-dates .image img { width: auto; height: 42px; }
  
  /* TEAM */
  .rte.team { padding-right: 100px; }
  .we-offer { margin-left: 0; margin-bottom: 40px; }
  .we-offer > div { margin-bottom: 25px; }
  .we-offer .picto { width: 80px; }
  .we-offer .text { width: calc(100% - 95px); }
  .we-offer .text strong { font-size: 1.65rem; }
  
  .awards-dates-bg { bottom: -140px; right: -250px; }
  .awards-dates-bg img { width: 800px; }
  
  .awards-dates .image { width: 170px; }
  .awards-dates .image img { height: 50px; }
  .awards-dates .year { font-size: 2.8rem; width: 105px; }
  .awards-dates .year.big { font-size: 4.0rem; }
  .awards-dates .title { width: 605px; }
  .awards-dates tr.empty td { height: 20px !important; }
  
  .awards-frame { margin-bottom: 100px; }
  .awards-frame .image { width: 160px; }
  .awards-frame .image img { width: 85%; }
  .awards-frame .frame { width: 680px; }
  
  /* LIFESTYLE */
  .lifestyle-content, .lifestyle-side { margin-top: 70px; }
  
  /* ADVANTAGES */
  .advantages { margin-top: 20px; }
  .advantages h2 { font-size: 3.0rem; }

  /* CONTACT */
  #contact-container-full .container .intro { margin-top: 10px; margin-bottom: 20px; }
  #map { padding-bottom: 26%; }
  
  /* RTE */
  .rte { margin-bottom: 50px; }
  .rte-top h1 { font-size: 4.0rem; }
  .rte-top .date-share { margin-bottom: 20px; }
  .rte-top .job-location { font-size: 1.6rem; }
  .rte img { max-width: 80%; }
  .rte h2 { font-size: 3.1rem; }
  .rte h3 { font-size: 2.4rem; }
  .rte h4 { font-size: 2.1rem; }
  .rte .video-responsive { width: 80%; }
  .rte .important { font-size: 2.2rem; }
  .rte ul { padding-left: 30px; }
}

@media only screen and (min-width: 1400px) {
  
  /* GENERAL */
  h3.section-title { font-size: 7.6rem; }
  
  .skew-box { width: 360px; height: 360px; }
  .skew-title h1, .skew-title h3 { margin-top: 140px; font-size: 9.4rem; line-height: 8.6rem; min-width: 560px; }
  .skew-title h1 .sub { font-size: 4.4rem; top: 64px; left: 240px; }
  .skew-box.right { left: -70px; }
  
  .skew-default .skew-container { top: 30%; left: 25%; }
  .skew-default .skew-title.oneline h1 { margin-top: 140px; }

  .skew-rectangle .skew-container { top: 40%; left: 25%; }
  .skew-rectangle .skew-title h1 { margin-top: 110px; }
  
  /* HOME */
  .skew-home .skew-text h4 { font-size: 3.6rem; }
  .skew-home1 .skew-container { top: 35%; right: 18%; }
  .skew-home1 .skew-text { top: 35%; left: 50%; }
  .skew-home2 .skew-container { top: 38%; left: 75%; }
  .skew-home2 .skew-text { top: 25%; left: 50%; }
  .skew-home3 .skew-container { top: 17%; right: 18%; }
  .skew-home3 .skew-text { top: 17%; left: 50%; }  
  .skew-home3 h3 { font-size: 8.0rem; line-height: 6.8rem; }
  .skew-home4 .skew-container { top: 25%; right: -15%; }
  .skew-home4 .skew-text { top: 18%; left: 28%; }
  .skew-home4 .skew-title h3 { margin-top: 55px; }
  
  .home-video .video-sidebar { width: 370px; }
  .home-video .video-sidebar:before { width: 420px; }
  .home-video .video-sidebar:hover .toggle-video-sidebar { left: -115px; }
  .home-video .toggle-video-sidebar { top: 300px; left: -100px; }
  .home-video .video-sidebar.content-hidden { right: -450px; }
  .home-video .home-video-title h3 { font-size: 7.0rem; line-height: 6.0rem; margin: 170px 0 0 -70px; }

  /* GAME LIST */
  .skew-game .skew-container { top: 40%; left: 25%; }
  .skew-game .skew-title h1 { margin-top: 110px; }
  
  /* ABOUT US */
  .skew-md .skew-about .skew-container { top: 29%; left: 20%; }
  .skew-md .skew-about .skew-title.oneline h1 { margin-top: 180px; min-width: 360px; }
  
  /* CONTACT */
  #map { padding-bottom: 23%; }
}

@media only screen and (min-width: 1800px) {

  /* GENERAL */
  h3.section-title { font-size: 7.8rem; }
  
  .skew-box { width: 380px; height: 380px; }
  .skew-title h1, .skew-title h3 { margin-top: 140px; font-size: 10.0rem; line-height: 9.2rem; min-width: 580px; }
  .skew-title h1 .sub { font-size: 4.6rem; top: 64px; left: 254px; }
  .skew-box.right { left: -70px; }
  
  .skew-default .skew-container { top: 40%; left: 30%; }
  .skew-default .skew-title.oneline h1 { margin-top: 160px; }
  
  .skew-rectangle .skew-container { top: 40%; left: 30%; }
  .skew-rectangle .skew-title h1 { margin-top: 120px; }
  
  /* HOME */
  .skew-home .skew-text .logo-a, .home-video .logo-a { width: 70px; margin-bottom: 25px; }
  .skew-home1 .skew-container { top: 35%; right: 22%; }
  .skew-home1 .skew-text { top: 35%; left: 45%; }
  .skew-home2 .skew-container { top: 45%; left: 75%; }
  .skew-home2 .skew-text { top: 45%; left: 40%; }
  .skew-home3 .skew-container { top: 20%; right: 22%; }
  .skew-home3 .skew-text { top: 22%; left: 45%; }
  .skew-home3 h3 { font-size: 9.0rem; line-height: 8.0rem; }
  .skew-home4 .skew-container { top: 35%; right: 0%; }
  .skew-home4 .skew-text { top: 28%; left: 28%; }
  .skew-home4 .skew-title h3 { margin-top: 70px; }

  .home-video .video-sidebar { width: 420px; }
  .home-video .video-sidebar:before { width: 470px; }
  .home-video .video-sidebar:hover .toggle-video-sidebar { left: -160px; }
  .home-video .toggle-video-sidebar { top: 450px; left: -145px; }
  .home-video .video-sidebar.content-hidden { right: -550px; }
  .home-video .home-video-title h3 { font-size: 8.0rem; line-height: 7.6rem; margin: 280px 0 0 -90px; }
  .home-video .home-video-text { margin: 50px 0 0 -50px; }

  .home-last-tweet .wrapper { background-position: -8% center; background-size: 30%; }
  
  /* GAME LIST */
  .skew-game .skew-container { top: 40%; left: 30%; }
  .skew-game .skew-title h1 { margin-top: 120px; }
  
  /* ABOUT US */
  .skew-md .skew-about .skew-container { top: 40%; left: 20%; }
  .skew-md .skew-about .skew-title.oneline h1 { margin-top: 190px; min-width: 380px; }
  
  /* CONTACT */
  #map { padding-bottom: 20%; }
}