@import url(http://fonts.googleapis.com/css?family=Raleway:300,700,400&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Alex+Brush&subset=latin,latin-ext);

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

/* DECLARATIONS GENERALES
---------------------------------------------------------------------------------------------------- */

* {
margin: 0;
padding: 0;
outline: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
font-family: 'Raleway', sans-serif;
font-weight: light;
font-size: 16px;
line-height: 20px;
}

html, body, input, textarea, select, button {
font-family: 'Raleway', sans-serif;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-weight: normal;
line-height: 1em;
font-size: 1em;
}

img {
border: 0;
vertical-align: middle;
}

.none {
position: absolute;
left: 0;
top: -10000px;
width: 1px;
height: 1px;
overflow: hidden;
}

.clear {
clear: both;
display: block;
height: 0px;
font-size: .1em;
}

textarea {
overflow: auto;
vertical-align: top;
}

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


.rsDefault .rsArrowIcn {
border-radius: 50%;
background-color: rgba(52, 52, 52,.5);
}



/* ELEMENTS DE LA PAGE
---------------------------------------------------------------------------------------------------- */

html {
width: 100%;
height: 100%;
background: #fff url(load.jpg) no-repeat bottom center;
background-size: cover;
}

#canvas {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: auto;
}




/* CONTENT
---------------------------------------------------------------------------------------------------- */

div#content {
position: relative;
width: 100%;
overflow: hidden;
}

h2.titre {
display: block;
padding: 30px 10px 40px 10px;
width: 262px;
height: 126px;
font-size: 1.6em;
text-align: center;
font-weight: normal;
text-transform: uppercase;
background: transparent url(trombone.png) no-repeat 0 0;
}

.section {
position: relative;
width: 100%;
overflow: hidden;
-moz-box-shadow: 0px 5px 10px 0px #222;
-webkit-box-shadow: 0px 5px 10px 0px #222;
-o-box-shadow: 0px 5px 10px 0px #222;
box-shadow: 0px 5px 10px 0px #222;
}

.section .section_content {
position: relative;
margin: 0 auto;
width: 1200px;
overflow: hidden;
}

.section .section_fond {
position: absolute;
top: 0;
left: 0;
background: transparent url(fond.jpg) no-repeat top center;
background-size: cover;
z-index: -6;
-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;-webkit-perspective: 1000;
}




/* HOME
---------------------------------------------------------------------------------------------------- */

div#home {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
-moz-box-shadow: 0px 5px 10px 0px #222;
-webkit-box-shadow: 0px 5px 10px 0px #222;
-o-box-shadow: 0px 5px 10px 0px #222;
box-shadow: 0px 5px 10px 0px #222;
}

div#home h1#titre {
position: relative;
margin: 8% auto 0 auto;
opacity: 0;
z-index: 9;
}

.site_fr div#home h1#titre {
margin: 4% auto 0 auto;
width: 453px;
height: 220px;
background: transparent url(_home/titre_fr.png) no-repeat center center;
}

.site_en div#home h1#titre {
margin: 6% auto 0 auto;
width: 639px;
height: 150px;
background: transparent url(_home/titre_en.png) no-repeat center center;
}

div#home h1#titre span.date {
display: inline-block;
position: absolute;
padding: 3px 6px;
right: -140px;
bottom: 0px;
text-transform: uppercase;
font-weight: bold;
color: #fff;
border: 2px solid #fff;
}

div#home_scroll {
position: absolute;
bottom: 20px;
left: 0;
width: 100%;
height: 50px;
opacity: 0;
text-align: center;
z-index: 1;
}

div#home_scroll a {
display: block;
margin: 0 auto;
width: 200px;
height: 50px;
color: #fff;
text-align: center;
text-transform: uppercase;
font-style: italic;
font-size: 1.1em;
text-decoration: none;
background: transparent url(_home/scroll.png) no-repeat bottom center;
}

div#home_fond {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent url(_home/home.jpg) no-repeat bottom center;
background-size: cover;
z-index: -4;
}

div#home div#home_boxes {
position: absolute;
bottom: 40%;
width: 100%;
height: 112px;
opacity: 0;
z-index: 1;
}

div#home div#home_box_press {
position: absolute;
top: 0;
left: 5%;
width: 90%;
height: 112px;
z-index: 0;
}

div#home div#home_box_trailer {
margin: 0 auto;
width: 590px;
height: 300px;
border: 2px solid #fff;
border-radius: 5px;
background-color: rgba(255,255,255,.4);
-moz-box-shadow: inset 0px 0px 100px 0px #d3a292;
-webkit-box-shadow: inset 0px 0px 100px 0px #d3a292;
-o-box-shadow: inset 0px 0px 100px 0px #d3a292;
}

div#home a#home_trailer {
display: block;
position: relative;
width: 590px;
height: 300px;
text-align: center;
border-radius: 5px;
background: transparent url(_home/trailer.png) no-repeat center 20px;
}

div#home a#home_trailer span {
position: absolute;
left: 0;
bottom: 10px;
width: 100%;
padding: 1px 6px;
color: #fff;
font-size: 1.5em;
text-align: center;
}

div#home a#home_trailer i {
position: absolute;
top: 0;
left: 0;
width: 590px;
height: 300px;
line-height: 330px;
text-align: center;
color: #fff;
font-size: 100px;
opacity: .8;
}

div#home a#home_trailer:hover i,
div#home a#home_trailer:hover span {
opacity: 1;
}

div#home #home_slider {
position: relative;
margin: 0 auto;
width: 100%;
height: 110px;
}

div#home #home_slider div.slide_content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 110px;
z-index: 2;
opacity: 0;
}

div#home #home_slider div.left {
float: left;
width: 240px;
height: 200px;
}

div#home #home_slider div.right {
float: right;
width: 240px;
height: 200px;
}


div#home #home_slider div p {
display: table-cell;
width: 240px;
height: 200px;
color: #000;
vertical-align: middle;
text-align: center;
font-style: italic;
font-size: 1.4em;
text-shadow: 0px 0px 3px rgba(255, 255, 255, 1);
}

div#home #home_slider div p a {
display: block;
margin-top: 5px;
color: #000;
font-style: normal;
font-size: .8em;
text-shadow: 0px 0px 3px rgba(255, 255, 255, 1);
}




/* MENU
---------------------------------------------------------------------------------------------------- */

div#menu {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50px;
opacity: 0;
text-align: center;
background-color: rgba(0,0,0,0.4);
z-index: 10;
}

div#menu ul.menu {
display: inline-block;
text-align: left;
height: 50px;
list-style-type: none;
}

div#menu ul.menu > li {
display: block;
position: relative;
float: left;
padding: 15px 20px 0 20px;
height: 50px;
}

div#menu ul.menu > li > a {
display: block;
text-transform: uppercase;
font-weight: normal;
color: #fff;
font-size: 1.1em;
text-decoration: none;
}

div#menu ul.menu > li > a:hover {
text-decoration: none;
}

div#menu ul.menu > li:hover > a ,
div#menu ul.menu > li.active > a,
div#menu ul.menu > li > a.active {
border-bottom: 2px solid #fff;
}

div#menu ul.ssmenu {
display: none;
position: absolute;
top: 50px;
left: 0px;
text-align: left;
list-style-type: none;
background-color: rgba(0,0,0,0.6);
z-index: 10;
}

div#menu ul.ssmenu > li {
display: block;
margin: 10px 20px 0 20px;
height: 30px;
}

div#menu ul.ssmenu > li > a {
display: block;
line-height: 30px;
text-transform: uppercase;
font-weight: normal;
color: #fff;
font-size: 1em;
white-space: nowrap;
text-decoration: none;
}

div#menu ul.menu > li:hover ul.ssmenu {
display: block;
}

#menu_share {
position: absolute;
top: 9px;
width: 200px;
right: 200px;
height: 50px;
z-index: 99;
opacity: 0;
}

#menu_share button,
#menu_share a {
display: inline-block;
margin: 0 5px 0 5px;
width: 30px;
height: 30px;
line-height: 30px;
color: #fff;
font-size: 1.3em;
text-align: center;
border: none;
cursor: pointer;
border-radius: 50%;
}

#menu_share button#menu_share_facebook {
background-color: #375797;
}

#menu_share button#menu_share_twitter {
background-color: #5ea9dd;
}

#menu_share button#menu_share_google {
background-color: #dd4b39;
}

#menu_share a#menu_share_news {
background-color: #f76100;
}

#menu_share button#menu_share_facebook:hover {
background-color: #607eba;
}

#menu_share button#menu_share_twitter:hover {
background-color: #88c2ea;
}

#menu_share button#menu_share_google:hover {
background-color: #f53e2a;
}

#menu_share a#menu_share_news:hover {
background-color: #f79e7d;
}

.tooltipster-light {
	border-radius: 5px;
	border: none;
	background-color: rgba(255,255,255,.8);
	color: #666666;
}
.tooltipster-light .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	color: #000;
}

.tooltipster-content .menu_share_tooltipster {
min-width: 100px;
min-height: 20px;
}

.tooltipster-content a.follow {
display: block;
margin-top: 3px;
font-size: .8em;
text-decoration: none;
color: #444;
}

div#menu a#menu_home {
position: absolute;
top: 0;
left: 1.5%;
display: block;
width: 220px;
height: 50px;
background-size: cover;
opacity: 0;
z-index: 1;
}

.site_fr div#menu a#menu_home {
background: transparent url(menu_fr.png) no-repeat center center;
}

.site_en div#menu a#menu_home {
background: transparent url(menu_en.png) no-repeat center center;
}


/* LANGUAGES
---------------------------------------------------------------------------------------------------- */


div#languages {
position: absolute;
padding: 5px 8px;
top: 15px;
left: 30px;
opacity: 0;
cursor: pointer;
border: 1px solid #fff;
z-index: 999;
}

div#languages p {
font-size: .9em;
text-transform: uppercase;
color: #fff;
}

div#languages ul#menu_languages {
display: none;
margin-top: 5px;
padding: 8px 8px 5px 8px;
list-style-type: none;
background-color: rgba(255, 255, 255,.2);
}

div#languages:hover ul#menu_languages {
display: block;
text-align: center;
}

div#languages .drapeau {
display: inline-block;
margin: 0 2px;
width: 32px;
height: 20px;
}

div#languages p .drapeau {
position: relative;
top: 3px;
}

div#languages .drapeau a {
display: block;
width: 32px;
height: 20px;
opacity: .6;
}

div#languages .drapeau.fr a {
background: transparent url(_home/fr.png) no-repeat center center;
}

div#languages .drapeau.en a {
background: transparent url(_home/en.png) no-repeat center center;
}

div#languages .drapeau a:hover {
opacity: 1;
}



/* CREDITS & LINKS
---------------------------------------------------------------------------------------------------- */


div#credits {
position: absolute;
padding: 5px 8px;
bottom: 15px;
left: 30px;
cursor: pointer;
opacity: 0;
border: 1px solid #fff;
z-index: 2;
}

div#credits p {
font-size: .9em;
text-transform: uppercase;
color: #fff;
}

div#credits img {
display: none;
position: absolute;
bottom: 40px;
left: 0;
}

div#credits:hover img {
display: block;
}

div#home_links {
position: absolute;
bottom: 15px;
right: 30px;
opacity: 0;
z-index: 2;
}

div#home_links a#link_tickets {
display: block;
margin-top: 5px;
padding: 10px;
border-radius: 5px;
color: #fff;
font-size: 1.1em;
text-transform: uppercase;
text-decoration: none;
background-color: rgba(150,150,150,.8);
}

div#home_links a#link_tickets:hover {
text-decoration: none;
background-color: rgb(150,150,150);
}

div#home_links a#link_tickets i {
color: fff;
font-size: 1.1em;
padding-right: 10px;
}

div#home_links a#link_game {
display: block;
padding: 10px;
border-radius: 5px;
color: #fff;
font-size: 1.1em;
text-transform: uppercase;
text-decoration: none;
background-color: rgba(150,150,150,.8);
}

div#home_links a#link_game:hover {
text-decoration: none;
background-color: rgb(150,150,150);
}

div#home_links a#link_game i {
color: fff;
font-size: 1.1em;
padding-right: 10px;
}

div#home_links a#link_game img {
display: block;
margin-top: 2px;
border-radius: 3px;
}



/* SECTION STORY
---------------------------------------------------------------------------------------------------- */

div#section_story {
}

div#section_story .section_fond {
background-image: url(_section_story/fond.jpg);
}

div#section_story h2.titre {
position: absolute;
top: 15%;
right: 20%;
z-index: 2;
}

div#section_story #affiche_story {
position: absolute;
top: 13%;
left: 4%;
width: 372px;
height: 551px;
z-index: 1;
}

div#section_story #affiche_story span.download {
position: absolute;
display: none;
top: 0;
left: 0;
width: 372px;
height: 551px;
background-color: rgba(0,0,0,.2);
z-index: 99;
}

div#section_story #affiche_story:hover span.download {
display: block;
}

div#section_story #affiche_story span.download a.desktop {
position: absolute;
display: block;
top: 250px;
left: 151px;
padding-top: 12px;
width: 50px;
height: 50px;
font-size: 25px;
color: #000;
z-index: 99;
text-align: center;
border-radius: 50%;
background-color: #fff;
}

div#section_story #affiche_story span.download a:hover {
color: #fff;
background-color: #000;
}

div#section_story #pola_story_1 {
position: absolute;
top: 25%;
left: 30%;
padding: 80px 70px 0 70px;
width: 460px;
height: 468px;
line-height: 1.6em;
color: #fff;
text-align: justify;
background: transparent url(_section_story/pola.png) no-repeat 0 0;
z-index: 2;
}

div#section_story #pola_story_1 p {
margin-bottom: 20px;
text-transform: uppercase;
}

div#section_story #pola_story_2 {
position: absolute;
top: 30%;
left: 55%;
padding: 80px 70px 0 180px;
width: 460px;
height: 468px;
color: #fff;
background: transparent url(_section_story/pola.png) no-repeat 0 0;
z-index: 1;
}

div#section_story #pola_story_2 ul {
list-style-type: none;
}

div#section_story #pola_story_2 ul li {
margin: 5px 0;
font-size: .8em;
}

div#section_story #pola_story_2 ul li strong {
margin-right: 5px;
font-size: 1em;
}

div#section_story #pola_story_2 p {
text-align: right;
margin-bottom: 20px;
font-size: .8em;
text-transform: uppercase;
}



/* SECTION CHARACTERS
---------------------------------------------------------------------------------------------------- */

div#section_characters {
}

div#section_characters .section_content {
position: relative;
display: table-cell;
vertical-align: middle;
text-align: center;
}

div#section_characters .section_fond {
background-image: url(_section_characters/fond.jpg);
}

div#section_characters h2.titre {
position: absolute;
top: 33%;
left: 12%;
z-index: 2;
}

div#section_characters button.section_characters-btn {
position: absolute;
bottom: 250px;
background: none;
border: none;
cursor: pointer;
opacity: .5;
}

div#section_characters button.section_characters-btn:hover {
opacity: 1;
}

div#section_characters button.section_characters-btn i {
color: #fff;
font-size: 150px;
}

div#section_characters button#section_characters-prev {
position: absolute;
left: 60px;
}

div#section_characters button#section_characters-next {
position: absolute;
right: 60px;
}

div#section_characters #section_characters-slider-slides {
position: relative;
margin: 5% auto 0 auto;
width: 920px;
height: 620px;
overflow: hidden;
}

div#section_characters #section_characters-slider-familly {
position: absolute;
top: 0;
left: 190px;
width: 555px;
height: 238px;
z-index: 9;
overflow: hidden;
}

div#section_characters #section_characters-slider-familly img {
position: absolute;
top: -1px;
left: -1px;
}

div#section_characters #section_characters-slider {
position: relative;
top: 183px;
left: -128px;
height: 450px;
width: 1050px;
}

div#section_characters #section_characters-slider .rsSlide {
width: 432px;
height: 384px;
overflow: visible;
}

div#section_characters #section_characters-slider .rsContent {
position: relative;
width: 432px;
height: 384px;
}

div#section_characters #section_characters-slider .rsContent .masque {
position: absolute;
display: block;
top: 0;
left: 0;
width: 432px;
height: 384px;
background: transparent url(_section_characters/masque.png) no-repeat 0 0;
z-index: 3;
}

div#section_characters #section_characters-slider .rsContent .section_characters-element {
position: absolute;
top: 25px;
left: 33px;
width: 360px;
height: 198px;
z-index: 2;
}

div#section_characters #section_characters-slider .rsContent .section_characters-element i {
position: absolute;
top: 0;
left: 0;
width: 369px;
height: 202px;
line-height: 202px;
text-align: center;
color: #fff;
font-size: 100px;
opacity: .6;
}

div#section_characters #section_characters-slider .rsContent:hover .section_characters-element i {
opacity: 1;
}

div#section_characters #section_characters-slider .rsContent p.titre {
position: absolute;
top: 230px;
left: 35px;
width: 360px;
height: 20px;
color: #000;
font-size: 1.1em;
z-index: 4;
}

div#section_characters #section_characters-slider .rsContent p.texte {
position: absolute;
top: 255px;
left: 35px;
width: 360px;
height: 105px;
color: #000;
font-size: .8em;
line-height: 1.2em;
z-index: 4;
}

div#section_characters #section_characters-slider .rsContent span.cast_img {
display: none;
position: absolute;
bottom: -40px;
right: -30px;
width: 100px;
height: 100px;
z-index: 5;
}

div#section_characters #section_characters-slider .rsContent span.cast_nom {
display: none;
position: absolute;
bottom: 2px;
right: 25px;
padding: 5px 45px 5px 10px;
color: #fff;
font-size: .9em;
background-color: #ac4b3e;
z-index: 4;
}

div#section_characters #section_characters-slider .rsContent span.cast_nom em {
font-size: .8em;
}

div#section_characters #section_characters-slider .rsActiveSlide span.cast_img {
display: block;
}

div#section_characters #section_characters-slider .rsActiveSlide span.cast_nom {
display: inline-block;
}

.site_fr #section_characters-angili span.cast_img {
background: transparent url(_section_characters/cast_angili_fr.png) no-repeat 0 0;
}

.site_fr #section_characters-darius span.cast_img {
background: transparent url(_section_characters/cast_darius_fr.png) no-repeat 0 0;
}

.site_fr #section_characters-delf span.cast_img {
background: transparent url(_section_characters/cast_delf_fr.png) no-repeat 0 0;
}

.site_fr #section_characters-fleck span.cast_img {
background: transparent url(_section_characters/cast_fleck_fr.png) no-repeat 0 0;
}

.site_fr #section_characters-karl span.cast_img {
background: transparent url(_section_characters/cast_karl_fr.png) no-repeat 0 0;
}

.site_fr #section_characters-ladybug span.cast_img {
background: transparent url(_section_characters/cast_ladybug_fr.png) no-repeat 0 0;
}

.site_fr #section_characters-mag span.cast_img {
background: transparent url(_section_characters/cast_mag_fr.png) no-repeat 0 0;
}
.site_fr #section_characters-max span.cast_img {
background: transparent url(_section_characters/cast_max_fr.png) no-repeat 0 0;
}

.site_fr #section_characters-michka span.cast_img {
background: transparent url(_section_characters/cast_michka_fr.png) no-repeat 0 0;
}

.site_fr #section_characters-owl span.cast_img {
background: transparent url(_section_characters/cast_owl_fr.png) no-repeat 0 0;
}

.site_fr #section_characters-yb span.cast_img {
background: transparent url(_section_characters/cast_yb_fr.png) no-repeat 0 0;
}

.site_en #section_characters-angili span.cast_img {
background: transparent url(_section_characters/cast_angili_en.png) no-repeat 0 0;
}

.site_en #section_characters-darius span.cast_img {
background: transparent url(_section_characters/cast_darius_en.png) no-repeat 0 0;
}

.site_en #section_characters-delf span.cast_img {
background: transparent url(_section_characters/cast_delf_en.png) no-repeat 0 0;
}

.site_en #section_characters-fleck span.cast_img {
background: transparent url(_section_characters/cast_fleck_en.png) no-repeat 0 0;
}

.site_en #section_characters-karl span.cast_img {
background: transparent url(_section_characters/cast_karl_en.png) no-repeat 0 0;
}

.site_en #section_characters-ladybug span.cast_img {
background: transparent url(_section_characters/cast_ladybug_en.png) no-repeat 0 0;
}

.site_en #section_characters-mag span.cast_img {
background: transparent url(_section_characters/cast_mag_en.png) no-repeat 0 0;
}
.site_en #section_characters-max span.cast_img {
background: transparent url(_section_characters/cast_max_en.png) no-repeat 0 0;
}

.site_en #section_characters-michka span.cast_img {
background: transparent url(_section_characters/cast_michka_en.png) no-repeat 0 0;
}

.site_en #section_characters-owl span.cast_img {
background: transparent url(_section_characters/cast_owl_en.png) no-repeat 0 0;
}

.site_en #section_characters-yb span.cast_img {
background: transparent url(_section_characters/cast_yb_en.png) no-repeat 0 0;
}


.visibleNearby {
  width: 100%;
  background: transparent;
  color: #FFF;
}
.visibleNearby .rsGCaption {
  font-size: 16px;
  line-height: 18px;
  padding: 0;
  background: #141414;
  width: 100%;
  position: static;
  float: left;
  left: auto;
  bottom: auto;
  text-align: center;
}
.visibleNearby .rsGCaption span {
  display: block;
  clear: both;
  color: #bbb;
  font-size: 14px;
  line-height: 22px;
}


/* Scaling transforms */
.visibleNearby .rsSlide {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;

  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
}
.visibleNearby .rsActiveSlide {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  z-index: 99;
}
.rsDefault .rsGCaption {
background-color: transparent !important;
}



/* SECTION CREATORS
---------------------------------------------------------------------------------------------------- */

div#section_creators {
}

div#section_creators .section_fond {
background-image: url(_section_creators/fond.jpg);
}

div#section_creators h2.titre {
position: absolute;
top: 14%;
left: 8%;
z-index: 4;
}

div#section_creators #pola_creators_1 {
position: absolute;
top: 9%;
left: 5%;
padding: 250px 50px 0 50px;
width: 645px;
height: 649px;
background: transparent url(_section_creators/origami.png) no-repeat 0 0;
z-index: 2;
}

div#section_creators #pola_creators_1 p {
font-size: 1.2em;
line-height: 1.2em;
text-align: center;
color: #000;
}

div#section_creators p a {
color: #000;
}

div#section_creators #pola_creators_1 p strong {
font-size: 1.2em;
color: #000;
}


div#section_creators #pola_creators_2 {
position: absolute;
top: 20%;
right: 10%;
padding: 50px 70px 0 70px;
width: 460px;
height: 468px;
color: #fff;
background: transparent url(_section_story/pola.png) no-repeat 0 0;
z-index: 2;
}

div#section_creators #pola_creators_2 p {
line-height: 1.6em;
text-align: center;
font-size: 1.2em;
}

div#section_creators #pola_creators_2 p a {
color: #fff;
}

div#section_creators #pola_creators_2 p strong {
display: block;
margin-top: 15px;
font-size: 1.1em;
}


div#section_creators #pola_creators_3 {
position: absolute;
bottom: 11%;
left: 20%;
padding: 50px 30px 30px 30px;
width: 300px;
height: 141px;
color: #000;
background: transparent url(_section_creators/ticket.png) no-repeat 0 0;
z-index: 2;
}

div#section_creators #pola_creators_3 p {
line-height: 2em;
font-size: 1.2em;
text-align: center;
}

div#section_creators #pola_creators_3 p strong {
font-size: 1.1em;
}



/* SECTION DVD
---------------------------------------------------------------------------------------------------- */

div#section_dvd {
}

div#section_dvd .section_fond {
background-image: url(_section_dvd/fond.jpg);
}

div#section_dvd h2.titre {
position: absolute;
top: 20%;
left: 15%;
z-index: 4;
}

div#section_dvd #affiche_dvd {
position: absolute;
top: 40%;
left: 10%;
width: 189px;
height: 252px;
z-index: 2;
}

div#section_dvd #ticket_dvd_1 {
position: absolute;
top: 25%;
right: 3%;
padding: 20px;
width: 625px;
height: 252px;
background: transparent url(_section_dvd/ticket.png) no-repeat 0 0;
z-index: 2;
}

div#section_dvd #ticket_dvd_2 {
position: absolute;
top: 45%;
left: 30%;
padding: 20px;
width: 625px;
height: 252px;
background: transparent url(_section_dvd/ticket.png) no-repeat 0 0;
z-index: 2;
}

div#section_dvd p {
margin: 30px 0 10px 0;
font-size: 1.2em;
line-height: 1.2em;
text-align: center;
color: #000;
}

div#section_dvd p span {
font-size: 1.2em;
line-height: 1.2em;
text-transform: uppercase;
}

div#section_dvd ul {
margin: 0 auto;
width: 400px;
list-style-type: none;
text-align: center;
}

div#section_dvd ul li {
display: inline;
}

div#section_dvd ul li a {
display: inline-block;
margin: 5px;
padding: 5px 10px;
background-color: #fff;
border-radius: 10px;
}




/* SECTION EXTRAS
---------------------------------------------------------------------------------------------------- */

div#section_extras_game,
div#section_extras_wp,
div#section_extras_books {
}

div#section_extras_game .section_fond {
background-image: url(_section_extras/fond_game.jpg);
}

div#section_extras_wp .section_fond {
background-image: url(_section_extras/fond_wp.jpg);
}

div#section_extras_bo .section_fond {
background-image: url(_section_extras/fond_game.jpg);
}

div#section_extras_books .section_fond {
background-image: url(_section_extras/fond_books.jpg);
}

div#section_extras_school .section_fond {
background-image: url(_section_extras/fond_books.jpg);
}

div#section_extras_game h2.titre {
position: absolute;
top: 12%;
left: 17%;
z-index: 2;
}

div#section_extras_wp h2.titre {
position: absolute;
top: 10%;
right: 15%;
z-index: 2;
padding-left: 50px;
text-align: left;
}

div#section_extras_bo h2.titre {
position: absolute;
top: 10%;
right: 7%;
z-index: 2;
}

div#section_extras_books h2.titre {
position: absolute;
top: 10%;
right: 35%;
z-index: 2;
padding-left: 50px;
text-align: left;
}

div#section_extras_game h2.titre span,
div#section_extras_wp h2.titre span,
div#section_extras_books h2.titre span,
div#section_extras_bo h2.titre span,
div#section_extras_school h2.titre span {
display: block;
margin-top: 5px;
padding-right: 50px;
font-size: .8em;
font-weight: bold;
text-align: right;
white-space: nowrap;
}

div#section_extras_bo h2.titre span {
padding-right: 30px;
}

div#section_extras_bo #section_extras_bo-pochette {
position: absolute;
top: 19%;
left: 4%;
width: 410px;
text-align: center;
}

div#section_extras_bo #section_extras_bo-pochette img {
display: block;
float: left;
width: 270px;
height: 270px;
}

div#section_extras_bo #section_extras_bo-pochette a {
display: inline-block;
margin-left: 20px;
width: 120px;
height: 50px;
color: #fff;
text-align: center;
font-size: .9em;
line-height: 1.2em;
vertical-align: top;
background-color: #000;
}

.site_fr div#section_extras_bo #section_extras_bo-pochette a.itunes {
background: transparent url(_section_extras/bo_itunes_fr.png) no-repeat center center;
}

.site_en div#section_extras_bo #section_extras_bo-pochette a.itunes {
background: transparent url(_section_extras/bo_itunes_en.png) no-repeat center center;
}

.site_fr div#section_extras_bo #section_extras_bo-pochette a.google {
background: transparent url(_section_extras/bo_google_fr.png) no-repeat center center;
}

.site_en div#section_extras_bo #section_extras_bo-pochette a.google {
background: transparent url(_section_extras/bo_google_en.png) no-repeat center center;
}

.site_fr div#section_extras_bo #section_extras_bo-pochette a.deezer {
background: transparent url(_section_extras/bo_deezer_fr.png) no-repeat center center;
}

.site_en div#section_extras_bo #section_extras_bo-pochette a.deezer {
background: transparent url(_section_extras/bo_deezer_en.png) no-repeat center center;
}

.site_fr div#section_extras_bo #section_extras_bo-pochette a.spotify {
width: 50px;
background: transparent url(_section_extras/bo_spotify_fr.png) no-repeat center center;
}

.site_en div#section_extras_bo #section_extras_bo-pochette a.spotify {
width: 50px;
background: transparent url(_section_extras/bo_spotify_en.png) no-repeat center center;
}

.site_fr div#section_extras_bo #section_extras_bo-pochette a.amazon {
background: transparent url(_section_extras/bo_amazon_fr.png) no-repeat center center;
}

.site_en div#section_extras_bo #section_extras_bo-pochette a.amazon {
background: transparent url(_section_extras/bo_amazon_en.png) no-repeat center center;
}

div#section_extras_bo #section_extras_bo-pochette a.clip {
display: block;
margin-top: 20px;
margin-left: 0;
width: 400px;
height: 201px;
line-height: 201px;
text-align: center
}

div#section_extras_bo #section_extras_bo-pochette a.clip i {
font-size: 80px;
color: #fff;
opacity: .6;
}

div#section_extras_bo #section_extras_bo-pochette a.clip:hover i {
opacity: 1;
}

div#section_extras_bo #section_extras_bo-pochette a.clip span {
display: none;
}

.site_fr div#section_extras_bo #section_extras_bo-pochette a.clip {
background: transparent url(_section_extras/bo_clip_fr.png) no-repeat center center;
}

.site_en div#section_extras_bo #section_extras_bo-pochette a.clip {
background: transparent url(_section_extras/bo_clip_en.png) no-repeat center center;
}

div#section_extras_bo #section_extras_bo-texte {
position: absolute;
top: 27%;
right: 5%;
width: 400px;
}

div#section_extras_bo #section_extras_bo-texte p.titre {
margin-bottom: 50px;
text-align: center;
font-size: 1.6em;
line-height: 1.4em;
}

div#section_extras_bo #section_extras_bo-texte p.titre span {
font-size: .7em;
line-height: 1em;
}

div#section_extras_bo #section_extras_bo-texte div.texte {
text-align: left;
font-size: 1.2em;
line-height: 1.6em;
}

div#section_extras_bo #section_extras_bo-texte div.texte strong {
font-size: 1em;
}

div#section_extras_bo #section_extras_bo-texte div.texte a {
color: #000;
}

div#section_extras_bo #section_extras_bo-texte div.texte ul li {
margin: 0 0 20px 20px;
}

div#section_extras_bo #section_extras_bo-texte div.texte p.pied {
height: 60px;
padding-left: 165px;
font-size: .8em;
background: transparent url(_section_extras/bo_22d.png) no-repeat 0 5px;
}

div#section_extras_game #section_extras_game-video {
position: absolute;
top: 30%;
left: 2%;
width: 500px;
text-align: center;
}

div#section_extras_game #section_extras_game-video-content {
position: relative;
display: block;
width: 500px;
height: 313px;
}

div#section_extras_game #section_extras_game-video-content i {
position: absolute;
top: 0;
left: 0;
width: 500px;
height: 313px;
line-height: 313px;
text-align: center;
color: #fff;
font-size: 100px;
opacity: .6;
}

div#section_extras_game #section_extras_game-video-content:hover i {
opacity: 1;
}

div#section_extras_game #section_extras_game-video-content img {
width: 500px;
height: 313px;
}

div#section_extras_game #section_extras_game-video a.section_extras_game-video-link {
display: inline-block;
margin: 10px;
width: 135px;
height: 40px;
}

.site_fr div#section_extras_game #section_extras_game-video a.applestore {
background: transparent url(_section_extras/applestore_fr.png) no-repeat 0 0;
}

.site_en div#section_extras_game #section_extras_game-video a.applestore {
background: transparent url(_section_extras/applestore_en.png) no-repeat 0 0;
}

.site_fr div#section_extras_game #section_extras_game-video a.google {
background: transparent url(_section_extras/google_fr.png) no-repeat 0 0;
}

.site_en div#section_extras_game #section_extras_game-video a.google {
background: transparent url(_section_extras/google_en.png) no-repeat 0 0;
}

div#section_extras_game #section_extras_game-video span {
display: inline-block;
padding: 20px 17px 15px 12px;
width: 220px;
height: 70px;
color: #000;
font-size: 1.1em;
background: transparent url(_section_creators/ticket.png) no-repeat 0 0;
background-size: cover;
}

div#section_extras_game #section_extras_game-texte {
position: absolute;
top: 25%;
right: 5%;
width: 400px;
}

div#section_extras_game #section_extras_game-texte p.titre {
margin-bottom: 50px;
text-align: center;
font-size: 1.6em;
line-height: 1.4em;
}

div#section_extras_game #section_extras_game-texte p.texte {
text-align: left;
font-size: 1.2em;
line-height: 1.6em;
}

div#section_extras_game #section_extras_game-texte p.texte strong {
font-size: 1em;
}

div#section_extras_wp .section_extras_wp-photo {
position: absolute;
width: 274px;
height: 239px;
background: transparent url(_section_extras/photo.png) no-repeat 0 0;
}

div#section_extras_wp .section_extras_wp-photo span.wp {
position: absolute;
display: block;
top: 14px;
left: 18px;
width: 238px;
height: 210px;
border: 1px solid #ddd;
}

div#section_extras_wp #section_extras_wp-photo-anton span.wp {
background: transparent url(_section_extras/wp_anton.png) no-repeat 0 0;
}

div#section_extras_wp #section_extras_wp-photo-egg span.wp {
background: transparent url(_section_extras/wp_egg.png) no-repeat 0 0;
}

div#section_extras_wp #section_extras_wp-photo-family span.wp {
background: transparent url(_section_extras/wp_family.png) no-repeat 0 0;
}

div#section_extras_wp #section_extras_wp-photo-forest span.wp {
background: transparent url(_section_extras/wp_forest.png) no-repeat 0 0;
}

div#section_extras_wp #section_extras_wp-photo-friends span.wp {
background: transparent url(_section_extras/wp_friends.png) no-repeat 0 0;
}

div#section_extras_wp #section_extras_wp-photo-love span.wp {
background: transparent url(_section_extras/wp_love.png) no-repeat 0 0;
}

div#section_extras_wp #section_extras_wp-photo-paris span.wp {
background: transparent url(_section_extras/wp_paris.png) no-repeat 0 0;
}

div#section_extras_wp #section_extras_wp-photo-soldier span.wp {
background: transparent url(_section_extras/wp_soldier.png) no-repeat 0 0;
}

div#section_extras_wp #section_extras_wp-photo-anton {
top: 18%;
left: 5%;
z-index: 1;
}

div#section_extras_wp #section_extras_wp-photo-egg {
top: 23%;
left: 22%;
z-index: 2;
}

div#section_extras_wp #section_extras_wp-photo-family {
top: 60%;
left: 72%;
z-index: 3;
}

div#section_extras_wp #section_extras_wp-photo-forest {
top: 55%;
left: 10%;
z-index: 4;
}

div#section_extras_wp #section_extras_wp-photo-friends {
top: 30%;
left: 70%;
z-index: 5;
}

div#section_extras_wp #section_extras_wp-photo-love {
top: 25%;
left: 45%;
z-index: 6;
}

div#section_extras_wp #section_extras_wp-photo-paris {
top: 55%;
left: 50%;
z-index: 6;
}

div#section_extras_wp #section_extras_wp-photo-soldier {
top: 65%;
left: 30%;
z-index: 6;
}

div#section_extras_wp .section_extras_wp-photo span.download {
position: absolute;
display: none;
top: 14px;
left: 18px;
width: 238px;
height: 210px;
background-color: rgba(0,0,0,.2);
z-index: 99;
}

div#section_extras_wp .section_extras_wp-photo:hover span.download {
display: block;
}

div#section_extras_wp .section_extras_wp-photo span.download i.fa-cloud-download {
position: absolute;
top: 30px;
left: 85px;
font-size: 70px;
color: #fff;
z-index: 99;
}

div#section_extras_wp .section_extras_wp-photo span.download a.mobile {
position: absolute;
display: block;
top: 120px;
left: 50px;
padding-top: 12px;
width: 50px;
height: 50px;
font-size: 30px;
color: #000;
z-index: 99;
text-align: center;
border-radius: 50%;
background-color: #fff;
}

div#section_extras_wp .section_extras_wp-photo span.download a.desktop {
position: absolute;
display: block;
top: 120px;
right: 50px;
padding-top: 15px;
width: 50px;
height: 50px;
font-size: 25px;
color: #000;
z-index: 99;
text-align: center;
border-radius: 50%;
background-color: #fff;
}

div#section_extras_wp .section_extras_wp-photo span.download a:hover {
color: #fff;
background-color: #000;
}

div#section_extras_books div#section_extras_books-colonne {
position: absolute;
top: 28%;
left: 8%;
width: 500px;
}

div#section_extras_books div#section_extras_books-colonne #section_extras_books-texte {
font-size: 1.1em;
line-height: 1.2em;
text-align: center;
color: #000;
}

div#section_extras_books div#section_extras_books-colonne #section_extras_books-texte strong {
display: block;
margin-bottom: 20px;
font-size: 1.1em;
line-height: 1.2em;
}

div#section_extras_books div#section_extras_books-colonne #section_extras_books-sortie {
margin: 20px auto 0 auto;
padding: 50px 0 0 50px;
width: 300px;
height: 141px;
color: #000;
font-size: 1.2em;
background: transparent url(_section_creators/ticket.png) no-repeat 0 0;
background-size: contain;
}

div#section_extras_books div#section_extras_books-colonne ul {
margin: 40px 0;
list-style-type: none;
text-align: center;
}

div#section_extras_books div#section_extras_books-colonne ul li {
display: inline;
margin: 0 10px;
}

div#section_extras_books div#section_extras_books-colonne ul li a {
display: inline-block;
width: 140px;
height: 70px;
border-radius: 10px;
}

div#section_extras_books div#section_extras_books-colonne ul li a.amazon {
background: #fff url(_section_extras/logo_amazon.png) no-repeat 0 0;
}

div#section_extras_books div#section_extras_books-colonne ul li a.fnac {
background: #fff url(_section_extras/logo_fnac.png) no-repeat 0 0;
}

div#section_extras_books div#section_extras_books-colonne ul li a.libraires {
background: #fff url(_section_extras/logo_libraires.png) no-repeat 0 0;
}

div#section_extras_books div#section_extras_books-colonne p#section_extras_books-livret {
padding-top: 63px;
width: 500px;
background: transparent url(_section_extras/books_birds.png) no-repeat top center;
}

div#section_extras_books div#section_extras_books-colonne p#section_extras_books-livret a {
display: block;
padding: 20px;
text-align: center;
color: #fff;
font-size: 2em;
font-family: 'Alex Brush', cursive;
text-decoration: none;
background-color: #2b3547;
}

div#section_extras_books #section_extras_books-1 {
position: absolute;
display: block;
top: 20%;
right: 7%;
width: 308px;
height: 310px;
z-index: 1;
text-align: right;
font-size: .7em;
line-height: 14px !important;
color: #000;
text-decoration: none;
}

div#section_extras_books #section_extras_books-1 img {
margin-bottom: 2px;
}

div#section_extras_books #section_extras_books-2 {
position: absolute;
display: block;
top: 46%;
right: 24%;
width: 214px;
height: 330px;
z-index: 2;
text-align: left;
font-size: .7em;
line-height: 14px !important;
color: #000;
text-decoration: none;
}

div#section_extras_books #section_extras_books-2 img {
margin-bottom: 2px;
}

div#section_extras_school h2.titre {
position: absolute;
top: 12%;
left: 17%;
z-index: 2;
}

div#section_extras_school div.ticket {
position: absolute;
height: 300px;
}

div#section_extras_school #section_extras_school-ticket-1 {
padding-top: 40px;
top: 35%;
left: 9%;
width: 950px;
height: 300px;
background: transparent url(_section_extras/ticket_1.png) no-repeat top left;
}

div#section_extras_school #section_extras_school-ticket-1 a.fiches {
display: block;
float: left;
padding: 100px 200px 0 100px;
width: 680px;
height: 300px;
font-size: 1.8em;
color: #000;
line-height: 1.1em;
text-decoration: none;
background: transparent url(_section_extras/fiches.png) no-repeat top right;
}

div#section_extras_school #section_extras_school-ticket-1 a.fiches:hover {
color: #fff;
text-decoration: none;
}

div#section_extras_school #section_extras_school-ticket-1 a.fiches span {
display: block;
margin-top: 100px;
}

div#section_extras_school #section_extras_school-ticket-1 a.fiches:hover span {
color: #000;
}

div#section_extras_school #section_extras_school-ticket-1 a.demo {
display: block;
float: right;
margin-top: 40px;
width: 250px;
height: 200px;
color: #fff;
text-align: center;
text-decoration: none;
background: transparent url(_section_extras/video.png) no-repeat 0 0;
}

div#section_extras_school #section_extras_school-ticket-1 a.demo span {
display: block;
margin-top: 20px;
color: #000;
text-decoration: none;
}

div#section_extras_school #section_extras_school-ticket-1 a.demo i {
font-size: 5em;
height: 139px;
line-height: 139px;
opacity: .8;
}

div#section_extras_school #section_extras_school-ticket-1 a.demo:hover i {
opacity: 1;
}

div#section_extras_school #section_extras_school-ticket-1 a.demo:hover span {
color: #000;
}

div#section_extras_school #section_extras_school-ticket-2 {
bottom: 7%;
right: 9%;
width: 730px;
background: transparent url(_section_extras/ticket_2.png) no-repeat top right;
}

div#section_extras_school #section_extras_school-ticket-2 a.cinema {
display: inline-block;
margin-top: 90px;
padding: 30px 50px 0 350px;
width: 730px;
height: 200px;
font-size: 1.8em;
color: #000;
line-height: 1.1em;
text-decoration: none;
background: transparent url(_section_extras/ticket_cinema.png) no-repeat top left;
}

div#section_extras_school #section_extras_school-ticket-2 a.cinema:hover {
color: #fff;
text-decoration: none;
}



/* FOOTER
---------------------------------------------------------------------------------------------------- */

div#footer {
padding: 10px 0;
width: 100%;
background: transparent url(_footer/fond.jpg) no-repeat top center;
background-size: cover;
}

div.footer_content {
margin: 0 auto;
width: 1200px;
}

div#footer .footer-col {
float: left;
width: 320px;
margin-left: 60px;
}

div#footer h2 {
display: block;
text-transform: uppercase;
margin: 10px 0;
padding: 10px 20px;
font-weight: normal;
color: #fff;
text-align: center;
font-size: 1.1em;
border-radius: 5px;
background-color: rgba(0,0,0,.6);
}

div#footer ul {
margin: 0 auto;
list-style-type: none;
text-align: center;
}

div#footer ul li {
display: inline-block;
}

div#footer ul li a {
display: inline-block;
margin: 10px;
text-align: center;
}

div#footer a.presse {
display: block;
margin: 10px auto;
padding: 5px 10px;
color: #000;
text-align: center;
text-decoration: none;
}

div#footer a.presse:hover {
text-decoration: underline;
}

div#footer strong {
display: block;
margin: 5px 0;
}

div#footer #footer-col-3 p {
font-size: .9em;
color: #000;
text-align: center;
}

div#footer #footer-col-3 p a {
text-decoration: none;
color: #000;
font-size: 1em;
}

div#footer #footer-col-3 p a:hover {
text-decoration: underline;
}




/* LOADER
---------------------------------------------------------------------------------------------------- */

#html5Loader{
position:fixed;
top:0;
left:0;
background: transparent url(load.jpg) no-repeat bottom center;
background-size: cover;
z-index:999999999;
}
#html5Loader .fallback {
top:50%;
position:absolute;
text-align:center;
width:100%;
color:white;
vertical-align: middle;
display: block;
font-style: normal;
}

#html5Loader #gus {
position: absolute;
top:30%;
width:100%;
height: 100px;
background: transparent url(_loader/loading-b.png) no-repeat top center;
}

#html5Loader #gus span {
display: block;
width:100%;
height: 100px;
background: transparent url(_loader/loading-w.png) no-repeat top center;
}