@font-face {
	font-family: 'Prototype';
	src: url('../fonts/Prototype.eot?#iefix') format('embedded-opentype'),  url('../fonts/Prototype.woff') format('woff'), url('../fonts/Prototype.ttf')  format('truetype'), url('../fonts/Prototype.svg#Prototype') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Impact';
	src: url('../fonts/Impact.eot?#iefix') format('embedded-opentype'),  url('../fonts/Impact.woff') format('woff'), url('../fonts/Impact.ttf')  format('truetype'), url('../fonts/Impact.svg#Impact') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadPro';
	src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.ttf')  format('truetype'), url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

pre.sf-dump, pre.sf-dump .sf-dump-default{
	text-align: left !important;
}
/* --------------------------------------------------------------- */
/*
/* HTML
/*
/* --------------------------------------------------------------- */
* {
	box-sizing:border-box;	
}

html, body {
	margin:0; padding:0;
	width:100%; height:100%;
	font-family:"MyriadPro"; font-size:16px;
}

#main {
    overflow-x: hidden;
}

/* --------------------------------------------------------------- */
/*
/* Slide 1 PC
/*
/* --------------------------------------------------------------- */
#slide_pc_1 {
    position: relative; top: 0; left: 0;
    background: url('../img/fond_slide_bureau_1.jpg');
    background-size: cover;
    width: 100%; height:var(--vh);
    padding:35px 50px;
    color:#FFF;
    font-size: 18px;
}

#slide_pc_1 .row {
    height: calc(var(--vh) - 70px);
}

#slide_pc_1 #logo_pc {
    width:235px;
}

#slide_pc_1 #texte_pc {
    margin-top:100px;
    font-family: "Prototype";
    font-size: 40px;
    color:#bcbec0;
    line-height: 55px;
}
#slide_pc_1 #texte_pc span {
    color:#FFF;
    text-transform: uppercase;
}

#slide_pc_1 #scroll_down_pc {
    font-size: 30px;
    cursor: pointer;
}

/* --------------------------------------------------------------- */
/*
/* Slide 2 PC
/*
/* --------------------------------------------------------------- */
#slide_pc_2 {
    position: relative; top: 0; left: 0;
    background-size: cover;
    width: 100%; height:var(--vh);
}

#slide_pc_2 .vh50 {
    height: calc(100vh / 2);
    padding:25px 0;
}

#slide_pc_2 .vh50.fond {
    background: url('../img/fond_slide_bureau_2.jpg');
    background-size: cover;
}

#slide_pc_2 .padding-left {
    padding-left: 80px;
}

.sur_titre {
    font-size: 14px;
    display: flex;
    align-items:center;
}
.sur_titre span {
    display: inline-block;
    width: 60px; height:1px; 
    background-color: #000;
    margin:0 10px;
}

#slide_pc_2 h2 {
    color:#9d0a0e;
    font-size: 40px;
    font-family: "Prototype";
    text-transform: uppercase;
}

.texte_texys {
    margin-top:15px;
}

.logos {
    margin-top:15px;
}

@media screen and (max-height:900px) {
    .logos {
        display: none;
    }
}

.logos img {
    width:60px;
}

.logos .titre {
    margin-top:10px;
    font-weight: bold;
    text-transform: uppercase;
}

.texte_offer {
    font-size: 28px;
}
.texte_offer span {
    font-family: "Prototype";
}

.stores {
    margin-top:25px;
}

#slide_pc_2 .bouton {
    display: inline-block !important;
    text-decoration: none;
    border:1px solid #9d0a0e;
    border-radius: 10px;
    color:#9d0a0e;
    padding:7px 35px;
    font-size: 18px;
    margin-top:15px;
}

/* --------------------------------------------------------------- */
/*
/* Slide 1 Mobile
/*
/* --------------------------------------------------------------- */
#slide_1 {
    position: relative; top: 0; left: 0;
    background: url('../img/fond_slide_1.jpg');
    background-size: cover;
    width: 100%; height:var(--vh);
    padding:35px 20px;
    color:#FFF;
    font-size: 18px;
}

#slide_1 .row {
    height: calc(var(--vh) - 70px);
}

#slide_1 #logo {
    width:175px;
    margin:0 auto;
}

#slide_1 #texte {
    font-family: "Prototype";
    color:#b3bcc3;
    font-size: 20px;
    text-align: center;
    line-height: 25px;

    margin-top:60px;
}
#slide_1 #texte span {
    color:#FFF;
    text-transform: uppercase;
}

#slide_1 .learn_more {
    margin-bottom:20px;
}

/* --------------------------------------------------------------- */
/*
/* Slide 2 Mobile
/*
/* --------------------------------------------------------------- */
#slide_2 {
    position: relative; top: 0; left: 0;
    height:var(--vh);
    padding:35px 20px;
    text-align: center;
    background: url('../img/fond_slide_2.jpg');
    background-size: cover;
}

#slide_2 small {
    font-size: 12px !important;
}

#slide_2 .bouton {
    display: inline-block !important;
    text-decoration: none;
    border:1px solid #9d0a0e;
    border-radius: 10px;
    color:#9d0a0e;
    padding:7px 35px;
    font-size: 18px;
}

#slide_2 .row.vh100 {
    height: calc(var(--vh) - 70px);
}

#slide_2 h1 {
    font-family: "Prototype";
    color:#9d0a0e;
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

#slide_2 .texte_offer {
    font-size: 18px;
}

#slide_2 .texte_offer span {
    font-family: "Prototype";
    font-size: 30px;
}

#slide_2 .store {
    margin-top:15px;
}

#slide_2 .store a {
    display: block;
    margin-bottom:15px;
}

#slide_2 h1.texys {
    margin-bottom:10px;
}