@media screen and (max-width: 1199px)
{

/* 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% !important;
background-color: rgba(52, 52, 52,.5) !important;
}



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

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

body {
width: 100%;
min-width: 320px;
height: 100%;
background: #fff url(load.jpg) no-repeat bottom center;
background-size: cover;
background-attachment: fixed;
}

#canvas {
position: relative;
margin: 0 auto;
width: 100%;
background-color: #fff;
-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;
}




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

div#content {
position: relative;
padding-bottom: 50px;
width: 100%;
}

h2.titre {
display: block;
width: 100%;
height: 50px;
font-size: 1.3em;
line-height: 50px;
text-align: center;
color: #fff;
font-weight: normal;
text-transform: uppercase;
background-color: #444;
}

.section {
position: relative;
width: 100%;
background-color: #fff;
overflow: hidden;
}

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

.section .section_fond {
display: none;
}


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

div#home {
position: relative;
}

div#home h1#titre {
position: absolute;
top: 0;
left: 0;
z-index: 9;
}

.site_fr div#home h1#titre {
top: 20px;
left: 0;
width: 100%;
background: transparent url(_home/titre_fr.png) no-repeat center center;
background-size: contain;
}

.site_en div#home h1#titre {
top: 50px;
left: 0;
width: 100%;
background: transparent url(_home/titre_en.png) no-repeat center center;
background-size: contain;
}

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

.site_fr div#home h1#titre span.date {
bottom: -30px;
right: 90px;
}

.site_en div#home h1#titre span.date {
bottom: -30px;
right: 90px;
}

div#home_scroll {
display: none;
}

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

div#home div#home_boxes {
float: left;
position: relative;
padding: 10px 5px;
width: 55%;
height: 140px;
z-index: 1;
background-color: rgb(150,150,150);
}

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

div#home a#home_trailer {
display: block;
position: relative;
width: 170px;
height: 116px;
text-align: center;
border-radius: 5px;
background: transparent url(_home/trailer_mobile.png) no-repeat center 25px;
background-size: contain;
}

div#home a#home_trailer span {
position: absolute;
left: 0;
top: 7px;
width: 100%;
padding: 1px 6px;
color: #fff;
text-transform: uppercase;
font-size: 1.1em;
text-align: center;
}

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

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

div#home div#home_box_press #home_slider {
display: none;
position: relative;
padding: 5px;
width: 100%;
height: 120px;
}

div#home div#home_box_press #home_slider div.slide_content {
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center;
opacity: 0;
}

div#home div#home_box_press #home_slider div p {
padding: 5px;
color: #848484;
width: 100%;
vertical-align: middle;
text-align: justify;
font-style: italic;
font-size: 1em;
line-height: 1em;
}

div#home div#home_box_press #home_slider div p a {
display: block;
color: #848484;
font-style: normal;
font-size: .8em;
}



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

div#credits {
display: none;
}

div#home_links {
float: right;
width: 45%;
height: 140px;
padding: 10px 5px;
text-align: center;
background-color: rgb(150,150,150);
}

div#home_links a#link_tickets {
display: inline-block;
margin: 10px 10px 0 0;
padding: 10px;
width: 150px;
border-radius: 5px;
color: #fff;
font-size: 1.1em;
text-transform: uppercase;
text-align: left;
text-decoration: none;
border: 1px solid #fff;
background-color: rgba(255,255,255,.4);
-moz-box-shadow: inset 0px 0px 100px 0px #666;
-webkit-box-shadow: inset 0px 0px 100px 0px #666;
-o-box-shadow: inset 0px 0px 100px 0px #666;
}

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: inline-block;
margin: 10px 10px 0 0;
padding: 10px;
width: 150px;
border-radius: 5px;
text-align: left;
color: #fff;
font-size: 1.1em;
text-transform: uppercase;
text-decoration: none;
border: 1px solid #fff;
background-color: rgba(255,255,255,.4);
-moz-box-shadow: inset 0px 0px 100px 0px #666;
-webkit-box-shadow: inset 0px 0px 100px 0px #666;
-o-box-shadow: inset 0px 0px 100px 0px #666;
}

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: none;
}



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

div#section_story {
}

div#section_story #affiche_story {
position: relative;
width: 320px;
height: 474px;
}

@media screen and (max-width: 499px) {
  div#section_story #affiche_story {
	margin: 0 auto;
	text-align: center;
	width: 320px;
	}

	div#section_story #pola_story_1 {
	margin: 0 auto;
	width: 100%;
	}

	div#section_story #pola_story_2 {
	margin: 0 auto;
	width: 100%;
	}
}

@media screen and (min-width: 500px) {
  div#section_story #affiche_story {
	float: left;
	text-align: center;
	}

	div#section_story #pola_story_1 {
	margin-left: 330px;
	}

	div#section_story #pola_story_2 {
	margin-left: 330px;
	}
}

div#section_story #affiche_story img {
width: 320px;
height: 474px;
}

div#section_story #affiche_story span.download {
position: absolute;
display: none;
top: 0;
left: 0;
width: 320px;
height: 474px;
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: 180px;
left: 135px;
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_story #affiche_story span.download a:hover {
color: #fff;
background-color: #000;
}

div#section_story #pola_story_1 {
padding: 10px;
line-height: 1.2em;
color: #000;
text-align: justify;
}

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

div#section_story #pola_story_2 {
padding: 10px;
color: #000;
}

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: left;
margin-bottom: 20px;
font-size: .8em;
text-transform: uppercase;
}



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

div#section_characters {
}

div#section_characters #section_characters-slider-familly {
display: none;
}

div#section_characters #section_characters-slider {
margin: 0 auto;
width: auto;
max-width: 640px;
}

div#section_characters #section_characters-slider .rsSlide {
}

div#section_characters #section_characters-slider .rsContent {
position: relative;
}

@media screen and (max-width: 499px) {

	div#section_characters #section_characters-slider .rsContent  .rsContent_1 {
	position: relative;
	margin: 0 auto;
	width: 320px;
	height: 280px;
	}

	div#section_characters #section_characters-slider .rsContent  .rsContent_2 {
	width: 100%;
	}
}

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

	div#section_characters #section_characters-slider .rsContent  .rsContent_1 {
	float: left;
	width: 320px;
	height: 290px;
	}

	div#section_characters #section_characters-slider .rsContent  .rsContent_2 {
	margin-left: 320px;
	}
}

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

div#section_characters #section_characters-slider .rsContent .section_characters-element {
position: absolute;
top: 18px;
left: 24px;
width: 266px;
height: 146px;
z-index: 2;
}

div#section_characters #section_characters-slider .rsContent .video i {
position: absolute;
top: 0;
left: 0;
width: 266px;
height: 146px;
line-height: 146px;
text-align: center;
color: #fff;
font-size: 70px;
opacity: .6;
}

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

div#section_characters #section_characters-slider .rsContent p.titre {
position: absolute;
top: 175px;
left: 0;
width: 300px;
height: 20px;
color: #000;
text-align: center;
font-size: 1.3em;
z-index: 4;
}

div#section_characters #section_characters-slider .rsContent p.texte {
padding: 10px;
color: #000;
font-size: 1em;
line-height: 1.2em;
z-index: 4;
}

div#section_characters #section_characters-slider .rsContent p.cast {
position: absolute;
top: 185px;
left: 30px;
width: 300px;
z-index: 5;
}

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

div#section_characters #section_characters-slider .rsContent span.cast_nom {
display: none;
position: absolute;
top: 35px;
right: 60px;
padding: 5px 45px 5px 10px;
color: #fff;
font-size: .8em;
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;
}

div#section_characters button.section_characters-btn {
display: none;
}

div#section_characters .rsDefault .rsArrowIcn {
top: 175px;
}



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

div#section_creators {
}

div#section_creators p {
margin: 15px 0;
font-size: 1em;
line-height: 1.2em;
text-align: center;
color: #000;
}

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

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



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

div#section_dvd {
}

@media screen and (max-width: 499px) {

	div#section_dvd #affiche_dvd {
	margin: 0 auto;
	width: 189px;
	height: 252px;
	}

	div#section_dvd #ticket_dvd_1 {
	width: 100%;
	}

	div#section_dvd #ticket_dvd_2 {
	width: 100%;
	}
}

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

	div#section_dvd #affiche_dvd {
	float: left;
	width: 189px;
	height: 252px;
	}

	div#section_dvd #ticket_dvd_1 {
	margin-left: 195px;
	}

	div#section_dvd #ticket_dvd_2 {
	margin-left: 195px;
	}
}

div#section_dvd p {
margin: 15px 0 10px 10px;
font-size: 1.1em;
line-height: 1.2em;
text-align: left;
color: #000;
text-transform: uppercase;
}

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

div#section_dvd ul li {
display: inline;
}

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




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

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

div#section_extras_game #section_extras_game-video {
width: 100%;
text-align: center;
}

div#section_extras_game #section_extras_game-video-content {
position: relative;
display: block;
margin: 0 auto;
width: 320px;
height: 191px;
}

div#section_extras_game #section_extras_game-video-content img {
width: 320px;
height: 191px;
}

div#section_extras_game #section_extras_game-video-content i {
position: absolute;
margin: 0;
padding: 0;
top: 0;
left: 0;
width: 320px;
height: 191px;
line-height: 191px;
text-align: center;
color: #fff;
font-size: 80px;
opacity: .6;
}

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

div#section_extras_game #section_extras_game-video a.section_extras_game-video-link,
div#section_extras_game #section_extras_game-video span {
display: inline-block;
margin: 10px 0 0 0;
width: 135px;
height: 52px;
color: #fff;
text-align: center;
font-size: .9em;
line-height: 1.2em;
vertical-align: top;
background-color: #000;
}

.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 {
width: 200px;
height: 30px;
padding-top: 8px;
}

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

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

div#section_extras_game #section_extras_game-texte p.texte {
padding: 5px;
text-align: left;
font-size: 1em;
line-height: 1.1em;
}

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

div#section_extras_bo #section_extras_bo-pochette {
width: 100%;
text-align: center;
}

div#section_extras_bo #section_extras_bo-pochette img {
margin: 0 auto;
width: 320px;
height: 320px;
}

div#section_extras_bo #section_extras_bo-pochette a {
display: inline-block;
margin: 10px 0 0 0;
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 {
width: 200px;
height: 30px;
padding-top: 8px;
text-decoration: none;
}

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

div#section_extras_bo #section_extras_bo-texte p.titre {
padding: 5px;
text-align: left;
font-size: 1.2em;
line-height: 1.2em;
}

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 {
padding: 5px;
text-align: left;
font-size: 1em;
line-height: 1.1em;
}

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

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: 170px;
font-size: .8em;
background: transparent url(_section_extras/bo_22d.png) no-repeat 0 0;
}

@media screen and (max-width: 499px) {

	div#section_extras_game #section_extras_game-texte p.titre {
	width: 100%;
	}

	div#section_extras_game #section_extras_game-texte p.texte {
	width: 100%;
	}

	div#section_extras_bo #section_extras_bo-texte p.titre {
	width: 100%;
	}

	div#section_extras_bo #section_extras_bo-texte div.texte {
	margin-top: 5px;
	width: 100%;
	}
}

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

	div#section_extras_game #section_extras_game-video {
	float: left;
	width: 320px;
	height: 320px;
	}

	div#section_extras_game #section_extras_game-texte p.titre {
	margin-left: 320px;
	}

	div#section_extras_game #section_extras_game-texte p.texte {
	margin-left: 320px;
	}

	div#section_extras_bo #section_extras_bo-pochette {
	float: left;
	width: 320px;
	height: 500px;
	}

	div#section_extras_bo #section_extras_bo-texte p.titre {
	margin-left: 320px;
	}

	div#section_extras_bo #section_extras_bo-texte div.texte {
	margin-left: 320px;
	}
}

div#section_extras_wp #section_extras_wp-wps {
margin: 10px auto;
width: 274px !important;
height: 239px;
}

div#section_extras_wp .section_extras_wp-photo {
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: 110px;
left: 97px;
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 {
display: none;
}

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 {
}

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

div#section_extras_books div#section_extras_books-colonne #section_extras_books-sortie {
margin: 10px auto;
padding: 5px 10px;
width: 200px;
color: #fff;
text-align: center;
font-size: 1.1em;
border-radius: 5px;
background-color: #000;
}

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 20px;
}

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 {
margin: 10px auto;
width: 320px;
padding-top: 65px;
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: 1.3em;
font-family: 'Alex Brush', cursive;
text-decoration: none;
background-color: #2b3547;
}

div#section_extras_books #section_extras_books-1 {
display: block;
margin: 10px auto;
width: 308px;
height: 310px;
z-index: 1;
text-align: right;
font-size: .7em;
color: #000;
line-height: .8em;
text-decoration: none;
}

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

div#section_extras_books #section_extras_books-2 {
display: block;
margin: 10px auto;
width: 214px;
height: 330px;
z-index: 2;
text-align: left;
font-size: .7em;
color: #000;
line-height: .8em;
text-decoration: none;
}

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

div#section_extras_school #section_extras_school-ticket-1 a.fiches {
margin: 10px auto;
display: block;
padding-top: 190px;
width: 280px;
height: 220px;
color: #000;
text-align: center;
text-decoration: none;
background: transparent url(_section_extras/fiches.png) no-repeat top center;
}

div#section_extras_school #section_extras_school-ticket-1 a.demo {
display: block;
margin: 10px auto;
width: 250px;
height: 139px;
line-height: 139px;
color: #fff;
text-align: center;
background: transparent url(_section_extras/video.png) no-repeat 0 0;
}

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 span {
display: none;
}

div#section_extras_school #section_extras_school-ticket-2 a.cinema {
display: block;
margin: 10px auto;
padding-top: 205px;
width: 280px;
height: 250px;
color: #000;
text-align: center;
text-decoration: none;
background: transparent url(_section_extras/ticket_cinema.png) no-repeat top center;
}



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

div#footer {
padding: 10px 0;
}

div.footer_content {
margin: 0 auto;
}

div#footer .footer-col {
width: 100%;
}

div#footer h2 {
display: block;
width: 100%;
height: 50px;
font-size: 1.3em;
line-height: 50px;
text-align: center;
color: #fff;
font-weight: normal;
text-transform: uppercase;
background-color: #444;
}

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

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

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

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

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

div#footer #footer-col-3 p strong {
display: inline-block;
margin: 10px 0;
}

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





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

div#menu {
position: absolute;
top: 15px;
right: 320px;
width: 300px;
z-index: 200;
}

#menu_home {
position: absolute;
display: block;
top: 0;
right: 0;
width: 35px;
height: 35px;
z-index: 201;
}

#menu_home:before {
position: absolute;
display: block;
top: 0;
right: 0;
font-family:'FontAwesome';
content: '\f0c9';
font-size: 30px;
line-height: 35px;
background-color: rgba(240,240,240,.8);
cursor: pointer;
color: #000;
text-align: center;
width: 35px;
height: 35px;
z-index: 201;
}

div#menu ul.menu {
display: none;
position: absolute;
list-style-type: none;
top: 0;
right: 0;
padding: 10px;
width: 185px;
background-color: rgba(240,240,240,.8);
}

div#menu ul.menu > li {
display: block;
position: relative;
padding: 5px 10px;
}

div#menu ul.menu > li > a {
display: block;
text-transform: uppercase;
font-weight: normal;
color: #000;
font-size: 1em;
text-decoration: none;
border-bottom: 2px solid transparent;
}

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

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

div#menu ul.ssmenu {
padding-left: 5px;
}

div#menu ul.ssmenu > li {
display: block;
position: relative;
padding: 5px 10px;
}

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

#menu_share {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50px;
text-align: center;
}

#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;
}


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


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

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

div#languages p span.lib {
display: none;
}

div#languages ul#menu_languages {
display: none;
}

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

div#languages .drapeau {
display: inline-block;
margin: 5px;
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;
}




/* 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: 15%;
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;
}