/* INTRO */
#title_simple_txt_01 {
    position: absolute;
    top: 302px;
    left: 875px;
    width: 220px;
    height: 36px;
    font: normal normal bold 30px/105px Coolvetica;
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

#title_simple_txt_02 {
    position: absolute;
    top: 380px;
    left: 657px;
    width: 606px;
    height: 204px;
    text-align: center;
    font: normal normal bold 170px/105px Coolvetica;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

#intro_button_01 {
    top: 953px;
    left: 899px;
    width: 132px;
}
    /* DOWINO */

#dowino/*,  #slideSeparator_dowino*/{
    background-color:rgb(157, 196, 178);
}

#slideSeparator_dowino{
    border-bottom: 1080px solid rgb(157, 196, 178);
    border-left: 164px solid rgb(157, 196, 178);
    border-right: 0 solid rgb(157, 196, 178);
}

#slideSeparator_supports{
    /*background-color:rgb(28, 27, 56);*/
    border-bottom: 1080px solid rgb(28, 27, 56);
    border-left: 164px solid rgb(28, 27, 56);
    border-right: 0 solid rgb(28, 27, 56);
}

#slideSeparator_autoprod{
    /*background-color:rgb(83, 131, 146);*/
    border-bottom: 1080px solid rgb(83, 131, 146);
    border-left: 164px solid rgb(83, 131, 146);
    border-right: 0 solid rgb(83, 131, 146);
}

#slideSeparator_themes{
    /*background-color:rgb(160, 153, 125);*/
    border-bottom: 1080px solid rgb(160, 153, 125);
    border-left: 164px solid rgb(160, 153, 125);
    border-right: 0 solid rgb(160, 153, 125);
}

#slideSeparator_conclusion{
    /*background-color:rgb(124, 169, 160);*/
    border-bottom: 1080px solid rgb(124, 169, 160);
    border-left: 164px solid rgb(124, 169, 160);
    border-right: 0 solid rgb(124, 169, 160);
}

#dowino_img_container_01 {
    top: 202px;
    width: 963px;
    height: 710px;
    background: transparent url('../assets/imgs/graine.png') 0% 0% no-repeat padding-box;
    mix-blend-mode: normal;
    opacity: 1;
}

#dowino_simple_txt_01 {
    top: 308px;
    left: 661px;
    width: 103px;
    height: 36px;
    font: normal normal bold 30px/36px Coolvetica;
    letter-spacing: 0px;
}

#dowino_interactive_txt_01, #dowino_mask_01 {
    top: 291px;
    left: 697px;
    width: 398px;
    height: 168px;
    font: normal normal bold 140px/168px Coolvetica;
    letter-spacing: 0px;
    background-color:rgb(157, 196, 178);
}

#dowino_simple_txt_02 {
    top: 359px;
    left: 1095px;
    width: 279px;
    height: 66px;
    text-align: left;
    font: normal normal bold 30px/30px Coolvetica;
    letter-spacing: 0px;
}

#dowino_simple_txt_03 {
    top: 495px;
    left: 862px;
    width: 346px;
    height: 66px;
    text-align: right;
    font: normal normal bold 30px/30px Coolvetica;
}

#dowino_interactive_txt_02, #dowino_mask_02 {
    top: 504px;
    left: 900px;
    width: 850px;
    height: 168px;
    font: normal normal bold 140px/168px Coolvetica;
    letter-spacing: 0px;
    background-color:rgb(157, 196, 178);
}

#dowino_button_01 {
    top: 949px;/*931px;*/
    left: 793px;
    width: 357px;
}

    /* SERIOUS_GAME */

#serious_game_img_container_01 {
    top: 99px;
    left: 658px;
    width: 1479px;
    height: 832px;
    background: transparent url('../assets/imgs/robot_sansfond.png') 0% 0% no-repeat padding-box;
    opacity: 1;
}

#serious_game_simple_txt_01 {
    top: 305px;
    left: 457px;
    width: 423px;
    height: 72px;
    text-align: left;
    font: normal normal bold 30px/30px Coolvetica;
}

#serious_game_interactive_txt_01, #serious_game_mask_01 {
    top: 284px;
    left: 219px;
    width: 879px;
    height: 168px;
    font: normal normal bold 140px/168px Coolvetica;
    letter-spacing: 0px;
}

#serious_game_simple_txt_02 {
    top: 486px;
    left: 363px;
    width: 390px;
    height: 42px;
    text-align: left;
    font: normal normal bold 30px/36px Coolvetica;
}

#serious_game_interactive_txt_02, #serious_game_mask_02 {
    top: 464px;
    left: 373px;
    width: 791px;
    height: 168px;
    font: normal normal bold 140px/168px Coolvetica;
    letter-spacing: 0px;
}

#serious_game_simple_txt_03 {
    top: 602px;
    left: 871px;
    width: 388px;
    height: 81px;
    text-align: left;
    font: normal normal bold 30px/36px Coolvetica;
}

#serious_game_button_01 {
    top: 953px;
    left: 364px;
    width: 446px;
}

#serious_game_button_02 {
    top: 953px;
    left: 1135px;
    width: 415px;
}

/* SUPPORTS */


#supports_1, #supports_2{
    background-color:rgb(28, 27, 56);
}

#supports_1 .maskTemplate02, #supports_2 .maskTemplate02 {
    background-color:rgb(28, 27, 56);
}

div[data-slidetype="supports_img_01"]{
    top: 0px;
    left: 1164px;
    width: 773px;
    height: 1094px;
    background: transparent url('../assets/imgs/echelle.png') 0% 0% no-repeat padding-box;
    opacity: 0.54;
}

div[data-slidetype="supports_simpleTxt_01"]{
    top: 374px;
    left: 291px;
    width: 728px;
    height: 36px;
    text-align: left;
    font: normal normal bold 30px/30px Coolvetica;
}

#supports_2_simple_txt_01 {
    width: 780px;
}

a[data-slidetype="supports_interactiveTxt_01"] {
    top: 389px;
    left: 634px;
    width: 576px;
    height: 126px;
    text-align: center;
    font: normal normal bold 105px/126px Coolvetica;
    letter-spacing: 3.15px;
    color: #6A6A6A;
    text-transform: uppercase;
    opacity: 1;
}

a[data-slidetype="supports_interactiveTxt_02"] {
    top: 473px;
    left: 775px;
    width: 674px;
    height: 126px;
    text-align: center;
    font: normal normal bold 105px/126px Coolvetica;
    letter-spacing: 3.15px;
    color: #6A6A6A;
    text-transform: uppercase;
    opacity: 1;
}

a[data-slidetype="supports_interactiveTxt_03"] {
    top: 557px;
    left: 440px;
    width: 868px;
    height: 126px;
    text-align: center;
    font: normal normal bold 105px/126px Coolvetica;
    letter-spacing: 3.15px;
    color: #6A6A6A;
    text-transform: uppercase;
    opacity: 1;
}

div[data-slidetype="supports_mask_01"] {
    top: 389px;
    left: 634px;
    width: 576px;
    height: 126px;
}
div[data-slidetype="supports_mask_02"]{
    top: 493px;
    left: 775px;
    width: 674px;
    height: 126px;
}

div[data-slidetype="supports_mask_03"] {
    top: 578px;
    left: 440px;
    width: 864px;
    height: 126px;
}

div[data-slidetype="supports_simpleTxt_02"] {
    top: 665px;
    left: 665px;
    width: 787px;
    height: 36px;
    text-align: left;
    font: normal normal bold 30px/30px Coolvetica;
}

#supports_1_button_01 {
    top: 949px;
    left: 681px;
    width: 586px;
    height: 98px;
}

#supports_2_button_01 {
    top: 953px;
    left: 489px;
    width: 230px;
    height: 98px;
}

#supports_2_button_02 {
    top: 953px;
    left: 1304px;
    width: 200px;
    height: 98px;
}

/* AUTOPROD */

#autoprod_1, #autoprod_2{
    background-color:rgb(83, 131, 146);
}

#autoprod_1 .maskTemplate01, #autoprod_2 .maskTemplate01 {
    background-color:rgb(83, 131, 146);
}

div[data-slidetype="autoprod_img_01"] {
    top: 338px;
    left: 87px;
    width: 754px;
    height: 424px;
    background: transparent url('../assets/imgs/canape_sansfond.png') 0% 0% no-repeat padding-box;
    opacity: 1;
}

div[data-slidetype="autoprod_simpleTxt_01"] {
    top: 242px;
    left: 610px;
    width: 896px;
    height: 36px;
    font: normal normal bold 30px/30px Coolvetica;
}

div[data-slidetype="autoprod_simpleTxt_02"] {
    top: 347px;
    left: 768px;
    width: 148px;
    height: 36px;
    font: normal normal bold 30px/36px Coolvetica;
}

a[data-slidetype="autoprod_interactiveTxt_01"], div[data-slidetype="autoprod_mask_01"] {
    top: 357px;
    left: 741px;
    width: 996px;
    height: 126px;
    font: normal normal bold 105px/126px Coolvetica;
    letter-spacing: 1.57px;
}

div[data-slidetype="autoprod_simpleTxt_03"] {
    top: 516px;
    left: 1063px;
    width: 28px;
    height: 36px;
    font: normal normal bold 30px/36px Coolvetica;
}

a[data-slidetype="autoprod_interactiveTxt_02"], div[data-slidetype="autoprod_mask_02"] {
    top: 450px;
    left: 1069px;
    width: 679px;
    height: 126px;
    font: normal normal bold 105px/126px Coolvetica;
    letter-spacing: 1.57px;
}

div[data-slidetype="autoprod_simpleTxt_04"] {
    top: 640px;
    left: 973px;
    width: 252px;
    height: 36px;
    font: normal normal bold 30px/36px Coolvetica;
}

a[data-slidetype="autoprod_interactiveTxt_03"], div[data-slidetype="autoprod_mask_03"] {
    top: 607px;  /*640px*/
    left: 1234px;
    width: 156px;
    height: 36px;
    text-align: left;
    font: normal normal bold 30px/105px Coolvetica;
    letter-spacing: 0px;
}

div[data-slidetype="autoprod_simpleTxt_05"] {
    top: 640px;
    left: 1383px;
    width: 321px;
    height: 36px;
    font: normal normal bold 30px/36px Coolvetica;
}

div[data-slidetype="autoprod_simpleTxt_06"] {
    top: 678px;
    left: 973px;
    width: 461px; /*458px*/
    height: 36px;
    font: normal normal bold 30px/36px Coolvetica;
}

a[data-slidetype="autoprod_interactiveTxt_04"], div[data-slidetype="autoprod_mask_04"] {
    top: 644px; /*678px;*/
    left: 1440px;
    width: 215px;
    height: 39px;
    text-align: left;
    font: normal normal bold 30px/105px Coolvetica;
    letter-spacing: 0px;
}

#autoprod_1_button_01 {
    top: 953px;
    left: 798px;
    width: 349px;
    height: 66px;
}

#autoprod_2_button_01 {
    top: 953px;
    left: 462px;
    width: 324px;
    height: 98px;
}

#autoprod_2_button_02 {
    top: 953px;
    left: 1261px;
    width: 245px; /*226px;*/
    height: 98px;
}

div[data-slidetype="autoprod_mask_03"], div[data-slidetype="autoprod_mask_04"] {
    height: 71px;
}
div[data-slidetype="autoprod_mask_02"] {
    top:459px;
}

/* CLIENTS */

div[data-slidetype="clients_img_01"] {
    top: 223px;
    left: -104px;
    width: 1127px;
    height: 634px;
    background: transparent url('../assets/imgs/duck_sansfond.png') 0% 0% no-repeat padding-box;
    opacity: 1;
}

div[data-slidetype="clients_simpleTxt_01"]{
    top: 307px;
    left: 705px;
    width: 206px;
    height: 36px;
    text-align: left;
    font: normal normal bold 30px/30px Coolvetica;
}

div[data-slidetype="clients_simpleTxt_02"] {
    top: 338px;
    left: 745px;
    width: 611px;
    height: 66px;
    text-align: left;
    font: normal normal bold 30px/30px Coolvetica;
}

div[data-slidetype="clients_simpleTxt_03"] {
    top: 446px;
    left: 825px;
    width: 362px;
    height: 66px;
    text-align: left;
    font: normal normal bold 30px/30px Coolvetica;
}

a[data-slidetype="clients_interactiveTxt_01"] {
    top: 458px;/*467px;*/
    left: 891px;/*994px;*/
    width: 526px;
    height: 168px;
    font: normal normal bold 140px/168px Coolvetica;
    letter-spacing: 0px;
}

div[data-slidetype="clients_simpleTxt_04"] {
    top: 598px;/*610px;*/
    left: 1090px;
    width: 546px;
    height: 66px;
    text-align: right;
    font: normal normal bold 30px/30px Coolvetica;
}

a[data-slidetype="clients_button_01"] {
    top: 953px;
    left: 764px;
    width: 392px;/*440px;*/
    height: 66px;
}

div[data-slidetype="clients_mask_01"] {
    top: 458px;/*467px;*/
    left: 891px;/*994px;*/
    width: 526px;
    height: 168px;
}

/* THEMES */

#themes_1, #themes_2{
    background-color:rgb(160, 153, 125);
}

div[data-slidetype="themes_img_01"] {
    top: 279px;
    left: 720px;
    width: 1097px;
    height: 809px;
    background: transparent url('../assets/imgs/livre.png') 0% 0% no-repeat padding-box;
    mix-blend-mode: normal;
    opacity: 0.5;
}

div[data-slidetype="themes_simpleTxt_01"] {
    top: 234px;
    left: 196px;
    width: 1604px;/*1570px;*/
    height: 36px;
    text-align: left;
    font: normal normal bold 30px/36px Coolvetica;
}

a[data-slidetype="themes_interactiveTxt_01"], div[data-slidetype="themes_mask_01"]{
    top: 269px;
    left: 279px;
    width: 973px;
    height: 126px;
    text-align: left;
    font: normal normal bold 105px/126px Coolvetica;
    letter-spacing: 0px;
    text-transform: uppercase;
}

a[data-slidetype="themes_interactiveTxt_02"] {
    top: 359px;
    left: 547px;
    width: 973px;
    height: 126px;
    text-align: left;
    font: normal normal bold 105px/126px Coolvetica;
    letter-spacing: 0px;
    text-transform: uppercase;
}

a[data-slidetype="themes_interactiveTxt_03"], div[data-slidetype="themes_mask_03"] {
    top: 445px;
    left: 418px;
    width: 973px;
    height: 126px;
    text-align: left;
    font: normal normal bold 105px/126px Coolvetica;
    letter-spacing: 0px;
    text-transform: uppercase;
}

a[data-slidetype="themes_interactiveTxt_04"], div[data-slidetype="themes_mask_04"] {
    top: 538px;
    left: 333px;
    width: 973px;
    height: 126px;
    text-align: left;
    font: normal normal bold 105px/126px Coolvetica;
    letter-spacing: 0px;
    text-transform: uppercase;
}

a[data-slidetype="themes_interactiveTxt_05"], div[data-slidetype="themes_mask_05"] {
    top: 650px;
    left: 548px;
    width: 385px;
    height: 94px;
    text-align: right;
    font: normal normal bold 45px/40px Coolvetica;
    letter-spacing: 0px;
    text-transform: uppercase;
}

a[data-slidetype="themes_interactiveTxt_06"], div[data-slidetype="themes_mask_06"] {
    top: 627px;
    left: 948px;
    width: 295px;
    height: 126px;
    text-align: left;
    font: normal normal bold 105px/126px Coolvetica;
    /*letter-spacing: NaNpx;*/
    text-transform: uppercase;
}

.differentFont_01 {
    position: relative;
    font: normal normal bold 45px/126px Coolvetica;
}

a[data-slidetype="themes_button_01"]{
    top: 931px;
    left: 779px;
    width: 406px;/*362px;*/
    height: 66px;
}
#themes_1 .maskTemplate01, #themes_2 .maskTemplate01 {
    background-color: rgb(160, 153, 125);
}
div[data-slidetype="themes_mask_02"] {
    height: 117px;
    top: 363px;
    width: 303px;
    left: 547px;
}
div[data-slidetype="themes_mask_03"] {
    top:450px;
}
div[data-slidetype="themes_mask_04"] {
    top:545px;
}
div[data-slidetype="themes_mask_05"] {
    top:646px;
}

/* CONCLUSION */

#conclusion {
    top: 0px;
    left: 0px;
    width: 1920px;
    height: 1080px;
    background: #EBEBEB 0% 0% no-repeat padding-box;
    background-color:rgb(124, 169, 160);
    border: 1px solid #707070;
    opacity: 1;
}

#conclusion .maskTemplate03 {
    background-color:rgb(124, 169, 160);
}

#conclusion_img_container_01 {
    top: 0px;
    left: 1156px;
    width: 764px;
    height: 1080px;
    background: transparent url('../assets/imgs/arbre.png') 0% 0% no-repeat padding-box;
    mix-blend-mode: normal;
    opacity: 1;
}

#conclusion_simple_txt_01 {
    top: 308px;
    left: 162px;
    width: 847px;
    height: 36px;
    text-align: left;
    font: normal normal bold 30px/30px Coolvetica;
    letter-spacing: 0px;
    color: #fff;
    opacity: 1;
}

#conclusion_simple_txt_02 {
    top: 385px;
    left: 162px;
    width: 440px;
    height: 36px;
    text-align: left;
    font: normal normal bold 30px/36px Coolvetica;
    letter-spacing: 0px;
    color: #fff;
    opacity: 1;
}

#conclusion_interactive_txt_01 {
    top: 400px;
    left: 241px;
    width: 299px;
    text-align: left;
    font: normal normal bold 105px/126px Coolvetica;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
}

#conclusion_simple_txt_03 {
    top: 507px;
    left: 330px;
    width: 656px;
    height: 36px;
    text-align: left;
    font: normal normal bold 30px/36px Coolvetica;
    letter-spacing: 0px;
    color: #fff;
    opacity: 1;
}

#conclusion_simple_txt_04 {
    top: 646px;
    left: 414px;
    width: 515px;
    height: 91px;
    text-align: left;
    letter-spacing: 0px;
    font: normal normal bold 30px/50px Coolvetica;
    color: #fff;
    opacity: 1;
}

#differentFont_02 {
    position: initial;
    top: 31px;
    left: 0px;
    width: 515px;
    height: 60px;
    text-align: left;
    font: normal normal bold 50px/50px Coolvetica;
    letter-spacing: 0px;
    color: #fff;
}

#conclusion_button_01 {
    top: 953px;
    left: 725px;
    width: 495px;
    height: 66px;
}

#conclusion_mask_01 {
    top: 400px;
    left: 241px;
    width: 299px;
    height: 103px;
}

/* OUTRO */

#outro_img_container_01 {
    top: 450px;
    left: 576px;
    width: 220px;
    height: 181px;
    transform: matrix(0.97, -0.22, 0.22, 0.97, 0, 0);
    background: transparent url('../assets/imgs/mail.png') 0% 0% no-repeat padding-box;
    opacity: 0.24;
    z-index: 101;
}

#outro_img_container_02 {
    top: 422px;
    left: 1179px;
    width: 191px;
    height: 235px;
    transform: matrix(0.92, 0.39, -0.39, 0.92, 0, 0);
    background: transparent url('../assets/imgs/telephone.png') 0% 0% no-repeat padding-box;
    opacity: 0.26;
    z-index: 101;
}

#outro_simple_txt_01 {
    top: 313px;
    left: 651px;
    width: 687px;
    height: 66px;
    font: normal normal bold 30px/30px Coolvetica;
    z-index: 102;
}

#outro_interactive_txt_01, #outro_mask_01 {
    top: 487px;
    left: 749px;
    width: 72px;
    height: 84px;
    font: normal normal bold 70px/84px Coolvetica;
    letter-spacing: 0px;
    z-index: 103;
}

#outro_simple_txt_02 {
    top: 518px;
    left: 953px;
    width: 32px;
    height: 36px;
    font: normal normal bold 30px/30px Coolvetica;
    z-index: 104;
}

#outro_interactive_txt_02, #outro_mask_02 {
    top: 487px;
    left: 1147px;
    width: 80px;
    height: 84px;
    font: normal normal bold 70px/84px Coolvetica;
    letter-spacing: 0px;
    text-transform: uppercase;
    z-index: 105;
}

#outro_simple_txt_03 {
    top: 687px;
    left: 588px;
    width: 815px;
    height: 84px;
    font: normal normal bold 70px/84px Coolvetica;
    z-index: 106;
}

.startOver {
    position: absolute;
    bottom: 30px;
    right:30px;
    width: 165px;
    height: 165px;
    background: transparent url('../assets/imgs/fleche_retour_debut.png') 0% 0% no-repeat padding-box;
    opacity: 1;
}