/* line 5, ../sass/style.scss */

html {
    font-size: 100%;
}

/* line 8, ../sass/style.scss */

body {
    margin: auto;
    width: 1920px;
    height: 1080px;
    background-color: #2858cd;
    background-image: url("../img/futurexpo-bg.jpg");
    background-repeat: no-repeat;
    background-position: center bocenterttom;
    font-family: 'amplesoftregular', Arial, sans-serif;
    color: #fff;
}

/* line 20, ../sass/style.scss */

.main-container {
    padding-right: 15px; /* 15 */
    padding-left: 15px; /* 15 */
    margin-right: auto;
    margin-left: auto;
    height: 100%;
}

/* line 28, ../sass/style.scss */

.before:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

/* line 35, ../sass/style.scss */

.bold {
    font-family: 'amplesoftmedium', Arial, sans-serif;
}

/* line 39, ../sass/style.scss */

.light {
    font-family: 'amplesoftlight', Arial, sans-serif;
}

/* line 43, ../sass/style.scss */

.chiffre {
    font-size: 2.5rem; /* 5 */
}

/* line 46, ../sass/style.scss */

.texte {
    font-size: 1.1rem; /* 2.2 */
}

/********  Ligne 1 *********/

/* line 52, ../sass/style.scss */

.ligne1 {
    height: 25%;
}

/* line 59, ../sass/style.scss */

.test {
    height: 50px; /* 50 */
}

/* line 63, ../sass/style.scss */

.logo {
    height: 100%;
}

/* line 65, ../sass/style.scss */

.logo img {
    max-width: 100%;
}

/* line 71, ../sass/style.scss */

.phrase {
    color: #fff;
    text-align: right;
    height: 100%;
}

/* line 75, ../sass/style.scss */

.phrase .texte {
    width: 100%;
    height: 100%;
    font-size: 1.5rem; /* 3 */
    font-family: 'amplesoftextralight', Arial, sans-serif;
    line-height: 2rem; /* 4 */
    padding-top: 6%;
}

/* line 82, ../sass/style.scss */

.phrase .texte span {
    font-family: 'amplesoftregular', Arial, sans-serif;
    font-size: 3rem; /* 6 */
}

/********  Ligne 2 *********/

/* line 90, ../sass/style.scss */

.ligne2 {
    height: 8.33%;
}

/********  Ligne 3 *********/

/* line 95, ../sass/style.scss */

.ligne3 {
    height: 41.66%;
    /************* Bulle 1 *************/
    /************* Bulle 2 *************/
    /************* Bulle 3 *************/
    /************* Bulle 4 *************/
}

/* line 97, ../sass/style.scss */

.ligne3 .bulle {
    height: 100%;
    background-repeat: no-repeat;
}

/* line 100, ../sass/style.scss */

.ligne3 .bulle i {
    font-size: 6rem; /* 12 */
    display: inline-block;
    vertical-align: middle;
}

/* line 109, ../sass/style.scss */

.ligne3 .bulle1 {
    background-image: url("../img/bulle1.png");
    font-size: 2.1rem; /* 4.2 */
}

/* line 112, ../sass/style.scss */

.ligne3 .bulle1 .logo-facebook {
    height: 31%;
    padding-left: 10%;
    padding-top: 10%;
}

/* line 117, ../sass/style.scss */

.ligne3 .bulle1 .stats {
    height: 9%;
    position: relative;
}

/* line 120, ../sass/style.scss */

.ligne3 .bulle1 .stats .colPerso {
    float: left;
    height: 100%;
}

/* line 124, ../sass/style.scss */

.ligne3 .bulle1 .stats .colLeft {
    width: 59%;
    text-align: right;
}

/* line 127, ../sass/style.scss */

.ligne3 .bulle1 .stats .colLeft i {
    font-size: 1.5rem; /* 3 */
    display: inline-block;
    vertical-align: middle;
}

/* line 133, ../sass/style.scss */

.ligne3 .bulle1 .stats .colCenter {
    width: 4%;
}

/* line 136, ../sass/style.scss */

.ligne3 .bulle1 .stats .colRight {
    width: 37%;
    text-align: left;
    line-height: 1.1rem; /* 2.3 */
}

/* line 141, ../sass/style.scss */

.ligne3 .bulle1 .stats .texte1ligne {
    padding-top: 1.7rem; /* 2.5 */
}

/* line 144, ../sass/style.scss */

.ligne3 .bulle1 .stats .texte2ligne {
    padding-top: 0.5rem; /* 1 */
}

/* line 148, ../sass/style.scss */

.ligne3 .bulle1 .intervalleBulle1 {
    height: 6%;
}

/* line 151, ../sass/style.scss */

.ligne3 .bulle1 .stats2 {
    height: 4%;
    position: relative;
    font-size: 1rem; /* 2 */
}

/* line 155, ../sass/style.scss */

.ligne3 .bulle1 .stats2 .colPerso {
    float: left;
    height: 100%;
}

/* line 159, ../sass/style.scss */

.ligne3 .bulle1 .stats2 .colLeft {
    width: 53.7%;
    text-align: right;
}

/* line 162, ../sass/style.scss */

.ligne3 .bulle1 .stats2 .colLeft i {
    /*font-size: 3rem;*/
    display: inline-block;
    vertical-align: middle;
}

/* line 168, ../sass/style.scss */

.ligne3 .bulle1 .stats2 .colCenter {
    width: 9.7%;
    text-align: center;
}

/* line 172, ../sass/style.scss */

.ligne3 .bulle1 .stats2 .colRight {
    width: 36.6%;
    text-align: left;
    font-size: 0.9rem; /* 1.8 */
    vertical-align: bottom;
}

/* line 177, ../sass/style.scss */

.ligne3 .bulle1 .stats2 .colRight i {
    font-size: 0.8rem; /* 1.7 */
}

/* line 186, ../sass/style.scss */

.ligne3 .bulle2 {
    background-image: url("../img/bulle2.png");
    background-position: bottom left;
}

/* line 189, ../sass/style.scss */

.ligne3 .bulle2 .logo-twitter {
    height: 37%;
    padding-top: 31%; /* 26 */
    padding-left: 1%;
}

/* line 194, ../sass/style.scss */

.ligne3 .bulle2 .intervalleBulle2 {
    height: 3%;
}

/* line 197, ../sass/style.scss */

.ligne3 .bulle2 .stats {
    height: 9%;
    position: relative;
}

/* line 200, ../sass/style.scss */

.ligne3 .bulle2 .stats .colPerso {
    float: left;
    height: 100%;
}

/* line 204, ../sass/style.scss */

.ligne3 .bulle2 .stats .colLeft {
    width: 46%;
    text-align: right;
}

/* line 207, ../sass/style.scss */

.ligne3 .bulle2 .stats .colLeft i {
    font-size: 1.5rem; /* 3 */
    display: inline-block;
    vertical-align: middle;
}

/* line 213, ../sass/style.scss */

.ligne3 .bulle2 .stats .colCenter {
    width: 4%;
}

/* line 216, ../sass/style.scss */

.ligne3 .bulle2 .stats .colRight {
    width: 50%;
    text-align: left;
    line-height: 1.1rem; /* 2.3 */
}

/* line 221, ../sass/style.scss */

.ligne3 .bulle2 .stats .texte1ligne {
    padding-top: 1.2rem; /* 2.5 */
}

/* line 229, ../sass/style.scss */

.ligne3 .bulle3 {
    background-image: url("../img/bulle3.png");
}

/* line 231, ../sass/style.scss */

.ligne3 .bulle3 .logo-tripadvisor {
    height: 45%;
    padding-top: 45%;
    padding-left: 10%;
}

/* line 236, ../sass/style.scss */

.ligne3 .bulle3 .stats1 {
    text-align: center;
    height: 45.5%;
    padding-top: 36%;
}

/* line 241, ../sass/style.scss */

.ligne3 .bulle3 .stats2 {
    text-align: center;
    height: 12.5%;
}

/* line 245, ../sass/style.scss */

.ligne3 .bulle3 .stats3 {
    text-align: center;
    height: 8.5%;
}

/* line 248, ../sass/style.scss */

.ligne3 .bulle3 .stats3.texte {
    text-transform: uppercase;
    font-size: 1.6rem; /* 3.3 */
}

/* line 253, ../sass/style.scss */

.ligne3 .bulle3 .stats4 {
    text-align: center;
    height: 6%;
}

/* line 256, ../sass/style.scss */

.ligne3 .bulle3 .stats4 i {
    font-size: 1.3rem; /* 2.6 */
}

/* line 265, ../sass/style.scss */

.ligne3 .bulle4 {
    background-image: url("../img/bulle4.png");
    background-position: bottom center;
}

/* line 268, ../sass/style.scss */

.ligne3 .bulle4 .logo-instagram {
    height: 49%;
    padding-top: 20%;
    text-align: center;
}

/* line 273, ../sass/style.scss */

.ligne3 .bulle4 .stats {
    height: 9%;
}

/* line 275, ../sass/style.scss */

.ligne3 .bulle4 .stats .colPerso {
    float: left;
    height: 100%;
}

/* line 279, ../sass/style.scss */

.ligne3 .bulle4 .stats .colLeft {
    width: 37%;
    text-align: right;
}

/* line 282, ../sass/style.scss */

.ligne3 .bulle4 .stats .colLeft i {
    font-size: 1.5rem; /* 3 */
    display: inline-block;
    vertical-align: middle;
}

/* line 288, ../sass/style.scss */

.ligne3 .bulle4 .stats .colCenter {
    width: 4%;
}

/* line 291, ../sass/style.scss */

.ligne3 .bulle4 .stats .colRight {
    width: 59%;
    text-align: left;
    line-height: 1.1rem; /* 2.3 */
}

/* line 296, ../sass/style.scss */

.ligne3 .bulle4 .stats .texte1ligne {
    padding-top: 1.2rem; /* 2.5 */
}

/* line 304, ../sass/style.scss */

.ligne4 {
    height: 25%;
    /************* Bulle 5 *************/
    /************* Bulle 6 *************/
    /************* Bulle 7 *************/
}

/* line 306, ../sass/style.scss */

.ligne4 .bulle {
    height: 100%;
    background-repeat: no-repeat;
}

/* line 309, ../sass/style.scss */

.ligne4 .bulle i {
    font-size: 6rem; /* 12 */
}

/* line 316, ../sass/style.scss */

.ligne4 .bulle5 {
    background-image: url("../img/bulle5.png");
}

/* line 318, ../sass/style.scss */

.ligne4 .bulle5 .logo-youtube {
    height: 42%;
    padding-left: 9.3%;
    padding-top: 4%;
}

/* line 323, ../sass/style.scss */

.ligne4 .bulle5 .stats {
    height: 15%;
}

/* line 325, ../sass/style.scss */

.ligne4 .bulle5 .stats .colPerso {
    float: left;
    height: 100%;
}

/* line 329, ../sass/style.scss */

.ligne4 .bulle5 .stats .colLeft {
    width: 59%;
    text-align: right;
}

/* line 332, ../sass/style.scss */

.ligne4 .bulle5 .stats .colLeft i {
    font-size: 1.5rem; /* 3 */
    display: inline-block;
    vertical-align: middle;
}

/* line 338, ../sass/style.scss */

.ligne4 .bulle5 .stats .colCenter {
    width: 4%;
}

/* line 341, ../sass/style.scss */

.ligne4 .bulle5 .stats .colRight {
    width: 37%;
    text-align: left;
    line-height: 1.1rem; /* 2.3 */
}

/* line 346, ../sass/style.scss */

.ligne4 .bulle5 .stats .texte1ligne {
    padding-top: 1.2rem; /* 2.5 */
}

/* line 355, ../sass/style.scss */

.ligne4 .bulle6 {
    background-image: url("../img/bulle6.png");
    background-position: bottom left;
}

/* line 358, ../sass/style.scss */

.ligne4 .bulle6 .logo-googleplus {
    height: 48%;
    width: 48%;
    float: left;
    text-align: center;
    padding-top: 12%;
}

/* line 365, ../sass/style.scss */

.ligne4 .bulle6 .stats1 {
    width: 52%;
    height: 63%;
    float: left;
    padding-top: 32%;
    text-align: right;
    padding-right: 25%;
}

/* line 372, ../sass/style.scss */

.ligne4 .bulle6 .stats1 .ligTop {
    line-height: 2rem; /* 4 */
}

/* line 379, ../sass/style.scss */

.ligne4 .bulle6 .stats2 {
    clear: both;
    padding-right: 25%;
    width: 100%;
    text-align: right;
}

/* line 384, ../sass/style.scss */

.ligne4 .bulle6 .stats2 .ligTop {
    line-height: 2rem; /* 4 */
}

/* line 396, ../sass/style.scss */

.ligne4 .bulle7 {
    background-image: url("../img/bulle7.png");
}

/* line 398, ../sass/style.scss */

.ligne4 .bulle7 .logo-pinterest {
    height: 100%;
    width: 21%;
    text-align: right;
    float: left;
}

/* line 404, ../sass/style.scss */

.ligne4 .bulle7 .col1-bulle7 {
    float: left;
    width: 29%;
    padding-top: 5%;
}

/* line 408, ../sass/style.scss */

.ligne4 .bulle7 .col1-bulle7 .stats {
    height: 15%;
    width: 100%;
    float: left;
}

/* line 412, ../sass/style.scss */

.ligne4 .bulle7 .col1-bulle7 .stats .colPerso {
    float: left;
    height: 100%;
}

/* line 416, ../sass/style.scss */

.ligne4 .bulle7 .col1-bulle7 .stats .colLeft {
    width: 48%;
    text-align: right;
}

/* line 419, ../sass/style.scss */

.ligne4 .bulle7 .col1-bulle7 .stats .colLeft i {
    font-size: 1.5rem; /* 3 */
    display: inline-block;
    vertical-align: middle;
}

/* line 425, ../sass/style.scss */

.ligne4 .bulle7 .col1-bulle7 .stats .colCenter {
    width: 4%;
}

/* line 428, ../sass/style.scss */

.ligne4 .bulle7 .col1-bulle7 .stats .colRight {
    width: 48%;
    text-align: left;
    line-height: 1.1rem; /* 2.3 */
}

/* line 433, ../sass/style.scss */

.ligne4 .bulle7 .col1-bulle7 .stats .texte1ligne {
    padding-top: 1.2rem; /* 2.5 */
}

/* line 438, ../sass/style.scss */

.ligne4 .bulle7 .col2-bulle7 {
    float: left;
    width: 50%;
    padding-top: 5%;
}

/* line 442, ../sass/style.scss */

.ligne4 .bulle7 .col2-bulle7 .stats {
    height: 15%;
    width: 100%;
    float: left;
}

/* line 446, ../sass/style.scss */

.ligne4 .bulle7 .col2-bulle7 .stats .colPerso {
    float: left;
    height: 100%;
}

/* line 450, ../sass/style.scss */

.ligne4 .bulle7 .col2-bulle7 .stats .colLeft {
    width: 25%;
    text-align: right;
}

/* line 453, ../sass/style.scss */

.ligne4 .bulle7 .col2-bulle7 .stats .colLeft i {
    font-size: 1.5rem; /* 3 */
    display: inline-block;
    vertical-align: middle;
}

/* line 459, ../sass/style.scss */

.ligne4 .bulle7 .col2-bulle7 .stats .colCenter {
    width: 4%;
}

/* line 462, ../sass/style.scss */

.ligne4 .bulle7 .col2-bulle7 .stats .colRight {
    width: 71%;
    text-align: left;
    line-height: 1.1rem; /* 2.3 */
}

/* line 467, ../sass/style.scss */

.ligne4 .bulle7 .col2-bulle7 .stats .texte1ligne {
    padding-top: 1.2rem; /* 2.5 */
}

/************** Pour la partie JS ****************/

/* line 476, ../sass/style.scss */

.info-graphic {
    display: none;
}