@charset "utf-8";

/* ------ TYPOS ---------------*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 14, 2014 */


@font-face {
    font-family: 'mixa_black';
    src: url('fonts/Mixa-Black.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mixa_bold';
    src: url('fonts/Mixa-Bold.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bebas';
    src: url('fonts/BebasNeue.otf');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'gotham_book';
    src: url('fonts/Gotham-Book.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_bookitalic';
    src: url('fonts/Gotham-BookItalic.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothambold';
    src: url('fonts/Gotham-Bold.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothammedium';
    src: url('fonts/Gotham-Medium.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lavanderia_regularregular';
    src: url('lavanderia_regular-webfont.eot');
    src: url('lavanderia_regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('lavanderia_regular-webfont.woff2') format('woff2'),
        url('lavanderia_regular-webfont.woff') format('woff'),
        url('lavanderia_regular-webfont.ttf') format('truetype'),
        url('lavanderia_regular-webfont.svg#lavanderia_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'code_lightregular';
    src: url('code_light-webfont.eot');
    src: url('code_light-webfont.eot?#iefix') format('embedded-opentype'),
        url('code_light-webfont.woff2') format('woff2'),
        url('code_light-webfont.woff') format('woff'),
        url('code_light-webfont.ttf') format('truetype'),
        url('code_light-webfont.svg#code_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'bebas_neueregular';
    src: url('bebasneue-webfont.eot');
    src: url('bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
        url('bebasneue-webfont.woff2') format('woff2'),
        url('bebasneue-webfont.woff') format('woff'),
        url('bebasneue-webfont.ttf') format('truetype'),
        url('bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'lavanderia_sturdysturdy';
    src: url('lavanderia_sturdy-webfont.eot');
    src: url('lavanderia_sturdy-webfont.eot?#iefix') format('embedded-opentype'),
        url('lavanderia_sturdy-webfont.woff2') format('woff2'),
        url('lavanderia_sturdy-webfont.woff') format('woff'),
        url('lavanderia_sturdy-webfont.ttf') format('truetype'),
        url('lavanderia_sturdy-webfont.svg#lavanderia_sturdysturdy') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'code_boldregular';
    src: url('code_bold-webfont.eot');
    src: url('code_bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('code_bold-webfont.woff2') format('woff2'),
        url('code_bold-webfont.woff') format('woff'),
        url('code_bold-webfont.ttf') format('truetype'),
        url('code_bold-webfont.svg#code_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'brandon_grotesquebold';
    src: url('brandon_bld-webfont.eot');
    src: url('brandon_bld-webfont.eot?#iefix') format('embedded-opentype'),
        url('brandon_bld-webfont.woff2') format('woff2'),
        url('brandon_bld-webfont.woff') format('woff'),
        url('brandon_bld-webfont.ttf') format('truetype'),
        url('brandon_bld-webfont.svg#brandon_grotesquebold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ---- RESET MEYER ------------*/

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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxsup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ------------ */
/* --- BODY --- */
/* ------------ */

.displaynone {
    display:none
}

html {
    height:100%;    
}
body {   
    min-height:100%;
    /*
    -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
    */
}
section {   
    /*
    -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
    */
}
/*
body[data-couleur=bleu] {
    background:blue
}
body[data-couleur=vert] {
    background:vert
}
*/

.pointer {
    cursor:pointer
}


/* ---------------- */
/* --- PREVIOUS --- */
/* ---------------- */

div#previous {
    position:absolute;
    right:0;
    top:0;
    width:50px;
    height:30px;
    background-color:red
}

/* -------------- */
/* --- GLOBAL --- */
/* -------------- */

div#global {
    width:1200px;
    height:700px;
    margin:auto;
    padding-top:55px;
    /* background-color:yellow*/
}
div#global.fullscreen {
    padding-top:0;
    /*    border-color:#f0f;*/
}

div#conteneur {
    position:relative;
    width:990px;
    height:590px;
    margin:auto;
    border:2px solid #fff;
}

div#global.fullscreen div#conteneur {
    width:1200px; /* 990 + 2px + 2px */
    height:700px;
    border:0;
    padding:0
}

/* ------------- */
/* --- COINS --- */
/* ------------- */

div#global.fullscreen div.coin {
    display:none;
}

div.coin {
    position:absolute;
    z-index:1000;
    width:417px;
    height:167px;
    background:transparent url() left top no-repeat;
    text-indent:-9999px;  
    /*background-color:fuchsia;*/
}

div#NO {
    left:-407px;
    top:-157px;
    background-image:url(img/mickey-topleft.png);
    background-position:right bottom;
    cursor:pointer
}

div#NE {
    right:-407px;
    top:-157px;
    background-image:url(img/mickey-topright.png);
    background-position:left bottom;
    cursor:pointer    
}

div#SE {
    right:-407px;
    bottom:-157px;
    background-image:url(img/mickey-bottomright.png);
    background-position:left top;
}
div#SO {
    left:-407px;
    bottom:-157px;
    background-image:url(img/mickey-bottomleft.png);    
    background-position:right top;
}


/* ---------------- */
/* --- SOMMAIRE --- */
/* ---------------- */

div#logo {
    cursor:pointer;
    position:absolute;
    z-index:2000;
    bottom:-17px;
    left:422px;
    width:146px;
    height:32px;
}
div#logo img {
    position:relative;
    z-index:2500;
    display:block;
}
div#logo span {
    position:absolute;
    left:10px;
    top:3px;
    z-index:2400;
    display:block;
    text-indent:-9999px;
    height:25px;
    width:120px;
}

div#global.fullscreen div#logo {
    display:none
}


/* ------------------ */
/* --- goto slide --- */
/* ------------------ */
*[data-onclick-goto-slide] {
    cursor:pointer;
}

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

div#sommaire {
    display:none;
    position:absolute;
    left:0px;
    background-color: #ffffff;
    bottom: 0px;
    width: 100%;
    height: 100%;
    z-index: 1501; /* le menu métier fait 1500 */
    padding-top:20px;
}
#sommaire ul{
    font-size: 0;
    float: left;
    width:240px;
    display: table;
    margin-right: 6px;
}
#sommaire ul:nth-child(1){
    margin-left: 4px;
}
#sommaire ul:nth-child(4){
    margin-right: 0;
}
#sommaire ul li{
    display: table-cell;
    float: left;
    text-align: center;
    width:240px;
    vertical-align: middle;
}
#sommaire ul li span{
    vertical-align: middle;
    line-height: 23px;
    display: inline-block;
}
#sommaire ul li.title{
    margin-bottom: 7px;
    font-family: 'gothambold';
    background-color: #ffffff;
    height: 71px;
    line-height: 81px;
    font-size: 20px;
}
#sommaire ul li.case{
    margin-bottom: 6px;
    font-family: 'gotham_book';
    color:#ffffff;
    height: 92px;
    line-height: 92px;
    font-size: 20px;
    cursor: pointer;
    transition:all 0.2s ease;
}
#sommaire ul:nth-child(1) li.title {
    color: #1cb380;
}
#sommaire ul:nth-child(2) li.title {
    color: #b977b0;
}
#sommaire ul:nth-child(3) li.title {
    color: #23b9ce;
}
#sommaire ul:nth-child(4) li.title {
    color: #bb4f98;
}
#sommaire ul:nth-child(1) li.case{
    background-color: #1cb380;
}
#sommaire ul:nth-child(1) li.case:hover{
    color: #1cb380;
}
#sommaire ul:nth-child(2) li.case{
    background-color: #b977b0;
}
#sommaire ul:nth-child(2) li.case:hover{
    color: #b977b0; 
}
#sommaire ul:nth-child(3) li.case{
    background-color: #23b9ce;
}
#sommaire ul:nth-child(3) li.case:hover{
    color: #23b9ce;
}
#sommaire ul:nth-child(4) li.case{
    background-color: #bb4f98;
}
#sommaire ul:nth-child(4) li.case:hover{
    color: #bb4f98;
}
#sommaire ul li.case:hover{
    background-color: #ffffff;
}

/* ----------------- */
/* --- RUBRIQUES --- */
/* ----------------- */

div#sections {
    height:100%;
    overflow:hidden
}

div.entete {
    position:absolute;
    z-index:2000;
    left:0;
    top:-30px;
    width:100%;
    height:58px;
    background:transparent url() center top no-repeat;
}

section {
    display:none
}

section#histoire div.entete {
    background-image:url(img/s6-31-titre-fr.png);
}
section#routes div.entete {
    background-image:url(img/s33-titre-fr.png);
}
section#difference div.entete {
    background-image:url(img/s76-80-titre-fr.png);
}
section#experience div.entete {
    background-image:url(img/s83-89-titre-fr.png);
}

div#global.fullscreen div.entete {
    display:none
}

/* -------------- */
/* --- SLIDES --- */
/* -------------- */

div.slide {
    position:relative;
    z-index:100;        
    display:none;
    /*    background-color:#ddd;*/
    height:590px
}
/*
div.slide.construction {
    border:10px solid red;
}
*/
div.slide.actif {
    display:block;
}

*[data-fadein-timeout] {
    /* par défaut tous les éléments à afficher avec du retard sont masqués */
    display:none
}

img.play { /* 151x151 */
    position:absolute;
    left:420px; /* (986-151)/2 */
    top:220px; /* (590-151)/2 */
}

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

div#menu_metiers {
    display:none;
    position:absolute;
    z-index:1500;
    left:0;
    top:0;
    height:100%;
    width:350px;
    padding-top: 52px;
    background-color:#fff
}

#menu_metiers img {
    display: block;
    margin: auto;
    margin-bottom: 17px;
}

#menu_metiers li {
    width: 329px;
    height: 47px;
    text-transform: uppercase;
    font-family: 'bebas';
    font-size: 24px;
    color: #fff;
    padding-left: 44px;
    padding-top: 15px;
    margin-bottom: 2px;
    margin-left: 10px;
}

#menu_metiers img + ul li:hover {
    background-color: #571c51;
    cursor: pointer;
}

#menu_metiers img + ul + ul li:hover {
    background-color: #b977b0;
    cursor: pointer;
}

#menu_metiers li.nth01 {
    background: #b977b0 url(img/s34-menu-greeting.png) 242px center no-repeat;
}

#menu_metiers li.nth02 {
    background: #b977b0 url(img/s34-menu-food.png) 256px center no-repeat;
}

#menu_metiers li.nth03 {
    background: #b977b0 url(img/s34-menu-hotels.png) 256px center no-repeat;
}

#menu_metiers li.nth04 {
    background: #b977b0 url(img/s34-menu-sales.png) 204px center no-repeat;
}

#menu_metiers li.nth05 {
    background: #b977b0 url(img/s34-menu-entertainment.png) 250px center no-repeat;
}

#menu_metiers li.nth11 {
    background: #571c51 url(img/s34-menu-logistic.png) 257px center no-repeat;
}

#menu_metiers li.nth12 {
    background: #571c51 url(img/s34-menu-technical.png) 250px center no-repeat;
}

#menu_metiers li.nth13 {
    background: #571c51 url(img/s34-menu-corporate.png) 257px center no-repeat;
}

#menu_metiers li.nth14 {
    background: #571c51 url(img/s34-menu-security.png) 269px center no-repeat;
}


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

div#menu_contrats {
    display:none;
    position:absolute;
    z-index:1500;
    left:0;
    top:0;
    height:100%;
    width:350px;
    padding-top: 52px;
    background-color:#fff
}

#menu_contrats img {
    display: block;
    margin: auto;
    margin-bottom: 17px;
}

#menu_contrats li {
    width: 329px;
    height: 79px;
    text-transform: uppercase;
    font-family: 'bebas';
    font-size: 24px;
    color: #fff;
    padding-left: 14px;
    padding-top: 15px;
    margin-bottom: 2px;
    margin-left: 10px;
}

#menu_contrats img + ul li:hover {
    background-color: #571c51;
    cursor: pointer;
}

#menu_contrats li.nth01 {
    background: #b977b0 url(img/s65-nav1.png) 211px center no-repeat;
}

#menu_contrats li.nth02 {
    background: #b977b0 url(img/s65-nav2.png) 204px center no-repeat;
    padding-top: 5px;
}

#menu_contrats li.nth03 {
    background: #b977b0 url(img/s65-nav3.png) 210px center no-repeat;
}


/*
 * --- UL LI ---
 */

ul.puce_mickey {
    color:#fff;
    padding-left:18px;
    list-style-image: url(img/puce-mickey-metiers.png);
}
ul.puce_mickey li {
    padding-left:16px
		font-size: 27px;

}
ul.puce_mickey li.pas_de_puce {
    list-style-image:none
}
ul.puce_mickey li {
    margin-bottom:10px
}


/*
    --- PERSONNAGES ---
*/

div.deco.ariel,
div.deco.ariel {
    position: absolute;
    background: transparent url(img/deco-ariel.png) 0 0 no-repeat;
    width: 42px;
    height: 34px;
    top: 50px;
    left: -70px;
}

div.deco.cendrillon {
    position: absolute;
    background: transparent url(img/deco-cendrillon.png) 0 0 no-repeat;
    width: 40px;
    height: 47px;
    right: -68px;
    top: 265px;
}



div#global.fullscreen div.deco {
    display:none
}



/* --- HISTOIRE > dates --- */
/*
.rotate5deg {
    
}
*/



div#s_pre-home_menu {
    background:transparent url(img/s3-titre-fr.png) center 25px no-repeat; /* 580 x 253 */
}
div#s_pre-home_menu span {
    position:absolute;
    top:300px;
    text-indent:-9999px;
    background:transparent url() left top no-repeat; /* 580 x 253 */
}
div#s_pre-home_menu span.effet_hover {
    opacity:0.5
}
div#s_pre-home_menu span.nth1 {
    left:23px;
    width:225px;
    height:210px;
    background-image: url(img/s3-nav1-fr.png); /* 580 x 253 */
}
div#s_pre-home_menu span.nth2 {
    left:248px;
    width:247px;
    height:210px;
    background-image: url(img/s3-nav2-fr.png); /* 580 x 253 */
}
div#s_pre-home_menu span.nth3 {
    left:495px;
    width:232px;
    height:210px;
    background-image: url(img/s3-nav3-fr.png); /* 580 x 253 */
}
div#s_pre-home_menu span.nth4 {
    left:727px;
    width:239px;
    height:210px;
    background-image: url(img/s3-nav4-fr.png); /* 580 x 253 */
}

/* --- */

div#s_histoire_mapping_date {
    background:transparent url(img/s6-bg.png) left top no-repeat;
}
div#s_histoire_mapping_date div.diapo {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    color:#fff;
    /*    background-color:yellow*/
}
/*div#s_histoire_mapping_date div.diapo*/ sup {
    font-size:16px
}
div#s_histoire_mapping_date div.diapo img {
    position:absolute;    
    left:50px;
    top:107px;
    /*
    top:70px;
    */
    transform:rotate(-10deg)    
}
div#s_histoire_mapping_date div.diapo.actif img {
    transform:rotate(-3deg);
    left:82px;
    top: 77px;
    /*    transition:all 1000ms ease;*/
    /*
    top:40px;
    */

}
div#s_histoire_mapping_date div.diapo.lue img {
    /* ----------------   transform:rotate(-15deg)    */
}
div#s_histoire_mapping_date div.diapo div.contenu {
    display:none;
    position:absolute;    
    left:460px;    
    top:270px;
    width:520px;
    height:200px;
    /*  background-color:fuchsia;*/
    font-family:gotham_book
}
div#s_histoire_mapping_date div.diapo.actif div.contenu {
    display:block;
}

div#s_histoire_mapping_date div.diapo.nth1 > * { z-index:110 }
div#s_histoire_mapping_date div.diapo.nth2 > * { z-index:109 }
div#s_histoire_mapping_date div.diapo.nth3 > * { z-index:108 }
div#s_histoire_mapping_date div.diapo.nth4 > * { z-index:107 }
div#s_histoire_mapping_date div.diapo.nth5 > * { z-index:106 }
div#s_histoire_mapping_date div.diapo.nth6 > * { z-index:105 }
div#s_histoire_mapping_date div.diapo.nth7 > * { z-index:104 }
div#s_histoire_mapping_date div.diapo.nth8 > * { z-index:103 }
div#s_histoire_mapping_date div.diapo.nth9 > * { z-index:102 }
div#s_histoire_mapping_date div.diapo.nth10 > * { z-index:101 }
div#s_histoire_mapping_date div.diapo.nth11 > * { z-index:100 }



div#s_histoire_mapping_date div.diapo strong {
    font-size:36px;
    line-height:40px;
    display:block;
    font-family:gothambold
}
div#s_histoire_mapping_date div.diapo span {
    display:block;
    font-size:26px;
}
div#s_histoire_mapping_date div.diapo i {
    font-family:gotham_bookitalic;
    font-style:normal;

}
/* --- cibler le "f" de dwarfs (pour qu'il ne soit pas coupé) --- */
div#s_histoire_mapping_date div.diapo.nth3 i > div:nth-child(6) > div:nth-child(5) {
    width:15px;
}
/* --- cibler le "s" de dwarfs --- */
div#s_histoire_mapping_date div.diapo.nth3 i > div:nth-child(6) > div:nth-child(5) + div {
    margin-left:-3px
}



/*
div#s_histoire_mapping_date img.nth1 {
    position:absolute;
    left:100px;
    top:100px;
    z-index:2;
    transform:rotate(5deg)
}
div#s_histoire_mapping_date img.nth2 {
    position:absolute;
    left:100px;
    top:100px;
    z-index:1;
    transform:rotate(55deg)
}
div#s_histoire_mapping_date div.nth1 {
    position:absolute;
    right:100px;
    top:200px;
    z-index:1;
}
div#s_histoire_mapping_date div.nth2 {
    display:none;
    position:absolute;
    right:100px;
    top:200px;
    z-index:1;
}
*/

/* --- HISTOIRE > destination */

div#s_histoire_destination p {
    position:absolute;
    left:50px;
    top:220px;
    color:#fff;
    font-size:40px;
    font-family:mixa_bold;
}
div#s_histoire_destination strong {
    display:block;
    font-size:40px;
     font-family:mixa_bold;
}
html[lang="fr"] #s_histoire_destination p strong br + div.ct-word {
    /* pour accroître l'espace entre les mots TOURISTIQUE et EN */
    margin-right: 5px; /* modif du 20180824 */
}

div#s_histoire_destination span {
    position:absolute;
    right:20px;
    bottom:10px;
    color:#fff;
    font-size:40px;
     font-family:mixa_bold;
}
div#s_histoire_destination div.nuage {
    position:absolute;
}
div#s_histoire_destination div.nuage.nth1 {
    left:400px;
    top:80px
}
div#s_histoire_destination div.nuage.nth2 {
    left:650px;
    top:160px
}
div#s_histoire_destination div.nuage.nth3 {
    left:450px;
    top:320px
}
div#s_histoire_destination div.nuage.nth4 {
    left:870px;
    top:80px
}

/* --- HISTOIRE > carte --- */


div#s_histoire_carte p {
    position:absolute;
    left:50px;
    top:220px;
    color:#fff;
    font-size:30px;
    font-family:gotham_book;
}
div#s_histoire_carte strong {
    display:block;
    font-size:40px;
    font-family:gothammedium;
}
div#s_histoire_carte span {
    position:absolute;
    right:20px;
    bottom:10px;
    color:#fff;
    font-size:16px;
    font-family:gotham_book;
}


div#s_histoire_carte div#carte {
    position:absolute;
    top:0;
    right:0;
    width:546px;
    height:525px;
    background:transparent url(img/s19-map.png) right top no-repeat;
}

div#s_histoire_carte div.pays {
    display:none;
    position:absolute;
    background-color:yellow
}

div#s_histoire_carte div#france {
    display:block;
    top:220px;
    left:86px;
    width:195px;
    height:183px;
    background:transparent url(img/s19-france.png) left top no-repeat;    
}
div#s_histoire_carte div#angleterre {
    top:42px;
    left:68px;
    width:118px;
    height:202px;
    background:transparent url(img/s20-angleterre.png) left top no-repeat;    
}
div#s_histoire_carte div#espagne {
    bottom:0;
    left:9px;
    width:200px;
    height:155px;
    background:transparent url(img/s21-espagne.png) left top no-repeat;    
}
div#s_histoire_carte div#allemagne {
    top:132px;
    left:250px;
    width:134px;
    height:365px;
    background:transparent url(img/s22-allemagne.png) left top no-repeat;    
}
div#s_histoire_carte div#belgique {
    top:210px;
    left:198px;
    width:60px;
    height:41px;
    background:transparent url(img/s23-belgique.png) left top no-repeat;    
}
div#s_histoire_carte div#italie {
    top:166px;
    left:211px;
    width:234px;
    height:323px;
    background:transparent url(img/s24-italie.png) left top no-repeat;    
}


/* --- HISTOIRE > diaporama --- */

div#s_histoire_diaporama {
    background:transparent url(img/s25-bg.png) left top no-repeat;    
    font-family:gotham_book;
    font-size:30px;
    color:#fff
}

div#s_histoire_diaporama div.diapo img {
    position:absolute;
}
div#s_histoire_diaporama div.diapo span {
    position:absolute;
    top:90px;
    display:block;
    text-align:center;
    /*    border:1px solid red;*/
}
div#s_histoire_diaporama div.diapo span.gauche {
    width:430px;
    left:0;
}
div#s_histoire_diaporama div.diapo span.droite {
    width:460px;
    left:530px;
}

div#s_histoire_diaporama div.diapo {
    position:relative;
    display:none
}
div#s_histoire_diaporama div.diapo:first-child {
    /*    display:block*/
}


div#s_histoire_diaporama div.diapo.diptyque img.nth1 {
    z-index:10;
    /*    left:70px;*/
    top:150px;
    transform:rotate(-15deg)
}
div#s_histoire_diaporama div.diapo.diptyque img.nth2 {
    z-index:11;
    /*right:70px;*/
    top:150px;
    transform:rotate(15deg)
}
div#s_histoire_diaporama div.diapo.triptyque img.nth1 {
    z-index:10;
    /*  left:10px;*/
    top:150px;
    transform:rotate(-15deg)
}
div#s_histoire_diaporama div.diapo.triptyque img.nth2 {
    z-index:9;
    left:340px;
    top:140px;
    transform:rotate(5deg)
}
div#s_histoire_diaporama div.diapo.triptyque img.nth3 {
    z-index:11;
    left: 620px;
    top:165px;
    transform:rotate(15deg)
}

/*
div#s_histoire_diaporama div.diapo.diptyque span.gauche {
    z-index:10;
    left:0;
    top:90px;
}
div#s_histoire_diaporama div.diapo.diptyque span.droite {
    z-index:10;
    top:90px;
}
div#s_histoire_diaporama div.diapo.triptyque span.gauche {
    z-index:10;
    left:0;
    top:90px;
}
div#s_histoire_diaporama div.diapo.triptyque span.droite {
    z-index:10;
    top:90px;
}
*/

/* routes > plan */

div#s_routes_chiffres {
    background:transparent url(img/s33-titre2-fr.png) center 60px no-repeat;        
}
div#s_routes_chiffres div.nuage {
    position:absolute;
}
div#s_routes_chiffres div.nuage.nth1 {
    left:40px;
    top:160px
}
div#s_routes_chiffres div.nuage.nth2 {
    left:370px;
    top:210px
}
div#s_routes_chiffres div.nuage.nth3 {
    left:690px;
    top:190px
}
div#s_routes_chiffres div.nuage.nth4 {
    left:170px;
    top:360px
}
div#s_routes_chiffres div.nuage.nth5 {
    left:560px;
    top:370px
}


/* routes > infographie */

div#s_routes_infographie {
    background:transparent url(img/s34-bg-fr.png) left top no-repeat;            
}
div#s_routes_infographie.opaque {
    background:transparent url(img/s34-bg-opacite-fr.jpg) left top no-repeat;            
}
div#s_routes_infographie img {
    display:none;
    position:absolute
}
div#s_routes_infographie img.nth1 {
    left:583px;
    top:165px;
}
div#s_routes_infographie img.nth2 {
    left:120px;
    top:303px;
}
div#s_routes_infographie img.nth3 {
    left:555px;
    top:352px;
}
div#s_routes_infographie img.nth4 {
    left:237px;
    top:98px;
}
div#s_routes_infographie img.nth5 {
    left:593px;
    top:214px;
}
div#s_routes_infographie img.nth6 {
    left:117px;
    top:126px;
}
div#s_routes_infographie img.nth7 {
    left:583px;
    top:165px;
}
div#s_routes_infographie img.nth8 {
    left:120px;
    top:303px;
}
div#s_routes_infographie img.nth9 {
    left:593px;
    top:214px;
}

/*

    --- METIERS ---

*/

div.metier {
    color:#fff
}

div.metier.nth1 img.polaroid {
    position:absolute;
}
div.metier.nth1 img.polaroid.nth1 {
    left:45px;
    top:115px;
    transform:rotate(-20deg);
}
div.metier.nth1 img.polaroid.nth2 {
    left:215px;
    top:241px;
    transform:rotate(20deg);
}
div.metier.nth1 div.contenu {
    position:absolute;    
    left:540px;
    top:245px;
    width:430px;
    font-family: 'gotham_book';
    font-size:25px;
    line-height:30px;
    color:#fff;
}
div.metier.nth1 div.contenu p {
    margin-bottom:25px;
    position:absolute;
    left:0;
    top:0;
}

div.metier.nth2 ul {
    position:absolute;    
    top:220px;
    width:418px;
    padding-top:50px;
    padding-left:30px;
    font-family: 'gotham_book';    
    font-size:28px;
}
div.metier.nth2 ul b {
    font-family: 'gothambold';    
    font-size:30px;
}
div.metier.nth2 ul.gauche {
    left:50px;
    background:transparent url(img/s34-titre-left-fr.png) center top no-repeat;
}
div.metier.nth2 ul.droite {
    right:50px;
    background:transparent url(img/s34-titre-right-fr.png) center top no-repeat;
}
div#s_routes_metier_corporate_texte ul {
    background:none;    
}
div#s_routes_metier_corporate_texte div {
    position:absolute;    
    left:0;
    width:990px;
    top:220px;
    background:transparent url(img/s64-titre-fr.png) center top no-repeat;
    height:50px;
}


div#s_routes_metier_food_texte {
    background:transparent url(img/s34-metier-food-texte-fr.png) left top no-repeat;                
}
div#s_routes_metier_food_polaroid {
    background:transparent url(img/s34-metier-food-polaroid-fr.png) left top no-repeat;                
}
div#s_routes_metier_food_polaroid p.nth1 {
    top:4px;
}
div#s_routes_metier_food_polaroid p.nth2 {
    top:90px;
}
div#s_routes_metier_food_polaroid p.nth3 {
    top:138px;
}

div#s_routes_metier_greeting_texte {
    background:transparent url(img/s34-metier-greeting-texte-fr.png) left top no-repeat;                
}
div#s_routes_metier_greeting_polaroid {
    background:transparent url(img/s34-metier-greeting-polaroid-fr.png) left top no-repeat;                
}
div#s_routes_metier_greeting_polaroid p.nth1 {
    top:10px;
}
div#s_routes_metier_greeting_polaroid p.nth2 {
    top:125px;
}

div#s_routes_metier_hotels_polaroid {
    background:transparent url(img/s34-metier-hotels-polaroid-fr.png) left top no-repeat;                
}
div#s_routes_metier_hotels_texte {
    background:transparent url(img/s34-metier-hotels-texte-fr.png) left top no-repeat;                
}
div#s_routes_metier_hotels_polaroid p.nth1 {
    top:0px;
}
div#s_routes_metier_hotels_polaroid p.nth2 {
    top:75px;
}
div#s_routes_metier_hotels_polaroid p.nth3 {
    top:180px;
}


div#s_routes_metier_sales_polaroid {
    background:transparent url(img/s34-metier-sales-polaroid-fr.png) left top no-repeat;                
}
div#s_routes_metier_sales_texte {
    background:transparent url(img/s34-metier-sales-texte-fr.png) left top no-repeat;                
}
div#s_routes_metier_sales_polaroid p.nth1 {
    top:5px;
}
div#s_routes_metier_sales_polaroid p.nth2 {
    top:87px;
}
div#s_routes_metier_sales_polaroid p.nth3 {
    top:165px;
}


div#s_routes_metier_entertainment_polaroid {
    background:transparent url(img/s34-metier-entertainment-polaroid-fr.png) left top no-repeat;                
}
div#s_routes_metier_entertainment_texte {
    background:transparent url(img/s34-metier-entertainment-texte-fr.png) left top no-repeat;                
}
div#s_routes_metier_entertainment_polaroid p.nth1 {
    top:5px;
}
div#s_routes_metier_entertainment_polaroid p.nth2 {
    top:60px;
}
div#s_routes_metier_entertainment_polaroid p.nth3 {
    top:140px;
}



div#s_routes_metier_technical_polaroid {
    background:transparent url(img/s34-metier-technical-polaroid-fr.png) left top no-repeat;                
}
div#s_routes_metier_technical_texte {
    background:transparent url(img/s34-metier-technical-texte-fr.png) left top no-repeat;                
}
div#s_routes_metier_technical_polaroid p.nth1 {
    top:5px;
}
div#s_routes_metier_technical_polaroid p.nth2 {
    top:55px;
}
div#s_routes_metier_technical_polaroid p.nth3 {
    top:135px;
}




div#s_routes_metier_logistics_polaroid {
    background:transparent url(img/s34-metier-logistics-polaroid-fr.png) left top no-repeat;                
}
div#s_routes_metier_logistics_texte {
    background:transparent url(img/s34-metier-logistics-texte-fr.png) left top no-repeat;                
}
div#s_routes_metier_logistics_polaroid p.nth1 {
    top:0px;
}
div#s_routes_metier_logistics_polaroid p.nth2 {
    top:100px;
}
div#s_routes_metier_logistics_polaroid p.nth3 {
    top:172px;
}

div#s_routes_metier_security_polaroid {
    background:transparent url(img/s34-metier-security-polaroid-fr.png) left top no-repeat;                
}
div#s_routes_metier_security_texte {
    background:transparent url(img/s34-metier-security-texte-fr.png) left top no-repeat;                
}
div#s_routes_metier_security_polaroid p.nth1 {
    top:5px;
}
div#s_routes_metier_security_polaroid p.nth2 {
    top:85px;
}
div#s_routes_metier_security_polaroid p.nth3 {
    top:190px;
}

div#s_routes_metier_corporate_polaroid {
    background:transparent url(img/s34-metier-corporate-polaroid-fr.png) left top no-repeat;                
}
div#s_routes_metier_corporate_texte {
    background:transparent url(img/s34-metier-corporate-texte-fr.png) left top no-repeat;                
}
div#s_routes_metier_corporate_polaroid p.nth1 {
    top:5px;
}
div#s_routes_metier_corporate_polaroid p.nth2 {
    top:85px;
}
div#s_routes_metier_corporate_polaroid p.nth3 {
    top:165px;
}

/* routes > variety of contracts > nuages */

div#s_routes_metier_variety_of_contracts_menu {
    background:transparent url(img/s65-bg-fr.png) left top no-repeat;                
}
div#s_routes_metier_variety_of_contracts_menu div.nuage {
    cursor:pointer;
    position:absolute;
    width:306px;
    height:170px;
    font-family: gothambold;   
    font-size:26px;
    color:#952c6b;
    text-align:center
}
div#s_routes_metier_variety_of_contracts_menu div.nuage.nth1 {
    background:transparent url(img/s65-nuages-rollover-1.png) left top no-repeat;                
}
div#s_routes_metier_variety_of_contracts_menu div.nuage.nth2 {
    background:transparent url(img/s65-nuages-rollover-2.png) left top no-repeat;                
}
div#s_routes_metier_variety_of_contracts_menu div.nuage.nth3 {
    background:transparent url(img/s65-nuages-rollover-3.png) left top no-repeat;                
}
div#s_routes_metier_variety_of_contracts_menu div.nuage:hover {
    background-position:left bottom;
    color:#fff;
}
div#s_routes_metier_variety_of_contracts_menu div.nuage span {
    display:block;
}
div#s_routes_metier_variety_of_contracts_menu div.nuage.nth1 {
    left:31px;
    top:191px;
    padding-top:57px;
    padding-left:45px;
}
div#s_routes_metier_variety_of_contracts_menu div.nuage.nth1 span {
    width:180px;
}
div#s_routes_metier_variety_of_contracts_menu div.nuage.nth2 {
    left:350px;
    top:293px;
    padding-top:60px;
    padding-left:27px;
}
div#s_routes_metier_variety_of_contracts_menu div.nuage.nth2 span {
    width:250px;
}
div#s_routes_metier_variety_of_contracts_menu div.nuage.nth3 {
    left:650px;
    top:191px;
    padding-top:68px;
    padding-left:45px;
}
div#s_routes_metier_variety_of_contracts_menu div.nuage.nth3 span {
    width:180px;
}

/* routes > variety of contracts > menu */

div#s_routes_variety_of_contracts_menu {
    background:transparent url(img/s65-bg-fr.png) left top no-repeat;                    
}

/* routes > variety of contracts > internship */

div.contract ul {
    position:absolute;
    font-family: 'gotham_book';
    font-size:30px;
    line-height:36px;
}
div.contract ul b {
    font-family: 'gothambold';
}

div#s_routes_S67 {
    background:transparent url(img/s67-bg-fr.png) left top no-repeat;                    
}
div#s_routes_S67 ul {
    left:78px;
    top:345px;    
}
div#s_routes_S68 {
    background:transparent url(img/s68-bg-fr.png) left top no-repeat;                    
}
div#s_routes_S68 ul {
    left:78px;
    top:339px;    
}
div#s_routes_S69 {
    background:transparent url(img/s69-bg-fr.png) left top no-repeat;                    
}
div#s_routes_S69 ul {
    left:184px;
    top:318px;    
}
div#s_routes_S70 {
    background:transparent url(img/s70-bg-fr.png) left top no-repeat;                    
}
div#s_routes_S70bis {
    background:transparent url(img/s70-bg-bis-fr.png) left top no-repeat;                    
}
div#s_routes_S70 ul {
    left:149px;
    top:313px;    
}
div#s_routes_S70bis ul {
    left:149px;
    top:313px;    
}

div#s_routes_S71 {
    background:transparent url(img/s71-bandeau-fr.png) center 58px no-repeat;                    
}
div#s_routes_S72 {
    background:transparent url(img/s72-bandeau-fr.png) center 58px no-repeat;                    
}
div#s_routes_S72bis {
    background:transparent url(img/s72bis-bandeau-fr.png) center 58px no-repeat;                    
}
div#s_routes_S72ter {
    background:transparent url(img/s72ter-bandeau-fr.png) center 58px no-repeat;                    
}
div#s_routes_S73 {
    background:transparent url(img/s73-bandeau-fr.png) center 58px no-repeat;                    
}
div#s_routes_S74 {
    background:transparent url(img/s74-bandeau-fr.png) center 58px no-repeat;                    
}
div#s_routes_S75 {
    background:transparent url(img/s75-bandeau-fr.png) center 58px no-repeat;                    
}


div#s_routes_S71 ul {
    left:332px;
    top:203px;    
}
div#s_routes_S72 ul {
    left:56px;
    top:173px;    
}
div#s_routes_S72bis ul {
    left:56px;
    top:173px;    
}
div#s_routes_S72ter ul {
    left:56px;
    top:173px;    
}
div#s_routes_S73 ul {
    left:56px;
    top:173px;    
    font-size: 28px;
}
div#s_routes_S74 ul {
    left:56px;
    top:173px;    
    font-size: 28px;
}
div#s_routes_S75 ul {
    left:379px;
    top:193px;    
}

div#s_routes_S71 img.polaroid  {
    position:absolute;
    left:39px;
    top:213px;
    transform:rotate(-9deg);
}
div#s_routes_S75 img.polaroid  {
    position:absolute;
    left:39px;
    top:213px;
    transform:rotate(-9deg);
}


div#s_routes_S71 ul {
}

/* Cast Members */


div#s_difference_S76 {
    background:transparent url(img/s76-bg.png) left top no-repeat;                    
}

div#s_difference_S76 p {
    position:absolute;
    left:0px;
    top:65px;
    width:100%;
    text-align:center;
    color:#fff;
   font-family:mixa_bold;
    font-size:40px;
/*    font-family: 'gothammedium'; // modif du 20180829
    font-size:32px;*/    
}

div#s_difference_S76 p span {
/*    font-family:mixa_bold;  // modif du 20180829
    font-size:40px; */
}

div#s_difference_S76 ul {
    position:absolute;
    left:425px;
    top:202px;
    font-family: 'gotham_book';
    font-size:30px;
}
div#s_difference_S76 li {
    margin-bottom:20px
}

div#s_difference_S76 img {
    position:absolute;
    left:55px;
    top:185px;
    transform:rotate(-15deg)

}

/* Missions handicap */


div#s_difference_S76bis{
    background:transparent url(img/s76bis-bg.png) left top no-repeat;                    
}

.sautligne{
	margin-top: 48px;
}

div#s_difference_S76bis p {
    position:absolute;
    left:0px;
    top:65px;
    width:100%;
    text-align:center;
    color:#fff;
    font-family: 'gothammedium';
    font-size:32px;
}

div#s_difference_S76bis p span {
    font-family:mixa_bold;
    font-size:40px;
	margin-bottom: 10px;
	margin-top: -10px;
}

div#s_difference_S76bis ul {
    position:absolute;
    left:425px;
    top:180px;
    font-family: 'gotham_book';
    font-size:30px;
}
div#s_difference_S76bis li {
    margin-bottom:20px
}

div#s_difference_S76bis img {
    position:absolute;
    left:55px;
    top:165px;
    transform:rotate(-15deg)

}


/* difference > slideshow */

div#s_difference_S77 img {
    position:absolute;
    left:0;
    top:0
}

div#s_difference_S77bis_intro {
    background:transparent url(img/s_difference_S77bis_intro.png) left top no-repeat;                        
}

/* EXPERIENCE */


div#s_difference_S79 p {
    text-align:center;
    /*    font-family: 'gothammedium';*/
    font-family: mixa_bold;
    color:#fff;
    font-size: 40px;
    padding-top:60px;
}

div#s_difference_S79 div.nuage {
    position:absolute;
}
div#s_difference_S79 div.nuage.nth1 {
    top:137px;
    left:46px;
}
div#s_difference_S79 div.nuage.nth2 {
    left:315px;
    top:163px;
}
div#s_difference_S79 div.nuage.nth3 {
    left:584px;
    top:138px;
}
div#s_difference_S79 div.nuage.nth4 {
    /*right:13px;*/
    left:766px;
    top:212px;
}
div#s_difference_S79 div.nuage.nth5 {
    left:95px;
    top:339px;
}
div#s_difference_S79 div.nuage.nth6 {
    left:362px;
    bottom:32px;
}
div#s_difference_S79 div.nuage.nth7 {
    /*right:257px;*/
    left:526px;
    bottom:135px;
}
div#s_difference_S79 div.nuage.nth8 {
    /*right:46px;*/
    left:722px;
    bottom:40px;
}


/* Experience > flèche */
div#s_difference_S80 {
    background:transparent url(img/s80-bg-fr_janv2016.png) left top no-repeat;                    
}
div#s_difference_S80 img {
    position:absolute;
    bottom:0px;
    right:2000px; /* toutes les flèches partent du même point */
}
div#s_difference_S80 img.nth1 {
    z-index:5;
    left:10px;
}
div#s_difference_S80 img.nth2 {
    z-index:4;
    left:235px;
}
div#s_difference_S80 img.nth3 {
    z-index:3;
    left:460px;
}
div#s_difference_S80 img.nth4 {
    z-index:2;
    left:685px;
}
/* Working Conditions */
div#s_difference_S81 {
    background:transparent url(img/s81-bg.png) left top no-repeat;                    
}
div#s_difference_S81 p {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    text-align:center;
    font-family: 'gothammedium';
    color:#fff;
    font-size: 32px;
    padding-top:45px;
}


div#s_difference_S81 div.diapo img {
    position:absolute;
}
div#s_difference_S81 div.diapo {
    position:relative;
    /*    display:none*/
}
div#s_difference_S81 div.diapo:first-child {
    /*    display:block*/
}



div#s_difference_S81 div.diapo img.nth1 {
    z-index:10;
    /*  left:10px;*/
    top:150px;
    transform:rotate(-15deg)
}
div#s_difference_S81 div.diapo img.nth2 {
    z-index:9;
    left:340px;
    top:140px;
    transform:rotate(3deg);
    margin-top: -10px;
}
div#s_difference_S81 div.diapo img.nth3 {
    z-index:11;
    left: 620px;
    top:165px;
    transform:rotate(16deg);
    margin-top: -10px;
}
div#s_difference_S81 div.diapo img.nth4 {
    z-index:8;
    left: 400px;
    top:465px;
}



/* Experience > province vs IDF */

div#s_experience_S83 div.idf {
    position:absolute;
    top:0;
    left:0;
    /*background:transparent url(img/s83-iledefrance-fr.png) left top no-repeat;*/                    
    width:495px;
    height:590px;
}
div#s_experience_S83 div.idf.effet_hover {
    /*background:transparent url(img/s83-iledefrance-hover-fr.png) left top no-repeat;*/                     
}
div#s_experience_S83 div.province {
    position:absolute;
    top:0;
    right:0;
    background:transparent url(img/s83-province-fr.png) left top no-repeat;                    
    width:495px;
    height:590px;
}
div#s_experience_S83 div.province.effet_hover {
    background:transparent url(img/s83-province-hover-fr.png) left top no-repeat;                    
}


/* RECRUITMENT PROCESS */
div#s_experience_S86 {
    /*background:transparent url(img/s83-iledefrance-fr.png) left top no-repeat;*/                    
}

div#s_experience_S86 {
    background:transparent url(img/process_recrutement.png) left top no-repeat;                    
}

div#s_experience_S86 p {
    position:absolute;
    left:275px;
    top:186px;
    font-family: mixa_bold;
    font-size:40px;
    color:#fff;
}


div#s_experience_S86 ul {
    position:absolute;
    left:280px;
    top:280px;
    font-family: 'gotham_book';
    font-size:32px;
}

div#s_experience_S87 {
    background:transparent url(img/s83-province-fr1.png) right top no-repeat;                    
}


div#s_experience_S87 ul {
    position:absolute;
    left:79px;
    top:187px;
    font-family: 'gotham_book';
    font-size:32px;
}


div#s_experience_S87 p {
    position:absolute;
    left:275px;
    top:66px;
    font-family: 'gothammedium';
    font-size:32px;
    color:#fff;
}


div#s_experience_pastille01_intro {
    background:transparent url(img/s_experience_pastille01_intro.png) left top no-repeat;                        
}
div#s_experience_pastille02_intro {
    background:transparent url(img/s_experience_pastille02_intro.png) left top no-repeat;                        
}
div#s_experience_pastille03_intro {
    background:transparent url(img/s_experience_pastille03_intro.png) left top no-repeat;                        
}
div#s_experience_pastille04_intro {
    background:transparent url(img/s_experience_pastille04_intro.png) left top no-repeat;                        
}


div#s_routes_Salternance {
    background:transparent url(img/titre_nouvelle_slide_alternance.png) left top no-repeat;                    
}
div#s_routes_Salternance ul {
    left:78px;
    top:300px;  

}

/*===================================
=            LARGESCREEN            =
===================================*/

div#global.largescreen {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

body < div#global.largescreen {
    padding-top: 0px;
}

div#global.largescreen div#logo {
    display:none
}

div#global.largescreen div#conteneur {
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    position: absolute;
}

div#global.largescreen .slide {
    position:absolute;
    height:100%;
    width:100%;
    overflow: hidden;
    background-color: #222;
}

div#global.largescreen img.play {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -75px 0 0 -75px;
}

/*=====  End of LARGESCREEN  ======*/