.display-none {
    display: none;
}

#drapeau {
    display: none;
}

.text-red {
    color: #ff0000;
}

canvas {
    background-color: white;
    width: 100%;
    height: auto;
}

.btn-primary {
    color: #fff;
    background-color: #2557BC;
    border-color: #2557BC;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus {
    background-color: #265cd0;
    border-color: #265cd0;
    color: #FFFFFF;
}
.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #2557BC;
    border-color: #2557BC;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #2557BC;
    border-color: #2557BC;
}

.landing-page .btn-primary {
    background-color: #2557BC;
    border-color: #2557BC;
    color: #FFFFFF;
    font-size: 14px;
    padding: 10px 20px;
    font-weight: 600;
}
.landing-page .btn-primary:hover,
.landing-page .btn-primary:focus,
.landing-page .btn-primary:active,
.landing-page .btn-primary.active,
.landing-page .open .dropdown-toggle.btn-primary {
    background-color: #265cd0;
    border-color: #265cd0;
    color: #FFFFFF;
}
.landing-page .btn-primary:active,
.landing-page .btn-primary.active,
.landing-page .open .dropdown-toggle.btn-primary {
    background-image: none;
}
.landing-page .btn-primary.disabled,
.landing-page .btn-primary.disabled:hover,
.landing-page .btn-primary.disabled:focus,
.landing-page .btn-primary.disabled:active,
.landing-page .btn-primary.disabled.active,
.landing-page .btn-primary[disabled],
.landing-page .btn-primary[disabled]:hover,
.landing-page .btn-primary[disabled]:focus,
.landing-page .btn-primary[disabled]:active,
.landing-page .btn-primary.active[disabled],
.landing-page fieldset[disabled] .btn-primary,
.landing-page fieldset[disabled] .btn-primary:hover,
.landing-page fieldset[disabled] .btn-primary:focus,
.landing-page fieldset[disabled] .btn-primary:active,
.landing-page fieldset[disabled] .btn-primary.active {
    background-color: #2557BC;
    border-color: #2557BC;
}


.landing-page span.navy {
    color: #2557BC;
}
.landing-page a.navy-link {
    color: #2557BC;
    text-decoration: none;
}
.landing-page a.navy-link:hover {
    color: #265cd0;
}
.landing-page .navy-line {
    width: 60px;
    height: 1px;
    margin: 60px auto 0;
    border-bottom: 2px solid #2557BC;
}
.landing-page .navbar-default .navbar-nav > .active > a,
.landing-page .navbar-default .navbar-nav > .active > a:hover {
    background: transparent;
    color: #fff;
    border-top: 6px solid #2557BC;
}
.landing-page .navbar-default .navbar-nav > li > a:hover,
.landing-page .navbar-default .navbar-nav > li > a:focus {
    color: #b3d2ff;
    background: inherit;
}
.landing-page .navbar-default .navbar-nav > .active > a:focus {
    background: transparent;
    color: #fff;
}
.landing-page .navbar-default .navbar-nav > .active > a:focus {
    background: transparent;
    color: #ffffff;
}
.landing-page .navbar-default.navbar-scroll .navbar-nav > .active > a:focus {
    background: transparent;
    color: inherit;
}
.landing-page .navbar-default .navbar-brand:hover,
.landing-page .navbar-default .navbar-brand:focus {
    background: #265cd0;
    color: #fff;
}
.landing-page .navbar-default .navbar-brand {
    color: #fff;
    height: auto;
    display: block;
    font-size: 14px;
    background: #2557BC;
    padding: 15px 20px 15px 20px;
    border-radius: 0 0 5px 5px;
    font-weight: 700;
    transition: all 0.3s ease-in-out 0s;
    margin-top: -16px;
}

.landing-page .navbar-scroll.navbar-default .nav li a:hover {
    color: #265cd0;
}
.landing-page .navbar-default .navbar-nav > li .nav-link.active,
.landing-page .navbar-default .navbar-nav > li .nav-link.active:hover {
    border-top: 6px solid #265cd0;
}
.landing-page .navbar-fixed-top {
    border: none !important;
}



.landing-page .features small {
    color: #2557BC;
}
.landing-page .features-icon {
    color: #2557BC;
    font-size: 40px;
}
.landing-page .navy-section {
    margin-top: 60px;
    background: #2557BC;
    color: #fff;
    padding: 20px 0;
}
.landing-page .social-icon a {
    background: #2557BC;
    color: #fff;
    padding: 4px 8px;
    height: 28px;
    width: 28px;
    display: block;
    border-radius: 50px;
}
.landing-page .social-icon a:hover {
    background: #265cd0;
}
.landing-page .pricing-plan .pricing-price span {
    font-weight: 700;
    color: #2557BC;
}
.landing-page li.pricing-desc {
    font-size: 13px;
    border-top: none;
    padding: 20px 16px;
}
.landing-page li.pricing-title {
    background: #2557BC;
    color: #fff;
    padding: 10px;
    border-radius: 4px 4px 0 0;
    font-size: 22px;
    font-weight: 600;
}
.landing-page .testimonials {
    padding-top: 80px;
    padding-bottom: 90px;
    background-color: #2557BC;
    background-image: url('../img/landing/avatar_all.png');
}
.landing-page .big-icon {
    font-size: 56px !important;
}
.landing-page .features .big-icon {
    color: #2557BC !important;
}

.text-navy {
    color: #2557BC !important;
}

.pace .pace-progress {
    background: #2557BC;
    position: fixed;
    z-index: 2040;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px;
}


.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active,
.open .dropdown-toggle.btn-link {
    color: #2557BC;
    text-decoration: none;
}

.sweet-alert .sa-icon.sa-success {
    border-color: #2557BC; }
.sweet-alert .sa-icon.sa-success .sa-placeholder {
    width: 80px;
    height: 80px;
    border: 4px solid rgba(37, 87, 188, 0.2);
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2; }

.sweet-alert .sa-icon.sa-success .sa-line {
    height: 5px;
    background-color: #2557BC;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2; }

.navbar-toggler {
    background-color: #2557BC;
    color: #fff;
    padding: 6px 12px;
    font-size: 14px;
    margin: 8px;
}


.landing-page .header-back.metro {
    background: url('../img/landing/entete_metro.jpg') 50% 0 no-repeat;
}
.landing-page .header-back.tramway {
    background: url('../img/landing/entete_tramway.jpg') 50% 0 no-repeat;
}

.landing-page .header-back.nouvelles {
    background: url('../img/landing/entete_nouvelles.jpg') 50% 0 no-repeat;
}

.landing-page .header-back.vitesse {
    background: url('../img/landing/entete-vitesse-4.jpg') 50% 0 no-repeat;
}

.landing-page .header-back.prix {
    background: url('../img/landing/entete-prix-6.jpg') 50% 0 no-repeat;
}

.landing-page .header-back.accident {
    background: url('../img/landing/entete_accident.jpg') 50% 0 no-repeat;
}

.landing-page .header-back.suspect {
    background: url('../img/landing/entete-zero-evaluation-metro.jpg') 50% 0 no-repeat;
}


.landing-page .header-back.impacts {
    background: url('../img/landing/entete-impacts.jpg') 50% 0 no-repeat;
}

.landing-page .header-back.gare {
    background: url('../img/landing/entete_gare-du-palais.jpg') 50% 0 no-repeat;
}
.landing-page .header-back.metro {
    background: url('../img/landing/entete_metro.jpg') 50% 0 no-repeat;
}

.landing-page .header-back.metro-securite {
    background: url('../img/landing/entete-metro-0-accident.jpg') 50% 0 no-repeat;
}

.landing-page .header-back.metroval {
    background: url('../img/landing/entete-metro3-val.jpg') 50% 0 no-repeat;
}

.landing-page .header-back.hiver {
    background: url('../img/landing/entete-tram-hiver-h.jpg') 50% 0 no-repeat;
}


.landing-page .header-back.tunnel {
    background: url('../img/landing/entete-tunnel.jpg') 50% 0 no-repeat;
}

.landing-page .header-back.qbourgeois {
    background: url('../img/landing/entete-4bourgeois.jpg') 50% 0 no-repeat;
}

.landing-page .header-back.cityval {
    background: url('../img/landing/entete-cityval.jpg') 50% 0 no-repeat;
}

.landing-page .header-back.cityval2 {
    background: url('../img/landing/entete-cityval-quebec.jpg') 50% 0 no-repeat;
}

.landing-page .header-back.cityval21 {
    background: url('../img/landing/entete-cityval-quebec21-h.jpg') 50% 0 no-repeat;
}

.landing-page .header-back.tunnellevis {
    background: url('../img/landing/entete-tunnel-levis.jpg') 50% 0 no-repeat;
}

.landing-page .header-back.viaduc {
    background: url('../img/landing/entete-viaduc.jpg') 50% 0 no-repeat;
}

.landing-page .header-back.cityvalinterieur {
    background: url('../img/landing/entete-cityval-interieur.jpg') 50% 0 no-repeat;
}

.landing-page .header-back.densite {
    background: url('../img/landing/entete-densite.jpg') 50% 0 no-repeat;
}

.landing-page .header-back.video360 {
   
}

.landing-page .gray-section-light {
    background: #fafafa;
    margin-top: 60px;
}

.landing-page .carousel-caption h1,
.landing-page .carousel-caption p {
    text-shadow: 0px 0px 20px black;
}


.youtube { frameborder: 0; }

.landing-page .video360padding {
    padding-top: 50px;
}


.icon-red {
    color: #ff0000 !important;
}

.red-link {
    color: #ff0000 !important;
}

.landing-page .red-line {
    width: 60px;
    height: 1px;
    margin: 60px auto 0;
    border-bottom: 2px solid #ff0000;
}