/* OVERWRITE CSS RULES */
.btn:hover {
    color: inherit
}

.md-form .prefix ~ input, .md-form .prefix ~ textarea {
    margin-left: 2.5rem;
    width: -webkit-calc(100% - 2.5rem);
    width: calc(100% - 2.5rem);
}

label a {
    display: inline;
    text-decoration: underline;
}

[type=checkbox] + label, [type=radio] + label {
    position: relative;
    cursor: pointer;
    display: inline-block;
}

#form-demande-devis input {
    background: none !important;
    box-shadow: none;
    outline: none;
}

[type=checkbox]:checked + label:before {
    top: -4px;
    left: -3px;
    width: 12px;
    height: 22px;
    border-style: solid;
    border-width: 2px;
    border-color: transparent #00C851 #00C851 transparent;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

#toast-container > div {
    width: auto;
}

.toast-message {
    font-size: 1.4rem
}

.side-nav .collapsible a {
    font-size: 1rem;
    height: auto;
    line-height: 24px
}

.side-nav .collapsible i {
    vertical-align: middle;
    position: absolute;
    right: 0;
}

.side-nav .collapsible > li {
    border-radius: inherit
}

.side-nav .collapsible-body a {
    padding-left: .5rem;
    background-color: transparent;
    line-height: 1rem;
}

.side-nav .collapsible-body li {
    padding: 1rem 0;
}

.side-nav .collapsible > li a.collapsible-header.active {
    border-bottom: 1px solid white;
}

.collapsible-body {
    background-color: rgba(255, 255, 255, .15);
}

.navbar.scrolling-navbar.off-canvas.fixed {
    background-color: black
}

.side-nav {
    width: 80%;
}

#slide-out a {
    height: auto;
    font-size: 1.4rem;
    padding: .3rem 0
}

#slide-out ul.collapsible li {
    padding: .7rem 0;
}

#slide-out ul.collapsible li a {
    text-transform: uppercase;
}

#slide-out ul li.logo-sn {
    height: auto;
}

#slide-out .collapsible-body {
    padding: .5rem 0;
}

#slide-out .collapsible-body a {
    padding: .4rem 0
}

/* CSS SITE */

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialicons/v42/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

html {
    font-size: 62.5%;
}

body {
    font-size: 1.4rem;
    font-weight: 300;
    font-family: 'Cabin', sans-serif;
    height: 100%;
    background: black;
    color: white;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}

:root {
    overflow-x: hidden; /* height: 100%;*/
}

main, header, footer {
    width: 100%
}

main {
    /*background: #fff;*/
    transition: padding-left .2s cubic-bezier(.4, 0, .2, 1);
    box-sizing: border-box;
}

.navbar-nav a.nav-link {
    color: black;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

.side-nav {
    box-shadow: none;
}

h1, h2, h3, h4, h5, a {
    color: #414247;
}

h1 {
    font-size: 1.75rem;
}

h2 {
    font-size: 1.5rem;
}

h3 {
    font-size: 1.25rem;
}

h4 {
    font-size: 1rem;
}

h5 {
    font-size: 0.75rem;
}

b, strong {
    font-weight: 700;
}

button, button:focus {
    outline: none
}

button.close {
    cursor: pointer;
}

.js div#preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 500000;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: #1d4f6d url('../img/ring-alt.svg') no-repeat center center;
}

header .side-nav { /*background: linear-gradient(0deg, #64cbef, #6b7ff5);*/
    background: white;
}

header .side-nav .logo-wrapper, header .side-nav .logo-wrapper a {
    height: 200px;
}

header .side-nav .collapsible > li a.collapsible-header.active, header .side-nav .collapsible > li a.collapsible-header:hover {
    background-color: rgba(0, 0, 0, .15);
    border-radius: 0;
}

header .side-nav .collapsible a {
    letter-spacing: 0.1px;
    padding-left: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 400;
    color: black;
}

header .side-nav .collapsible a.active, header .side-nav .collapsible a:hover, header .side-nav .collapsible > li {
    border-radius: 0;
    color: black;
}

header .side-nav .collapsible > li.active {
}

header .side-nav .collapsible > li.active a.active {
    font-weight: 700;
}

header .side-nav .collapsible .collapsible-body a {
    text-transform: none;
    font-size: 1.4rem;
}

header .side-nav .collapsible .collapsible-body li a:hover {
    background-color: rgba(0, 0, 0, .25);
}

header .side-nav a {
    font-stretch: 100%;
}

header .side-nav .logo-sn a {
    height: auto;
}

header .side-nav .logo-sn a img {
    margin: 0 auto;
    max-width: 50%;
}

header .side-nav .collapsible .material-icons {
    vertical-align: middle;
}

header .side-nav .material-icons.rotate-icon {
    position: absolute;
    right: 0;
    top: 0px;
    margin-right: 10px;
    line-height: 36px;
}

.fixed-action-btn-new {
    bottom: 0px;
    left: 0px;
    right: 0px; /*height:80px;*/
}

.fixed-action-btn-new.lien-menu {
    width: 100%;
}

.side-nav .fixed-action-btn-new.lien-menu a {
    line-height: 2.3rem;
    height: auto;
}

.side-nav .fixed-action-btn-new.lien-menu a.btn-co {
    text-decoration: none;
    padding-left: 0;
    color: white;
    font-size: 1.4rem;
    font-weight: 400;
    border: 0;
}

.btn-outline-white {
    border: 1px solid #fff;
    color: #fff !important;
    background-color: transparent;
}

.acces-rapide .btn {
    text-transform: none;
    font-size: 1.3rem;
    letter-spacing: 1px;
    background: #fff;
    padding: 0.5rem 2rem;
    color: #082053 !important;
}

.acces-rapide .btn span:after {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    color: #082053;
    content: 'arrow_forward';
    position: absolute;
    right: -1px;
    border: 3px solid #082053;
    border-radius: 50%;
    top: 0;
}

.dropdown-toggle:after {
    content: '';
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline;
    white-space: nowrap;
    word-wrap: normal;
    color: white;
    width: 20px;
    position: absolute;
    right: 0;
    top: -4px;
    border: 0;
    margin: 0;
    transition: transform 250ms;
}

/*
header .dropdown-toggle.active:before, header .nav-link:hover:before, header .nav-item.dropdown.show .nav-link:before {
    width: 100%;
    height: 10px;
    bottom: 0;
    position: absolute;
    left: 0;
    background: rgba(255, 176, 100, 0.84);
    border-radius: 1px;
    display: block;
    content: '';
    opacity: 0.4;
}
*/
.block-menu-logo {
    justify-content: space-between !important;
}

.navbar.navbar-light .navbar-nav .nav-item .nav-link {
    /*padding-right: 2rem!important;*/
    font-size: 1.3rem;
    text-transform: uppercase;
}

.navbar .nav-item .nav-link {
    display: inline-flex;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.2em;
}

.navbar .nav-item .nav-link:hover {
    color: #B2226D
}

.navbar .dropdown-menu a {
    font-size: 1rem;
    color: #fff !important;
}

.navbar.navbar-light .breadcrumb .nav-item .nav-link:hover, .navbar.navbar-light .navbar-nav .nav-item .nav-link:hover, header .navbar.navbar-light .navbar-nav .nav-item.show .nav-link {
    color: #B2226D;
}

.dropdown .dropdown-menu {
    margin-top: 10px;
    border-radius: 1rem;
    border: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}

.dropdown .dropdown-menu .dropdown-menu-main {
    background-color: #fff;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

.dropdown .dropdown-menu > div {
    padding: 1rem;
}

.navbar-expand-lg .navbar-nav .dropdown-menu { /*width: 400px;*/
    top: 25px;
    background: #fff;
}

.navbar .dropdown-menu a {
    color: #4a4a4a !important;
    font-size: 1.6rem;
}

ul.dropdown-menu-first {
    list-style-type: none;
    padding: 0;
}

.dropdown-menu:after {
    position: absolute;
    left: 50%;
    margin-left: -20px;
    top: -8px;
    width: 0;
    height: 0;
    content: '';
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #fff;
}

.dropdown .dropdown-menu .dropdown-item {
    font-size: 1.4em;
    font-weight: 400;
    text-transform: uppercase;

}

.dropdown .dropdown-menu .dropdown-item .dropdown-item-sstitre {
    font-size: 1.2rem;
}

.dropdown .dropdown-menu .titre-module {
    font-size: 1.6rem;
    color: #082053;
    font-weight: 500;
}

.dropdown .dropdown-menu .dropdown-item:hover span {
    color: #B2226D
}

.breadcrumb {
    background: transparent
}

/*.fixed-action-btn-new.lien-menu .btn {padding: 0;}*/
.dropdown .dropdown-menu.dropdown-primary .dropdown-item:active, .dropdown .dropdown-menu.dropdown-primary .dropdown-item:hover {
    background-color: transparent !important;
    box-shadow: none;
    color: rgba(0, 0, 0, 1) !important;
}

.navbar.navbar-light .navbar-toggler a i, header.header-hp .navbar.navbar-light.nav-down .navbar-toggler a i {
    font-size: 3.6rem;
    color: #fff;
}

header.header-hp .navbar.navbar-light .navbar-toggler a i {
    color: white;
}

header.header-hp .navbar.scrolling-navbar.off-canvas.fixed .navbar-toggler a i {
    color: #082053;
}

header .side-nav ul li.menu-item {
    border-bottom: 1px solid rgba(17, 46, 64, 0.25);
}

.btn.btn-co {
    background-image: linear-gradient(-90deg, #FFB064 0%, #FF8A64 100%);
    box-shadow: 0 3px 15px 0 rgba(255, 176, 100, 0.43);
    font-size: 1.4rem;
    color: #fff !important;
    padding: 1rem 2.5rem;
    border: 0;
}

.fixed-action-btn-new.lien-menu ul {
    bottom: 20px;
}

header .button-mobile a.btn {
    box-shadow: none;
    font-size: 1.4rem;
}

header .button-mobile a.btn .material-icons {
    font-size: 2.4rem;
    margin: 0;
    vertical-align: middle;
}

header .double-nav .button-mobile .button-collapse {
    left: 0;
}

header nav.navbar {
    background-color: transparent;
    box-shadow: none;
}

.navbar-light .navbar-brand {
    z-index: 9999
}

header nav.scrolling-navbar.top-nav-collapse.nav-up {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1), 0 0px 10px 0 rgba(0, 0, 0, .1);
    background-color: rgba(255, 255, 255, 1); /*animation: fadeInDown 100ms;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);*/
}

.navbar.scrolling-navbar.off-canvas .entete-header {
    transform: translateY(-100%);
}

.navbar.scrolling-navbar.off-canvas.fixed .navbar-brand img {
    transition: width .3s, height .3s;
    width: 70%;
}

.navbar.scrolling-navbar.off-canvas.fixed .container {
    padding-top: .5rem !important;
}

header.not-hp {
    min-height: 140px;
}

header.not-hp nav {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1), 0 0px 10px 0 rgba(0, 0, 0, .1);
    z-index: 999;
    background: white;
    transform: translateY(0%);
}

header.not-hp ~ main {
    margin-top: 2rem;
}

.navbar.scrolling-navbar.off-canvas {
    transform: translateY(-100%);
}

.navbar.scrolling-navbar.off-canvas.fixed {
    transform: translateY(-40px);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1), 0 0px 10px 0 rgba(0, 0, 0, .1);
    /*background-color: rgba(0, 0, 0,);*/
    border-bottom: 1px solid #fff;
}

.entete-header, .navbar.scrolling-navbar.off-canvas .entete-header {
    color: #414247;
    font-size: 1.4rem;
    line-height: 1rem;
}

.entete-header a, header.header-hp .navbar.scrolling-navbar.off-canvas .entete-header a, header.header-hp .navbar.scrolling-navbar.off-canvas .titre-follow, .titre-follow {
    color: #005FA2;
}

header.header-hp .entete-header, header.header-hp .entete-header a, header.header-hp .titre-follow {
    color: white;
}

header .entete-header a:hover {
    color: #FF8A64;
}

header.header-hp .entete-header .choix-langue i {
    color: white;
}

header.header-hp .nav-down .entete-header .choix-langue i, header.header-hp .navbar.scrolling-navbar.off-canvas.fixed .nav-item .nav-link {
    color: #414247;
}

/*header.not-hp .navbar.navbar-light .navbar-nav .nav-item .nav-link, header.not-hp .dropdown-toggle:after {color: #082053;}*/
header .navbar.navbar-light .navbar-nav .nav-item .nav-link, header .dropdown-toggle:after {
    color: #fff;
}

header .navbar.navbar-light.nav-up.top-nav-collapse .navbar-nav .nav-item .nav-link, header .nav-up.top-nav-collapse .dropdown-toggle:after {
    color: #082053;
}

header nav > div {
    width: 100%;
}

header .btn-co {
    background: transparent;
    border: 1px solid white
}

.navbar {
    padding-right: 0 !important
}

/*#sidenav-overlay {background-color: rgba(0,0,0,.2)}*/
.acces-rapide a i {
    display: none;
}

.full-height header .view.intro-first .full-bg-img {
    height: 500px;
    background-size: cover;
    background: url('') no-repeat center center;
    overflow: hidden;
    position: relative;
    cursor: default;
    width: 100%;
}

.full-height header .view.intro-first.ecran-form {
    background: white;
}

.full-height.rub-fonc .view.intro-first {
    background-size: cover;
    background: url('../img/bg-rub-fonc.jpeg') no-repeat center center;
    overflow: hidden;
    position: absolute;
    cursor: default;
    width: 100%;
}

.full-height.rub-fonc .view {
    height: 100%;
}

.full-height.rub-fonc {
    height: calc(100% - 90px);
}

.full-bg-img {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.text-accueil {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.hm-gradient .full-bg-img:before {
    background: -moz-linear-gradient(0deg, rgba(0, 95, 162, 0), rgba(0, 95, 162, 1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 95, 162, 0), rgba(0, 95, 162, 1) 100%);
    background: -o-linear-gradient(0deg, rgba(0, 95, 162, 0.00) 0%, #005FA2 100%);
    background: linear-gradient(0deg, rgba(0, 95, 162, 0.00) 0%, #005FA2 100%);
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
}

.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 9999;
}

.white-text button.btn {
    font-size: 1.4rem;
    background: #082053;
}

.white-text button.btn:hover {
    background: #082053;
}

#modalYT a.lien-fermer-modal {
    position: relative;
    color: white;
    text-decoration: underline;
    width: 100%;
    text-align: center;
    display: block;
    cursor: pointer;
    z-index: 10000;
    pointer-events: auto;
}

.modal {
    padding-right: 0 !important;
}

/*.breadcrumb-item+.breadcrumb-item:before {font-family: 'Material Icons';    font-weight: normal;    font-style: normal;    font-size: 3rem;    display: inline;    color: #082053;content: 'keyboard_arrow_right';vertical-align: middle;}*/
.breadcrumb-item .active {
    color: #B2226D;
}

.breadcrumb-item a:hover span {
    color: black;
    text-decoration: underline;
}

h3.titre-rub {
    color: #4a4a4a;
    font-size: 3rem;
}

.liste-benef-fonc .titre {
    font-weight: 500;
    font-size: 2rem;
    color: #082053;
}

.liste-benef-fonc li {
    border-radius: 5px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    overflow: hidden;
    position: relative;
}

.liste-benef-fonc li:before {
    content: '';
    height: 200px;
    width: 5px;
    background-color: #082053;
    position: absolute;
    top: 0;
    left: 0px;
    display: inline;
    overflow: hidden;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.liste-benef-fonc li:after {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 3rem;
    display: inline;
    color: #082053;
    content: 'check_circle';
    position: absolute;
    top: calc(50% - 22px);
}

.liste-benef-fonc li .ss-titre-benef {
    font-weight: 500;
    font-size: 1.6rem;
    color: #082053;
}

.nav-call {
    border-bottom: 1px solid #b3b3b3;
    padding-bottom: 100px !important;
}

.liste-fonc-visu {
    margin-top: 100px !important;
}

.liste-fonc-visu div:nth-child(odd) .liste_info_left, .liste-fonc-visu:nth-child(even) .liste_info_right {
    order: 2;
}

.liste-fonc-visu:nth-child(even) .liste_info_left, .liste-fonc-visu:nth-child(odd) .liste_info_right {
    order: 1
}

.liste-fonc-visu div:nth-child(odd) .liste_info_left {
    padding-left: 3rem !important;
}

.liste-fonc-visu div:nth-child(even) .liste_info_left {
    padding-right: 3rem !important;
}

.liste-fonc-visu h3 {
    color: #082053;
    font-weight: 500;
    font-size: 1.8rem;
}

#modalYT .modal-content {
    background: transparent;
}

.intro-first .row {
    width: 100%;
}

.visu-accueil-right {
    text-align: right;
}

.white-text {
    color: #fff !important;
    position: relative;
}

.white-text h1 {
    font-size: 3rem;
    color: #fff !important;
    font-weight: 500;
}

.white-text .text-intro {
    font-size: 1.9rem;
}

.block-bouton {
    position: absolute;
    bottom: -150px;
    background-color: white;
    padding: 20px 30px;
    width: 80%;
    border: 1px solid rgba(246, 245, 245, 0.69);
    box-shadow: 0 30px 120px 0 rgba(17, 46, 64, 0.20);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.block-bouton div {
    padding-left: 135px;
}

.block-bouton a, .block-bouton a span, .block-bouton a button {
    display: inline-block;
}

.block-bouton a span {
    text-transform: uppercase;
    font-weight: 400;
}

.block-bouton a:hover span {
    color: initial;
}

.block-bouton a button {
    font-size: 1.4rem;
}

header .double-nav .button-collapse {
    margin: 0;
}

section.avantage-home h6, section.tour-produit-home h6, .logiciel-metier-home h6, .performance-home h6, .actualites-home h6, .tour-produit-full h6, .liste_info_contenu_block h6, #tarif-avantage h6 {
    color: #57B5CC;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: 500;
}

section.avantage-home h3, section.tour-produit-home h3, .logiciel-metier-home h3, .performance-home h3, .actualites-home h3, .tour-produit-full h3, .liste_info_contenu_block h3, #tarif-avantage h3 {
    font-size: 3.2rem;
    color: #082053;
    font-weight: 500;
}

section.avantage-home .flex-column-p, section.tour-produit-home .flex-column-p, .logiciel-metier-home .flex-column-p, .performance-home div.flex-column-p, .actualites-home div.flex-column-p, .tour-produit-full p.flex-column-p, #tarif-avantage p.flex-column-p {
    max-width: 70%;
}

section.avantage-home .block-avantage h2, .block-tour h2 {
    font-size: 1.8rem;
    font-weight: 500;
    text-transform: uppercase;
}

#sep {
    margin-top: -140px;
}

#sep {
    padding: 0;
    background: #F9FAFF;
}

#sep img {
    width: 100%;
    position: absolute;
}

section.avantage-home > div:last-child {
    padding-bottom: 150px;
}

.visu-accueil-right {
    padding-top: 120px;
}

.tour-produit-home {
    margin-top: 50px;
}

.visu-tablet-right {
    text-align: right;
}

.block-tour .num-info {
    font-size: 2.5rem;
    color: #57B5CC;
    text-transform: uppercase;
}

.block-tour .lien-hover-ecran, #liste-actu .lien-plus-news {
    text-transform: uppercase;
    color: #57B5CC;
    font-weight: 500;
    cursor: pointer;
}

.block-tour .lien-hover-ecran span, #liste-actu .lien-plus-news span {
    display: inline-block;
}

.block-tour .lien-hover-ecran i, #liste-actu .lien-plus-news i {
    color: white;
    background: #57B5CC;
    border-radius: 50%;
    padding: 0.2rem;
    font-size: 1.4rem;
    vertical-align: text-bottom;
}

.logiciel-metier-home, .performance-home {
    position: relative;
    overflow: hidden;
}

/*.logiciel-metier-home .row:before {background: #F9FAFF;    transform: skewY(-8deg);    content: "";    position: absolute;    width: 100%;    height: 94%;    top: 80px;      z-index: -1;}*/
.tour-produit-block > div:nth-child(3), .tour-produit-block > div:nth-child(4) {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
}

/*.carousel-multi-item .carousel-inner {width: 70%;}*/
.besoin-card p:before {
    content: "format_quote";
    padding: 0;
    color: #082053;
    margin-right: 0.25rem;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: normal;
}

/*.entete-card p {text-align:right;}*/
#liste-metier a:hover, #liste-actu a:hover {
    border-bottom: 3px solid #082053;
}

#liste-metier .testimonial-card .card-up {
    height: 300px;
}

#liste-metier .testimonial-card .avatar img, #liste-actu .testimonial-card .avatar img {
    -webkit-perspective: 1000;
    padding: 0.5rem;
    background-color: white;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    height: 64px;
    width: 62px;
}

#liste-metier .testimonial-card .avatar, #liste-actu .testimonial-card .avatar {
    height: 84px;
    width: 84px;
    margin-top: -42px;
    overflow: visible;
}

#liste-metier h4.card-title, #liste-actu h4.card-title {
    font-size: 1.8rem;
    font-weight: 500;
    color: #414247;
}

#liste-metier .card-up img, #liste-actu .card-up img {
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -moz-transform: scale(1) translateZ(0);
    -ms-transform: scale(1) translateZ(0);
    -webkit-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0);
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-perspective: 1000;
}

#liste-metier a:hover .card-up img, #liste-actu a:hover .card-up img {
    opacity: 0.5;
    transform: scale(1.2) translateZ(0);
}

#liste-metier a:hover, #liste-actu a:hover {
    color: inherit
}

.performance-home .row:before {
    background-image: linear-gradient(-180deg, #57B5CC 0%, #003C66 100%);
    transform: skewY(-8deg);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
    z-index: -1;
    opacity: 0.15
}

.performance-home .pres-2-bg {
    min-height: 400px;
    margin: 90px 0 0;
}

.performance-home .visu-smart {
    position: absolute;
    right: 0;
    top: -350px;
}

.performance-home .text-pres-smart {
    padding: 50px 0 0 0
}

.performance-home .text-pres-smart .btn {
    font-size: 1.4rem;
    margin-top: 2rem;
    margin-left: 0;
}

.performance-home .text-pres-smart p {
    margin: 2rem 0;
}

.performance-home .text-pres-smart ul, .liste_info_contenu_block .text-info-block ul {
    list-style-type: none;
    padding: 0;
}

.performance-home .text-pres-smart li, .liste_info_contenu_block .text-info-block ul li {
    margin: 1rem 0;
}

.performance-home .text-pres-smart li:before {
    content: "check";
    background: white;
    padding: 0.3rem;
    display: inline-block;
    border-radius: 50%;
    color: #57B5CC;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    margin-right: 1rem;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: normal;
    vertical-align: middle
}

.fixed-action-btn-footer {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    bottom: 24px;
    right: 24px;
    position: fixed;
    z-index: 990;
    margin-bottom: 0;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-tansform-origin: 50% 50%;
    -ms-tansform-origin: 50% 50%;
    -o-tansform-origin: 50% 50%;
}

.fixed-action-btn-footer.is-fixed {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

.fixed-action-btn-footer .btn-floating i {
    font-size: 2.4rem;
    line-height: 56px;
    font-weight: 100;
}

.fixed-action-btn-footer .btn-floating {
    width: 56px;
    height: 56px;
}

.bg-avantage-home {
    padding-top: 100px !important;
    background-size: cover;
    background: url(../img/bg-avantage-home.png) no-repeat top right;
}

.bg-avantage-home-color {
    background: -moz-linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(248, 250, 253, 0.5) 50%, rgba(255, 255, 255, 1));
    background: -o-linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(248, 250, 253, 0.5) 50%, rgba(255, 255, 255, 1));
    background: linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(248, 250, 253, 0.5) 50%, rgba(255, 255, 255, 1));
}

#liste-actu .testimonial-card .card-up {
    height: 125px;
}

#liste-actu .testimonial-card .card-up img {
    position: relative;
}

#liste-actu a:hover .card-body:after {
    opacity: 0.6;
}

#liste-actu h4.card-title {
    font-size: 2rem;
    font-weight: 400;
}

#liste-actu .cibles-avt-visu:nth-child(1) h4.card-title {
    color: #082053;
}

#liste-actu .cibles-avt-visu:nth-child(2) h4.card-title {
    color: #3ce6d0;
}

#liste-actu .cibles-avt-visu:nth-child(3) h4.card-title {
    color: #6c8ff6;
}

#liste-actu .testimonial-card .card-body {
    text-align: left;
}

#liste-actu .date-info {
    font-style: italic;
    color: #414247;
    font-size: 1.3rem;
}

#liste-actu .tags-info {
    font-size: 1.3rem;
    font-weight: 500;
}

#liste-actu .tags-info:before {
    content: "fiber_manual_record";
    padding: 0px 4px;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: normal;
    font-weight: 300;
}

footer {
    position: relative;
}

.jarallax {
    min-height: 300px;
}

#navbar-mobile-top {
    transition: all .3s ease-in;
    box-shadow: none;
}

header #slide-out ul {
    min-height: -webkit-calc(100% - 50px);
    min-height: calc(100% - 50px);
    max-height: initial;
}

.container-rub h1.titre-rub, .container-rub h2.titre-rub {
    position: relative;
    font-size: 2.1rem;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.9px;
    color: black;
}

/*.container-rub h2 {color: #57B5CC;letter-spacing: 3px;text-transform: uppercase;font-size: 1.5rem;font-weight: 500;margin-top: 3rem;}*/
.mentions-bottom .material-icons {
    vertical-align: middle
}

.mentions-bottom > *, .mentions-bottom li {
    display: inline-block;
}

.mentions-bottom ul {
    list-style-type: none;
    float: right;
    text-align: right;
}

.mentions-bottom p a:hover {
    color: #005FA2;
}

.mentions-bottom p a + a:before {
    content: "fiber_manual_record";
    padding: 0px 4px;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: normal;
    vertical-align: inherit;
}

.mentions-bottom ul li.rs-footer::before {
    color: white;
}

label#checkbox-consentement-label {
    height: auto;
    line-height: 1.7rem;
}

label.grey-text.input-error {
    color: #ff3547 !important;
}

.side-nav.fixed {
    z-index: 9999;
    height: 100%;
    overflow-y: auto
}

.scrollbar-rare-wind::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-rare-wind::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-rare-wind::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#a8edea), to(#fed6e3));
    background-image: -webkit-linear-gradient(bottom, #a8edea 0%, #fed6e3 100%);
    background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);
}

.thin::-webkit-scrollbar {
    width: 6px;
}

.bg_full {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.pos-relative-full h1 {
    font-size: 3rem;
    color: white;
}

.pos-relative-full {
    position: relative;
    width: 100%;
    text-align: center;
    top: 20%;
    color: white;
}

.pos-relative-full .txt-rub {
    max-width: 30%;
    display: inline-block;
}

.pos-relative-full .block-bouton {
    width: 40%;
}

.pos-relative-full .block-bouton div {
    padding-left: 10px;
}

.visu-absolute {
    position: relative;
    bottom: 350px;
    width: 100%;
    text-align: center;
    padding: 0;
    height: 500px;
}

.visu-absolute img {
    margin: 0 auto;
}

.tour-produit-full-onglet .tabs-wrapper, .tour-produit-full-onglet .classic-tabs, .tour-produit-full-onglet .tab-content {
    width: 100%;
}

.tour-produit-full-onglet .classic-tabs li:first-child {
    margin-left: 0;
}

.tour-produit-full-onglet .classic-tabs li a {
    color: #414247;
    font-size: 1.8rem;
    font-weight: 300;
    text-transform: none;
}

.tour-produit-full-onglet .classic-tabs li a > * {
    display: flex;
    justify-content: center !important;
    margin: 0 auto;
    padding: 0;
}

.tour-produit-full-onglet .classic-tabs li a span {
    padding-top: 1rem;
}

.tour-produit-full-onglet .classic-tabs li a:hover path, .tour-produit-full-onglet .classic-tabs li a.active path {
    fill: #57B5CC;
}

.tour-produit-full-onglet .tab-content.card {
    box-shadow: none;
}

.tour-produit-full-onglet .classic-tabs li a.active {
    border-bottom: 3px solid #082053;
    font-weight: 500
}

.tour-produit-full-onglet .classic-tabs li a {
    border-bottom: 1px solid rgba(65, 66, 71, 0.08);
}

.tour-produit-full-onglet .classic-tabs li a {
    padding: 0rem 3rem 1rem 3rem;
}

h2.titre-tab-pane {
    width: 100%;
    text-align: center;
    padding: 10rem 0;
    font-size: 3.2rem;
}

.liste_info_contenu_block .liste_info_contenu:nth-child(2) .liste_info_left {
    order: 2;
    padding-right: 0 !important;
    padding-left: 3rem !important;
}

.liste_info_contenu_block .liste_info_contenu:nth-child(2) .liste_info_right {
    order: 1;
}

.liste_info_contenu_block .text-info-block ul li:before {
    content: "check";
    background: white;
    padding: 0.3rem;
    border-radius: 50%;
    color: #57B5CC;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    margin-right: 1rem;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: normal;
    vertical-align: middle
}

.liste_info_contenu_block .text-info-block ul li {
    display: inline-block;
    width: 100%;
}

.liste_info_contenu_block .text-info-block ul {
    margin-bottom: 0;
}

.liste_info_contenu_block .text-info-block .btn {
    margin: 2rem 0 0;
    font-size: 1.4rem;
}

.liste_info_contenu_block .liste_info_contenu:nth-child(2), .liste_info_contenu_block .liste_info_contenu:nth-child(3) {
    margin-top: 8rem;
}

.liste_info_contenu_block .liste_info_contenu:nth-child(3) .liste_info_left {
    text-align: center;
}

.liste_info_contenu_block .liste_info_contenu:nth-child(3) .text-info-block {
    max-width: 50%;
    display: inline-block;
}

.liste_info_contenu_block .liste_info_contenu:nth-child(3) .text-info-block + .text-info-block {
    width: 100%;
}

.tour-produit-full-onglet.ul-fixed ul.nav.classic-tabs {
    -webkit-animation: fadeInDown 500ms;
    -moz-animation: fadeInDown 500ms;
    -ms-animation: fadeInDown 500ms;
    -o-animation: fadeInDown 500ms;
    animation: fadeInDown 500ms;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999999;
    background: white;
    left: 240px;
    width: calc(100% - 240px);
    padding: 1rem 0 2rem 0;
}

.tour-produit-full-onglet.ul-fixed .tab-pane {
    padding-top: 70px;
}

header .side-nav.ecran-left {
    background: transparent;
    width: 400px;
    overflow: hidden;
}

.text-center.margin-connex {
    padding-top: 100px;
}

.ecran-form .card-body {
    padding: 2rem 3.5rem;
}

.ecran-form .card {
    position: initial;
}

.ecran-form .block-centre {
    margin: 0 auto;
}

.ecran-form .img-fluid {
    margin: 0 auto;
}

.ecran-form .logo {
    padding-bottom: 3rem;
}

.ecran-form .md-form {
    padding-top: 1rem;
}

.ecran-form .md-form label {
    font-size: 1.4rem;
    bottom: 0;
    top: auto;
    width: calc(100% - 2.5rem);
}

.ecran-form .md-form label strong {
    color: #FF8A64;
}

.ecran-form .md-form label.active {
    -webkit-transform: translateY(-120%);
    -ms-transform: translateY(-120%);
    transform: translateY(-120%);
    font-size: 1rem;
}

.ecran-form .md-form .prefix {
    left: 0;
    width: auto;
    font-size: 2rem;
}

.ecran-form .md-form .prefix.grey-text {
    margin-top: 0.2rem;
}

.ecran-form .md-form input.form-control {
    margin-top: 0;
    padding: 1rem 0 0 0;
    margin-bottom: 0;
    font-size: 1.4rem;
}

.ecran-form .card .card-body h3 {
    padding: 0;
    font-size: 1.8rem
}

.ecran-form .card .card-body span.intro-span {
    padding-top: 1rem;
    font-weight: 400;
    font-size: 1.2rem;
    max-width: 70%;
    display: inline-block;
    color: #9e9e9e;
}

.ecran-form .btn {
    font-size: 1.6rem;
}

.ecran-form form {
    margin: 2rem 0;
}

.ecran-form form .button-sub {
    margin: 0;
}

.ecran-form .oubli-mdp {
    padding: 2rem 0 0;
    font-size: 1.3rem;
}

.ecran-form .oubli-mdp a {
    color: #1C1819;
}

.ecran-form .oubli-mdp a:hover {
    text-decoration: underline;
}

.no-account {
    padding-top: 2rem;
}

.no-account a, a.lien-cgv {
    color: black;
}

.no-account a:hover, a:hover.lien-cgv {
    text-decoration: underline;
}

.classic-tabs {
    border-radius: 0;
}

.ecran-form .md-form .select-wrapper {
    margin-left: 3rem;
    width: calc(100% - 3rem);
    font-size: 1.4rem;
}

.ecran-form .select-wrapper input.select-dropdown {
    font-size: 1.4rem;
    color: #757575;
}

.ecran-form .select-wrapper span.caret {
    display: none;
}

.ecran-form .dropdown-content li > a, .ecran-form .dropdown-content li > span {
    font-size: 1.4rem;
}

.ecran-form .dropdown-content li {
    line-height: 2rem;
}

.ecran-form .dropdown-content li > span {
    padding: 1rem;
}

.ecran-form [type=checkbox] + label {
    padding-left: 2.4rem;
}

.ecran-form .md-form input.form-control.input-error, .select-wrapper input.select-dropdown.input-error {
    border-bottom: 1px solid #ff3547;
    box-shadow: 0 1px 0 0 #ff3547;
}

.ecran-form .md-form input.form-control.input-error:focus {
    border-bottom: 1px solid #4285F4;
    box-shadow: 0 1px 0 0 #4285F4;
}

.select-wrapper input.select-dropdown.input-error.active {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    border: 0;
}

[type=checkbox] + label.input-error:before {
    border: 1.5px solid #ff3547;
}

[type=checkbox]:checked + label.input-error:before {
    border-color: transparent #4285F4 #4285F4 transparent;
}

.grecaptcha-badge {
    display: none;
}

.full-height.page-annuaire {
    height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
}

#overlay-txt {
    position: absolute;
    top: 0;
    left: 0;
    background: #1D4F6D;
    opacity: 0.4;
    width: 100%;
    height: 100%;
}

.page-tarif .pos-relative-full {
    top: 30%;
}

.page-tarif .txt-rub .btn {
    font-size: 1.4rem;
}

.full-height.page- .white-text .text-intro {
    width: 50%;
    margin: 0 auto;
}

main.main-tarif > section {
    padding-top: 5rem;
    position: relative;
}

main.main-tarif {
    background: transparent;
}

.tour-produit-full.block-tarification p.flex-column-p {
    max-width: 100%;
}

.switch-price {
    font-weight: 500;
}

.switch.switch-price label .lever {
    margin-left: 5px;
}

.switch-price.switch label input[type=checkbox]:checked + .lever {
    background-color: rgba(51, 181, 229, 0.5);
}

.switch-price.switch label input[type=checkbox]:checked + .lever:after {
    background-color: #33b5e5;
}

.block-tarification ul {
    list-style-type: none;
    padding: 0;
}

.block-tarification li {
    display: inline-block;
    margin: 0.5rem 0;
}

#block-tarification-left {
    border-top: 8px solid #082053;
    background: white;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.10);
    border-radius: 4px;
    padding-bottom: 6rem;
}

#first-price span {
    display: block;
}

#first-price .tarif-orange {
    font-size: 2.8rem;
    color: #E85608;
    font-weight: 600;
}

#first-price span {
    color: #261ff0;
    font-weight: 500;
    font-size: 2.5rem;
}

#first-price span.ss-titre {
    font-size: 1.3rem;
    color: #808183;
    font-weight: 400;
}

#grille-price {
    text-align: left;
}

#grille-price .prix-nbr {
    font-size: 1.6rem;
}

#grille-price .prix-nbr span {
    font-weight: 500;
}

#grille-price .prix-user {
    position: relative;
}

#grille-price .prix-user .prix-user-tarif {
    color: #1D4F6D;
    font-weight: 500;
    font-size: 1.8rem;
}

/*#grille-price .prix-user .prix-user-tarif:after {content: "euro_symbol";color:#1D4F6D;margin-right: 0;font-family: 'Material Icons';font-weight: normal;font-style: normal;font-size: 1.3rem;line-height: 1;letter-spacing: normal;vertical-align:middle}*/
#grille-price .prix-user .mention-user {
    position: relative;
    bottom: -10px;
    font-size: 1.3rem;
    color: #4A4A4A;
}

#grille-price .prix-user .mention-user:before {
    content: "/";
    color: #4A4A4A;
    margin: 0 0.3rem;
    font-weight: 300;
    font-style: normal;
    font-size: 2.5rem;
    letter-spacing: normal;
    vertical-align: baseline
}

#simu-prix-titre span {
    font-size: 3.2rem;
    color: #414247;
}

#simu-prix-titre p {
    color: #414247;
}

#simu-prix-slider span {
    color: #414247;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 4.2rem;
    display: inline-block;
}

.block-result-prix-control {
    visibility: hidden;
    transition: visibility 0.3s linear, opacity 0.8s linear;
    opacity: 0;
    background: #F9FAFF;
    width: 30%;
}

.block-result-prix-control.show {
    visibility: visible;
    opacity: 1;
    margin: 2rem 0 0 0;
    border: 1px solid rgba(246, 245, 245, 0.69);
    border-radius: 4px;
}

#client-tarif {
    font-weight: 500;
    font-size: 1.6rem;
}

#client-tarif i, #client-tarif a {
    font-weight: 400;
    font-size: 1.2rem;
    font-style: normal;
}

#client-tarif a {
    text-decoration: underline;
}

.block-bouton-tarif div {
    font-weight: 500;
    text-transform: uppercase;
    width: 50%;
    background: white;
    display: inline-block;
    padding: 3rem;
    border: 1px solid rgba(246, 245, 245, 0.69);
    box-shadow: 0 30px 120px 0 rgba(17, 46, 64, 0.20);
    border-radius: 4px;
}

.block-bouton-tarif .btn {
    font-size: 1.4rem;
    font-weight: 400;
}

.block-bouton-tarif {
    position: absolute;
    bottom: -80px;
    left: 0;
}

.tableau-tarif {
    margin-top: 12rem;
}

.tableau-tarif div:first-child {
    border-right: 1px solid rgba(246, 245, 245, 0.69);
}

.tableau-tarif h2 {
    color: #57B5CC;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: 500;
    margin-top: 3rem;
}

.tableau-tarif .ligne-tableau-tarif {
    border-bottom: 1px solid rgba(65, 66, 71, 0.08);
}

.tableau-tarif ul {
    margin-top: 1rem;
}

.tableau-tarif h3 {
    font-size: 2.5rem;
    font-weight: 600;
}

#tarif-avantage {
    margin-top: 8rem;
    background: white;
}

#call-franchise {
    margin: 1rem 0 15rem 0;
}

#call-franchise #sep {
    height: 570px;
    position: absolute;
    top: 40px;
    left: -277px;
    width: 150%;
    overflow: hidden;
    background: transparent;
    margin-top: 0;
}

#call-franchise #sep img {
    position: relative;
}

.button-show-info, .button-psswd {
    position: absolute;
    right: 0;
    cursor: pointer;
    bottom: 0px;
    color: #9e9e9e !important;
}

.button-show-info i {
    font-size: 2rem;
}

.tooltip {
    font-size: 1.3rem;
}

#call-franchise .block-footer-avant {
    width: 80%;
    left: 10%;
    top: 20px;
}

#call-franchise + div.flex-column {
    margin-top: 30rem;
}

#89-liste_info {
    display: none !important;
}

#tarif-avantage .liste_info_contenu_block .liste_info_contenu:nth-child(2), #tarif-avantage .liste_info_contenu_block .liste_info_contenu:nth-child(3) {
    margin-top: 0;
}

#tarif-avantage .liste_info_contenu_block .liste_info_contenu:nth-child(3) .text-info-block {
    max-width: 100%;
    display: block;
}

#tarif-avantage .block-avt {
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.10);
    border-radius: 3px;
}

#tarif-avantage .liste_info_contenu .block-avt h6 {
    font-size: 1.4rem;
    color: #414247;
    text-transform: none;
    letter-spacing: 0;
}

#tarif-avantage .text-info-block.font-medium {
    font-size: 1.3rem;
}

.corps-actu {
    padding: 1.5em 1.5em 0;
    -ms-word-wrap: break-word;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    -webkit-hyphenate-before: 2;
    -webkit-hyphenate-after: 3;
    hyphenate-lines: 3;
}

.corps-actu .intro-actu {
    font-size: 2.5rem;
    line-height: 4rem;
    font-weight: 300;
}

.blog_detail .actualites-home h3 {
    font-weight: 600;
}

.blog_detail .actualites-home div.flex-column-p {
    max-width: 100%;
}

.blog_detail .actualites-home .texte-actu h2 {
    font-weight: 600;
    font-size: 2rem;
    line-height: 3rem;
}

.blog_detail .actualites-home .texte-actu p + h2 {
    margin-top: 3rem;
}

.blog_detail .actualites-home .texte-actu p {
    margin-bottom: 3rem;
}

.blog_detail .actualites-home .texte-actu a {
    color: #33b5e5;
}

.blog_detail .actualites-home .texte-actu a:hover {
    text-decoration: underline;
}

main.blog_detail {
    position: relative;
}

main.blog_detail .button-back {
    padding-left: 100px;
}

main.blog_detail .button-back a {
    color: #33b5e5;
    font-size: 1.5rem;
}

main.blog_detail .button-back a::before {
    content: "keyboard_arrow_left";
    color: #33b5e5;
    margin-right: 0.3rem;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: normal;
    vertical-align: middle
}

main.blog_detail .button-back a:hover span {
    text-decoration: underline;
}

#form-contact textarea.md-textarea {
    font-size: 1.4rem;
}

#form-contact textarea.md-textarea + label {
    top: 15px;
}

#form-contact textarea.md-textarea + label.active {
    transform: translateY(-20%)
}

ul.contact-icons {
    list-style-type: none;
    padding: 0;
    text-align: center;
}

ul.contact-icons i {
    color: #1d4f6d;
}

#recaptcha {
    display: none;
}

#form-contact button {
    display: inline-block;
    max-width: 30%;
}

input[type=range] {
    -webkit-appearance: none;
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 10px;
    background: #F1F1F1;
    border: none;
    border-radius: 5px;
}

input[type=range]::-moz-range-track {
    width: 100%;
    height: 10px;
    background: #F1F1F1;
    border: none;
    border-radius: 5px;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background: #33b5e5;
    margin-top: -10px;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4);
}

input[type=range]::-moz-range-thumb {
    -webkit-appearance: none;
    border: none;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background: #33b5e5;
    margin-top: -10px;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4);
}

input[type=range]:focus {
    outline: none;
}

input[type=range]:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: rgba(51, 181, 229, 0.5);
}

input[type=range]:focus::-moz-range-track {
    background: rgba(51, 181, 229, 0.5);
}

.modal-dialog.modal-dialog-centered .modal-header {
    background-color: #B2226D;
    color: white;
    text-align: left;
    margin: 0;
    border-radius: 0;
}

.modal-dialog.modal-dialog-centered .modal-header h4.title {
    color: white;
    font-size: 1.4rem;
    text-transform: uppercase;
    font-weight: bold;
}

.modal-dialog .close {
    color: black;
    opacity: 1;
    font-size: 3rem;
}

.modal-dialog .md-form-titre {
    text-transform: uppercase;
    font-weight: 600;
    background: #000;
    color: white;
}

#form-inscription .md-form {
    width: 49%;
    display: inline-block;
}

#form-contact .md-form {
    width: 48%;
}

.md-form input:required + label:after, .md-form textarea:required + label:after {
    content: 'star';
    position: absolute;
    right: 0;
    top: 0;
    color: #ff1744;
    width: 15px;
    font-family: "Material Icons";
    text-rendering: optimizeLegibility;
    opacity: 1;
}

#form-inscription .md-form.full {
    width: 98%;
}

.md-form textarea.md-textarea.no-border-bottom, .md-form textarea:focus.md-textarea.no-border-bottom {
    border-bottom: 0;
    box-shadow: none;
}

#form-contact .md-form.full {
    width: 96%;
}

form button.btn-valid-modal {
    display: inline;
    width: 50%;
    background-color: #00c853;
}

.arrow-down-accueil {
    position: relative;
    bottom: 7rem;
    width: 100%;
    text-align: center;
}

.arrow-down-accueil .scroll-icon {
    display: flex;
    height: 2em;
    width: 1.2em;
    font-size: 22px;
    color: #fff;
    border-radius: 2em;
    border: solid 2px;
    transition: .4s;
    margin: auto;
    position: relative;
}

.scroll-icon::before {
    content: '';
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-radius: 50%;
    animation: scroll-icon 2.2s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
    position: absolute;
    top: 15px;
    left: 9px;
}

.scroll-icon::after {
    width: 100%;
    font-family: 'Material Icons';
    content: "keyboard_arrow_down";
    font-size: 2rem;
    color: #fff;
    bottom: -25px;
    position: absolute;
    left: 0;
}

input[type=range] {
    cursor: pointer;
    position: relative;
    background-color: transparent;
    border: none;
    outline: 0;
    width: 100%;
    margin: 15px 0;
    padding: 0;
    -webkit-appearance: none;
    border: 1px solid #fff;
}

input[type=range] + .thumb {
    position: absolute;
    border: none;
    height: 0;
    width: 0;
    border-radius: 50%;
    background-color: #4285f4;
    top: 10px;
    margin-left: -6px;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

input[type=range] + .thumb .value {
    display: block;
    width: 30px;
    text-align: center;
    color: #4285f4;
    font-size: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

input[type=range]:focus {
    outline: 0;
}

#form-inscription input {
    background: none !important;
    box-shadow: none;
    outline: none;
}

#form-inscription input:-webkit-autofill, #form-inscription input:-webkit-autofill:hover, #form-inscription input:-webkit-autofill:focus, #form-inscription input:-webkit-autofill:active {
    -webkit-transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
    -moz-transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
    -ms-transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
    -o-transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
    -moz-transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
    -ms-transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
    -o-transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
}

#top-section .bandeau-intro-activite a button {
    font-size: 1.4rem;
}

#top-section .bandeau-intro-activite h1, #top-section .bandeau-intro-activite .txt-rub {
    z-index: 1000;
    color: white;
}

#top-section .bandeau-intro-activite h1 {
    font-size: 3rem;
}

.secteur-activite .liste_info_contenu_block .liste_info_contenu:nth-child(3) .liste_info_left {
    text-align: left;
}

.secteur-activite .liste_info_contenu_block .liste_info_contenu:nth-child(3) .text-info-block {
    max-width: 100%;
}

.secteur-activite .liste_info_contenu_block .liste_info_contenu:nth-child(3) .liste_info_left {
    order: 2;
    padding-right: 0 !important;
    padding-left: 3rem !important;
}

.secteur-activite .liste_info_contenu_block .liste_info_contenu:nth-child(3) .liste_info_right {
    order: 1;
}

.secteur-activite .liste_info_contenu_block {
    margin-top: 8rem;
}

section.avantage-home.secteur-activite, section.avantage-home.cas-metier {
    background: white;
}

.block-tarif-activite ul {
    list-style-type: none;
    padding: 0;
}

.block-tarif-activite ul li {
    display: inline-block;
    width: 100%;
    margin: 1rem 0;
}

.block-tarif-activite ul li:before {
    content: "check";
    background: white;
    padding: 0.3rem;
    border-radius: 50%;
    color: #57B5CC;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    margin-right: 1rem;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: normal;
    vertical-align: middle;
}

.nav-up.top-nav-collapse > div > a > img {
    width: 70%;
    -webkit-transition: width 2s, height 4s;
    transition: width 2s, height 4s;
}

.secteur-activite-fonctionnalites {
    background: #F9FAFF;
}

.secteur-activite-fonctionnalites h2 {
    font-size: 3.2rem;
    color: #414247;
}

.secteur-activite-fonctionnalites .tour-produit-full-onglet .classic-tabs li a {
    border-bottom: 0;
}

.titre-pbl {
    font-weight: 400;
    font-size: 1.8rem;
    text-transform: uppercase;
}

.contenu-pbl {
    font-size: 1.6rem;
    font-style: italic;
    width: 40%;
}

.expli-pbl {
    width: 50%;
}

.visu-pbl img {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08), 0 4px 6px 0 rgba(50, 50, 93, 0.11), 0 2px 0 0 rgba(0, 0, 0, 0.08);
    border-radius: 2px;
}

.logiciel-metier-home .tab-content {
    padding: 0;
}

.card img {
    border-radius: 0;
}

.menu-nav-rub {
    list-style-type: none;
}

.menu-nav-rub .titre {
    font-weight: 500;
    font-size: 1.6rem;
    color: #082053;
}

.menu-nav-rub .nav-item a {
    color: #4a4a4a;
}

.menu-nav-rub .nav-item a:hover {
    color: #082053;
    text-decoration: underline;
}

.menu-nav-rub .nav-item a.active:hover {
    text-decoration: none;
}

.menu-nav-rub .nav-item a.active {
    color: #082053;
    padding-left: 2rem !important;
    font-weight: 500;
}

.menu-nav-rub .nav-item a.active::before {
    content: "fiber_manual_record";
    font-family: 'Material Icons';
    font-size: 1.4rem;
    vertical-align: middle;
}

.menu-mobile-rub .select-wrapper input.select-dropdown {
    font-size: 1.3rem;
    font-weight: 500;
    font-size: 1.6rem;
    color: #082053;
}

.menu-mobile-rub .dropdown-content li > a, .menu-mobile-rub .dropdown-content li > span {
    font-size: 1.4rem;
    color: #4a4a4a;
    display: block;
    padding: .5rem;
}

.menu-mobile-rub .select-wrapper span.caret {
    top: 7px;
}

.menu-mobile-rub .dropdown-content li {
    line-height: 2.3rem;
    color: #4a4a4a;
}

/*.dropdown-content li.active, .dropdown-content li:hover {background-color: #082053;color:white;}*/
.menu-mobile-rub .dropdown-content li > span {
    padding: 1rem .5rem;
}

.menu-mobile-rub .dropdown-content li.active > span {
    color: white;
}

.intro-fonc {
    padding-top: 90px;
}

.select-wrapper .search-wrap {
    display: none !important;
}

.liste-fonc-visu .liste_info_left .lien-info-block a {
    font-weight: 500;
    text-transform: uppercase;
    color: #082053;
}

.liste-fonc-visu .liste_info_left .lien-info-block i {
    margin-left: 1rem;
    vertical-align: sub;
    color: white;
    background: #082053;
    padding: .15rem !important;
    border-radius: 50%;
    font-size: 1.5rem;
}

.blue-gradient {
    background: -webkit-linear-gradient(45deg, rgba(100, 203, 239, 0.6), rgba(107, 127, 245, 0.8) 100%) !important;
    background: linear-gradient(45deg, rgba(100, 203, 239, 0.6), rgba(107, 127, 245, 0.8) 100%) !important;
    color: #082053 !important;
}

.md-form {
    margin-bottom: 1.5rem;
    margin-top: 0;
}

.md-form .prefix {
    padding-top: 1rem;
}

header.not-hp ~ main.main-tarif {
    margin: 0;
    position: relative;
    top: -70px;
}

.snackbar-container {
    transition: all .5s ease;
    transition-property: top, right, bottom, left, opacity;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    min-height: 14px;
    background-color: #070b0e;
    position: fixed;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    line-height: 22px;
    padding: 18px 24px;
    bottom: -100px;
    top: -100px;
    opacity: 0;
    z-index: 9999
}

.snackbar-container .action {
    background: inherit;
    display: inline-block;
    border: none;
    font-size: inherit;
    text-transform: uppercase;
    color: #4caf50;
    margin: 0 0 0 24px;
    padding: 0;
    min-width: min-content;
    cursor: pointer
}

.intro-modal {
    color: black
}

.intro-modal a {
    text-decoration: underline;
}

.select-wrapper input.select-dropdown {
    margin: 0;
}

@media (min-width: 640px) {
    .snackbar-container {
        min-width: 288px;
        max-width: 568px;
        display: inline-flex;
        border-radius: 2px;
        margin: 24px
    }
}

@media (max-width: 640px) {
    .snackbar-container {
        left: 0;
        right: 0;
        width: 100%
    }
}

.snackbar-pos.bottom-center {
    top: auto !important;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0)
}

.snackbar-pos.bottom-left {
    top: auto !important;
    bottom: 0;
    left: 0
}

.snackbar-pos.bottom-right {
    top: auto !important;
    bottom: 0;
    right: 0
}

.snackbar-pos.top-left {
    bottom: auto !important;
    top: 0;
    left: 0
}

.snackbar-pos.top-center {
    bottom: auto !important;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0)
}

.snackbar-pos.top-right {
    bottom: auto !important;
    top: 0;
    right: 0
}

@media (max-width: 640px) {
    .snackbar-pos.bottom-center, .snackbar-pos.top-center {
        left: 0;
        transform: none
    }
}

.snackbar-container.notif-tarif .text-left {
    float: left;
    font-weight: 500;
    font-size: 1.6rem;
    text-transform: uppercase;
}

.snackbar-container.notif-tarif .text-right {
    float: right;
    font-weight: 500;
    font-weight: 500;
    font-size: 1.6rem;
    text-transform: uppercase;
}

.snackbar-container.notif-tarif p {
    float: left;
    width: 100%;
}

header .navbar.navbar-light .navbar-nav .nav-item .nav-link, header.header-hp .nav-down.navbar.navbar-light .navbar-nav .nav-item .nav-link {
    color: #c9c4bf;
}

header.header-hp .navbar.navbar-light .navbar-nav .nav-item .nav-link {
    color: white;
}

header .navbar.navbar-light .navbar-nav .nav-item .nav-link, .dropdown .dropdown-menu .dropdown-item {
    letter-spacing: 0.86px;
}

.entete-header .bloc-rs a {
    margin-right: 1.5rem;
}

.entete-header .bloc-rs a:last-child {
    margin-right: 0;
}

.entete-header i {
    font-size: 2rem;
    vertical-align: top;
    line-height: 1rem;
    color: #D7D7D7;
}

.bloc-contact a span, .titre-follow {
    text-transform: uppercase;
    font-size: 1.2rem;
}

.icone-top i.ft-small {
    font-size: 0.8rem;
    vertical-align: baseline;
}

.entete-header .bloc-rs a i {
    font-size: 2.4rem;
    color: #D7D7D7;
    opacity: 0.87;
}

.entete-header .bloc-rs a:hover i, header.header-hp .nav-down .entete-header .bloc-rs a:hover i {
    color: #005FA2;
    opacity: 1;
}

header.header-hp .entete-header .bloc-rs a:hover i {
    color: white;
}

.navbar-light .navbar-brand img {
    max-width: 250px;
}

.block-evenement-accueil {
    position: relative;
    bottom: -270px;
    width: 100%;
}

.carrousel-home {
    background: #FFFFFF;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.24);
    border-radius: 3px;
    width: 80%;
    border: 1px solid rgba(0, 0, 0, 0.05)
}

.titre-carrousel {
    font-size: 1.6rem;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    font-weight: 500;
    position: relative
}

.titre-carrousel:before {
    content: '';
    position: absolute;
    left: -10px;
    width: 25px;;
    height: 2px;
    top: 20px;
    background-image: linear-gradient(90deg, #FFf, #FF8A64 100%);
}

#carousel-hp-evt .card {
    box-shadow: none;
}

#carousel-hp-evt .date-eve, .block-liste-info-conseil .date-eve {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
    border-radius: 1px;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

#carousel-hp-evt .date-eve span, .block-liste-info-conseil .date-eve span {
    width: 100%;
    text-align: center;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
}

#carousel-hp-evt .mois-evt, .block-liste-info-conseil .date-eve .mois-evt {
    font-size: 1.6rem;
    color: #414247;
}

#carousel-hp-evt .jour-evt, .block-liste-info-conseil .date-eve .jour-evt {
    font-size: 2.8rem;
    color: #FF8A64;
}

.carousel-indicators {
    bottom: 10px;
}

/*
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active {
	transform: none;}
.carousel-fade .carousel-item {	transform: scale(.6) translateX(70%);    display: block;    position: absolute;    pointer-events: none;    opacity: .5;    top: 0;    transition: all .3s ease-in-out!important;}
.carousel-fade .carousel-item:nth-child(1) {transform: scale(.6) translateX(-70%);}
.carousel-fade .carousel-item:nth-child(2) {transform: scale(.6) translateX(70%);}
.carousel-inner {overflow:visible}
.carousel-fade .carousel-item.active {position:inherit;    transform: scale(1);z-index: 100;translateX(0)}
*/
.info-evt i {
    font-size: 0.8rem;
    vertical-align: baseline;
}

#carousel-hp-evt .texte-evt {
    font-size: 1.3rem;
}

button.btn-dmd-mdf, #carousel-hp-evt .action-evt button.btn, #carousel-hp-evt .action-evt a.btn, #carousel-hp-actu .action-evt a.btn, .block-rubrique-media .action-evt a.btn {
    font-size: 1.4rem;
    box-shadow: none;
    transition: all .1s ease-in-out
}

#carousel-hp-evt .action-evt button.btn {
    background: white !important;
    color: #414247 !important;
    border: 2px solid #5A9CE6 !important;
}

button.btn-dmd-mdf, #carousel-hp-evt .action-evt a.btn, #carousel-hp-actu .action-evt a.btn, .block-rubrique-media .action-evt a.btn {
    background: linear-gradient(90deg, #005FA2 0%, #5A9CE6 100%) !important;
    color: white !important;
    border: 2px solid #5A9CE6 !important;
}

#carousel-hp-evt h2 {
    font-size: 1.8rem;
    font-weight: 600;
    text-transform: uppercase;
}

#carousel-hp-evt .lien-evt a, .url-info a {
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: 600;
}

#carousel-hp-evt .lien-evt a i, .url-info a i {
    font-size: 2rem;
    vertical-align: bottom;
    color: #FF8A64;
    line-height: 2rem;
}

#carousel-hp-evt .lien-evt a:hover, .url-info a:hover {
    color: #FF8A64;
}

header.header-hp .view, header.header-hp {
    overflow: visible;
    height: auto;
}

header.header-hp + main {
    padding-top: 350px;
}

.block-evenement-accueil .carousel-indicators li.active, .carousel-multi-item .carousel-indicators li {
}

.block-evenement-accueil .carousel-indicators li {
    background-color: #d8d8d8;
    border: 0;
    margin: 0 5px 0 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

.block-evenement-accueil .carousel-indicators li.active {
    background: #5A9CE6;
}

.block-evenement-accueil .carousel-indicators {
    vertical-align: bottom;
}

#carousel-hp-evt {
    height: 250px;
}

#carousel-hp-evt .carousel-inner {
    max-height: 220px;
    overflow-y: auto;
}

.full-height header {
    height: auto;
}

.view .full-bg-img {
    height: 420px;
}

.scrollbar-sunny-morning::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-sunny-morning::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-sunny-morning::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-linear-gradient(330deg, #f6d365 0%, #fda085 100%);
    background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
}

.square::-webkit-scrollbar-track {
    border-radius: 0 !important;
}

.square::-webkit-scrollbar-thumb {
    border-radius: 0 !important;
}

.thin::-webkit-scrollbar {
    width: 6px;
}

.titre-actu {
    font-size: 1.9rem;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.9px;
}

.titre-actu span {
    position: relative;
}

.container-rub .titre-rub:after {
    width: 20%;
}

#carousel-hp-actu .carousel-item.active {
    display: flex;
}

#carousel-hp-actu .carousel-indicators li {
    margin-bottom: 0;
    position: relative;
}

#carousel-hp-actu .carousel-indicators {
    bottom: 0;
}

#carousel-hp-actu .visu {
    overflow: hidden;
    position: relative;
    height: 120px;
}

#carousel-hp-actu .card {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}

.owl-carousel.owl-drag .owl-item {
    padding-top: 0;
}

#carousel-hp-actu .visu img {
    width: 100%; /*height: 120px;*/
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

#carousel-hp-actu h2 {
    font-weight: 600;
    text-transform: uppercase;
}

#carousel-hp-actu .date-evt {
    font-size: 1.2rem;
}

#carousel-hp-actu .texte-evt {
    font-size: 1.2rem;
    color: #56565a;
}

#carousel-hp-actu .lien-evt {
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: 600;
}

#carousel-hp-actu .lien-evt a i {
    font-size: 2rem;
    vertical-align: bottom;
    color: #FF8A64;
    line-height: 2rem;
}

#liste-secteurs label {
    font-size: 1.2rem;
}

.bloc-recherche-home .ss-titre-search {
    font-size: 1.8rem;
    font-weight: 500;
}

.modal-dialog .button-appliquer .close {
    background: linear-gradient(90deg, #005FA2 0%, #5A9CE6 100%) !important;
    color: white !important;
    border: 2px solid #5A9CE6 !important;
    font-size: 1.4rem;
    border-radius: 10em;
    padding: .84rem 2.14rem;
    text-transform: uppercase;
    font-weight: 400;
    white-space: normal;
    text-shadow: none;
}

.block-search form.form-block-search {
    position: relative;
    width: 80%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    border-radius: 8px;
}

.block-search form.form-block-search input.input-mot {
    width: calc(33.333% - 1px);
}

.block-search form.form-block-search div.block-search {
    width: 33.333%;
}

.block-search form.form-block-search button.action-search {
    width: 33.333%;
    height: 100%;
}

.block-search input.input-mot {
    border: 0;
    border-right: 1px solid #dbdbdc;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.block-search input:focus {
    outline: 0;
}

.block-search .search-secteurs button.button-secteur {
    background: transparent;
    border: 0;
    color: #757575;
    cursor: pointer;
}

.block-search button.action-search {
    font-size: 1.6rem;
    position: absolute;
    right: 0;
    border: 0;
    background: linear-gradient(90deg, #FFB064 0%, #FF8A64 100%);
    color: white;
    text-transform: uppercase;
    cursor: pointer;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.block-search .search-secteurs:before, .block-search i {
    font-family: "Material Icons";
    text-rendering: optimizeLegibility;
    font-feature-settings: 'liga' 1;
    font-style: normal;
    text-transform: none;
    line-height: 1;
    font-size: 24px;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    vertical-align: text-bottom;
}

.block-search i.input-mot-i, .block-search .search-secteurs:before {
    color: #FF8A64;
}

.block-search .search-secteurs:before {
    content: "info_outline";
}

#carousel-hp-actu .lien-evt a:hover, #carousel-hp-actu h2 a:hover {
    color: #FF8A64;
    text-decoration: underline;
}

.block-search .action-search i {
    color: white;
}

.btn-floating {
    background: linear-gradient(90deg, #B2226D 0%, #81124c 100%);
}

.footer-doc .block-card {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.24);
    border-radius: 3px;
    position: relative; /*height: 235px;*/
}

.footer-doc .block-card .visuel-card img.img-fluid {
    width: 140px;
    height: 200px;
    border-radius: 3px;
    position: relative;
}

.footer-doc .block-card .visuel-card a.lien-visuel-card {
    display: block; /*width: 140px;height: 200px;*/
    position: absolute;
    left: 2rem;
    top: -3rem;
}

.footer-doc .block-card .visuel-card a span {
    font-size: 1.6rem;
    font-weight: 600;
    display: block;
    line-height: 1;
}

.footer-doc .block-card .block-card-right .titre-card {
    letter-spacing: 0.9px;
    font-size: 1.9rem;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
}

.footer-doc .block-card .block-card-right .titre-card:after {
    content: '';
    position: absolute;
    left: 0px;
    width: 20%;
    height: 2px;
    bottom: -5px;
    background-image: linear-gradient(90deg, #FFf, #FF8A64 100%);
}

.footer-doc .block-card .block-card-right .lien-all a {
    font-size: 1.2rem;
}

.footer-doc .block-card .block-card-right .lien-all a:hover, .footer-doc .block-card .visuel-card a:hover span {
    color: #FF8A64;
    text-decoration: underline;
}

.footer-doc .block-card .block-card-right .lien-all a i {
    font-size: 2rem;
    vertical-align: bottom;
    color: #FF8A64;
    line-height: 2rem;
}

.full-bg-img-footer {
    height: 400px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.full-bg-img-footer:before {
    background: linear-gradient(to bottom right, white, rgba(255, 255, 255, 0));
    content: '';
    height: 400px;
    width: 100%;
    position: absolute;
}

footer a {
    color: #C9C4BF;
}

footer .mentions-bottom p a:hover {
    color: #B2226D;
}

footer .block-footer-avant, #call-franchise .block-footer-avant {
    background: white;
    padding: 4rem;
    width: 80%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    border-radius: 0.3rem;
}

footer .block-footer-avant h4, #call-franchise .block-footer-avant h4 {
    color: #1C1819;
    font-size: 2rem;
    font-weight: 500;
}

footer .block-footer-avant-right, #call-franchise .block-footer-avant-right {
    text-align: center;
}

footer .block-footer-avant-right .btn, #call-franchise .block-footer-avant-right .btn {
    font-size: 1.6rem;
    margin: 0;
}

.footer-bottom {
    margin: 150px 0 0;
    background: #f8fafd;
    border-bottom: 1px solid #efefef
}

.mentions-bottom ul .rs-footer a { /*background: #082053;*/
    padding: 0.5rem 0;
    width: 3rem;
    text-align: center;
    font-size: 2.4rem;
    color: #b0b6b9;
    margin-right: 0.8rem;
}

.mentions-bottom ul .rs-footer a:hover {
    color: #414247;
}

.block-footer-menu-middle ul {
    list-style-type: none;
}

.block-footer-menu-middle ul li {
    line-height: 1.7rem;
}

.block-footer-menu-middle .titre {
    font-size: 1.6rem;
    font-weight: 600;
    width: 100%;
    text-transform: uppercase;
    color: #414247;
}

.block-footer-menu-middle a {
    color: #1C1819;
}

.block-footer-menu-middle a:hover, .mentions-bottom ul a:hover, .mentions-bottom a:hover, .text-actu-liste a {
    text-decoration: underline;
    color: #FF8A64;
}

.mentions-bottom a:hover {
    text-decoration: none;
    color: #414247;
}

.logo-mobile-footer, .rs-footer.mobile-only {
    display: none;
}

.owl-carousel .owl-stage {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
    padding: 0;
}

.owl-carousel .owl-stage .card {
    height: 100%;
    width: 99%;
}

.owl-carousel .owl-nav {
    text-align: right;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
    color: white;
    background: #5A9CE6;
    padding: .5rem 1rem !important;
    margin-right: 2rem;
}

.owl-carousel .owl-nav button.owl-next {
    margin-right: 0;
}

.owl-carousel .owl-nav button span {
    display: none;
}

.owl-carousel .owl-nav button:before {
    font-family: "Material Icons";
    text-rendering: optimizeLegibility;
    font-feature-settings: 'liga' 1;
    font-style: normal;
    text-transform: none;
    line-height: 1;
    font-size: 2rem;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
}

.owl-carousel .owl-nav button.owl-prev:before {
    content: 'arrow_back';
}

.owl-carousel .owl-nav button.owl-next:before {
    content: 'arrow_forward';
}

.owl-carousel .owl-nav button.disabled {
    cursor: not-allowed;
    pointer-events: unset !important;
    background: #d8d8d8
}

.txt-suppl {
    font-size: 2rem;
}

.block-liste-info-historique:nth-child(odd) .block-texte, .block-liste-info-historique:nth-child(even) .block-visuel {
    order: 3
}

.block-liste-info-historique:nth-child(even) .block-texte, .block-liste-info-historique:nth-child(odd) .block-visuel {
    order: 1
}

.block-liste-info-historique .block-central {
    order: 2;
}

.block-liste-info-historique:nth-child(odd) .block-texte {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.block-liste-info-historique:nth-child(even) .block-texte {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.border-histo {
    width: 1px;
    background: #4189b7
}

.block-liste-info-historique .titre-histo {
    font-size: 24px;
    color: #394AA5;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 600;
}

.block-liste-info-historique.first .block-central {
    display: none !important;
}

.block-liste-info-historique.first:nth-child(odd) .block-texte {
    order: 1;
}

.block-liste-info-historique.first:nth-child(odd) .block-texte span {
    text-align: center;
}

.block-liste-info-historique.first:nth-child(odd) .block-visuel {
    order: 2;
}

.block-liste-info-historique.first:nth-child(odd) .block-texte .text-histo span {
    max-width: 100%;
}

.block-liste-info-historique:last-child .block-central .border-histo {
    display: none;
}

.block-liste-info-historique:nth-child(even) .block-texte span {
    text-align: center;
    float: left;
}

.text-histo span {
    width: 100%;
}

.titre-conseil {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 2rem;
}

.block-visuel-conseil img {
    vertical-align: middle;
    min-height: 0;
    min-width: 0;
}

.block-liste-info-conseil {
    overflow: hidden;
}

.block-visuel-conseil, .block-visuel-conseil img {
    width: 160px;
    height: 240px
}

.titre-actu-liste {
    font-weight: 600;
    font-size: 1.8rem;
    text-transform: uppercase;
}

.date-actu-liste {
    font-weight: 300;
    font-size: 1.2rem;
    font-style: italic;
    color: #b0b6b9;
}

.intro-rub h2, .text-rub h2 {
    font-size: 1.7rem;
    font-weight: 500;
    color: #FF8A64;
}

.intro-rub h2, .text-rub h2 {
    margin-top: 2rem;
}

.text-rub a {
    color: #B2226D;
    text-decoration: underline;
    display: inline;
}

table td {
    font-size: inherit;
}

.block-galerie-photo {
    height: 225px;
    overflow: hidden;
}

.block-galerie-photo .mdb-lightbox { /*max-height: 300px;*/
    overflow: hidden;
    width: 100%;
}

.block-galerie-photo figure.mdb-lightbox-fond a img {
    max-height: 200px;
}

.block-galerie-photo figure.mdb-lightbox-fond a img {
    max-width: 100%;
}

.block-galerie-photo figure.mdb-lightbox-fond {
    cursor: pointer;
    position: relative;
    width: 100%;
    text-align: center;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.block-galerie-photo figure.mdb-lightbox-fond:before {
    background: rgba(0, 0, 0, .2);
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.block-galerie-photo figure.mdb-lightbox-fond:hover:before {
    background: rgba(0, 0, 0, 0);
}

.block-galerie-photo figure.mdb-lightbox-fond a img, .block-galerie-photo figure.mdb-lightbox-fond a {
    display: inline-block !important;
}

.block-galerie-photo .mdb-lightbox figure.mdb-lightbox-vignette {
    border-radius: 5px;
    width: 25%;
    height: 50px;
    display: inline !important; /*margin-bottom: 3rem;*/
    overflow: hidden
}

.block-galerie-photo .mdb-lightbox figure.mdb-lightbox-vignette a img { /*width: 100%;height:100%;overflow:hidden;*/
    border-radius: 5px;
}

.block-galerie-photo .mdb-lightbox figure.mdb-lightbox-vignette a {
    display: block;
    text-align: center;
    margin: 0; /*width: 100%;height:100%;*/
}

.titre-galerie {
    position: absolute;
    bottom: 70px;
    left: 10px;
    color: white;
    font-size: 1.6rem;
    line-height: 1.8rem;
}

.titre-galerie span {
    font-size: 1.3rem;
    display: block;
}

.titre-rubrique-media {
    font-weight: 600;
    font-size: 1.7rem;
    text-transform: uppercase;
}

.titre-rubrique-media.titre-compte {
    font-size: 2.5rem;
    color: #ff8a64;
    font-weight: 500;
    letter-spacing: .9px;
}

.titre-rubrique-media.titre-compte:after {
    content: '';
    position: absolute;
    left: 0;
    width: 70%;
    height: 2px;
    bottom: -10px;
    background-image: linear-gradient(90deg, #fff, #ff8a64 100%);
}

.lien-doc-associe-galerie a {
    display: inline; /*padding-left: .5rem;*/
    font-size: 1.1rem;
    text-decoration: underline;
    color: #ff8a64;
}

.lien-doc-associe-galerie a:hover {
    color: #ff8a64;
}

.lien-doc-associe-galerie i {
    vertical-align: middle;
    font-size: 1.4rem;
}

.youtube-player {
    position: relative;
    padding-bottom: 75.23%; /* Use 56% for 16:9 videos */
    height: 0; /* overflow: hidden*/;
    max-width: 100%;
    background: #fff;
    margin: 0;
}

.youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: transparent;
}

.youtube-player img {
    -webkit-filter: brightness(75%);
    z-index: 9;
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: pointer;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    transition: .4s all;
}

.youtube-player img:hover, .youtube-player .play:hover + img {
    -webkit-filter: brightness(100%);
}

.youtube-player .play {
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.13);
    border-radius: 50%;
    z-index: 10;
    height: 42px;
    width: 42px;
    right: 20px;
    bottom: -21px;
    position: absolute;
    background: url("../img/bouton-player-youtube.png") no-repeat;
    cursor: pointer;
}

.card .titre-video {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 1.75rem;
}

.card .desc-video {
    color: #838386;
    font-size: 1.2rem;
    line-height: 1.4rem;
}

.card .date-video { /*color:#0160a3;*/
    font-size: 1.2rem;
}

.txt-rub-block.intro a, a.inlien-associe, .fiche-entreprise a:hover {
    text-decoration: underline;
    color: #FF8A64;
}

.video-article .card {
    height: 100%;
}

.block-rubrique-media.mag-pole .card {
    min-height: 100%;
}

.block-rubrique-media .mdb-lightbox figure {
    width: 100%;
    text-align: center;
}

.text-rub a.btn {
    background: #B2226D !important;
    color: #fff !important;
    /* border: 2px solid #5A9CE6 !important; */
    font-size: 1.4rem;
    box-shadow: none;
    transition: all .1s ease-in-out;
    text-decoration: none;
}

a.lien-doc-associe {
    background: linear-gradient(90deg, #005fa2 0%, #5a9ce6 100%) !important;
    color: #fff !important;
    border: 2px solid #5a9ce6 !important;
    font-size: 1.4rem;
    box-shadow: none;
    transition: all .1s ease-in-out;
}

button:hover.btn-ins, a:hover.lien-doc-associe, a:active.lien-doc-associe {
    box-shadow: none;
}

button.btn-ins {
    background: #fff !important;
    color: #414247 !important;
    border: 2px solid #5a9ce6 !important;
    font-size: 1.4rem;
    box-shadow: none;
    transition: all .1s ease-in-out;
}

.block-texte-actu .titre-evt {
    font-size: 1.5rem;
}

.classic-tabs li a.active, .classic-tabs li a {
    color: black;
}

.nav-agenda-past .classic-tabs {
    background: #F5F5F5;
    border: 1px solid #979797;
    border-radius: 50px
}

.classic-tabs li a {
    padding: 2rem 5rem;
    font-size: 1.8rem;
    color: #a2aad2;
}

.classic-tabs li a:hover {
    color: #394AA5
}

.classic-tabs li a.active {
    font-weight: 600;
    color: #394AA5;
}

.classic-tabs li + li {
    border-left: 1px solid #979797
}

.classic-tabs li a.active, .classic-tabs li a:hover {
    border-bottom: 0;
    background: #394AA5;
    color: white;
}

.inlien-info a, .titre-actu-liste a:hover, .lien-view-all a:hover span, .text-rub a:hover, .intro-rub a:hover {
    text-decoration: underline;
    color: #B2226D;
}

.recherche-secteur {
    position: absolute;
    width: 100%;
    text-align: center;
    margin: 2rem 0 0;
}

.recherche-secteur button {
    background: transparent;
    color: white;
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 1.7rem;
    line-height: 1.9rem;
    cursor: pointer;
}

.recherche-secteur button span {
    text-decoration: underline;
}

#liste-secteurs [type=checkbox] + label {
    height: auto;
    line-height: 1.7rem;
    color: #414247;
}

.info-annuaire .titre-card, .titre-search {
    letter-spacing: 0.9px;
    font-size: 1.9rem;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
}

.info-annuaire .titre-card:after, .titre-search:after {
    content: '';
    position: absolute;
    left: 0px;
    width: 20%;
    height: 2px;
    bottom: -5px;
    background-image: linear-gradient(90deg, #FFf, #FF8A64 100%);
}

.info-annuaire-right .block-card {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.24);
    border-radius: 3px;
}

[type=checkbox] + label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 17px;
    height: 17px;
    z-index: 0;
    border: 1.5px solid #8a8a8a;
    border-radius: 1px;
    margin-top: 0;
    -webkit-transition: .2s;
    transition: .2s;
}

.gm-map {
    display: block;
    width: 100%;
    height: 400px;
}

.gm-map .cldesignation_gmap {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2rem;
    text-transform: uppercase;
}

.gm-map .cladress_gmap {
    font-size: 1.4rem;
    padding: .5rem 0;
    text-transform: lowercase;
}

.gm-map span {
    display: block;
    width: 100%;
    font-weight: 400;
}

.gm-map img.cllogo_gmap {
    max-width: 200px;
    padding: .5rem;
}

.sitemap-ul .titre {
    letter-spacing: 0.86px;
    font-size: 1.4rem;
    text-transform: uppercase;
    font-weight: 600;
}

section.sitemap a:hover {
    color: #FF8A64;
    text-decoration: underline;
}

p.p-pwd div.waves-input-wrapper, div.waves-input-wrapper {
    padding: 1rem;
}

.block-rubrique-espace-membre {
    border-bottom: 1px solid #ccc
}

.pswp__caption__center {
    text-align: center;
}

figure.block-liste-info-conseil figcaption {
    display: none;
}

.pswp__caption__center .titre-conseil {
    color: white;
}

.btn-ins:not([disabled]):not(.disabled).active, .btn-ins:not([disabled]):not(.disabled):active, .show > .btn-ins.dropdown-toggle {
    background-color: inherit !important;
}

header .navbar.navbar-light .navbar-nav .nav-item .nav-link, .dropdown .dropdown-menu .dropdown-item {
    letter-spacing: inherit;
}

.titre-h1 {
    font-size: 1.4rem;
    font-style: italic;
    font-weight: bold;
    color: #797979;
}

.footer-index {
    color: white;
}

.mot-chef {
    border-right: 1px solid white;
}

.mot-chef .titre {
    color: #aaaaaa;
    font-size: 1.4em;
    text-transform: uppercase;
}

.mot-chef .titre-footer {
    color: #fff;
    font-size: 1.1em;
}

.bouton-devis {
    color: white;
    background-color: #B2226D;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1em;
}

label.label-spe {
    height: auto;
    line-height: 1.7rem;
}

.ecran-form .md-form.md-form-spe {
    width: 100%;
}

.ecran-form .md-form.md-form-spe label {
    width: 100%;
}

header {
    height: 150px;
}

.breadcrumb a {
    color: #4a4c4d
}

.container-rub-bg {
    /* height: 500px; */
    min-height: 500px;
}

.fond-opacite {
    background-color: rgba(255, 255, 255, 0.7);
}

.fond-opacite-black {
    background-color: rgba(0, 0, 0, 0.4);
}

.text-rub {
    color: black
}

.nav-rub-ul ul {
    list-style-type: none
}

.nav-rub-ul ul li a {
    display: block;
    color: white;
    text-transform: uppercase;
    font-size: 1.3rem;
    line-height: 1.5rem;
}

.nav-rub-ul ul li a img {
    display: block;
    margin: 0 auto
}

.nav-rub-ul ul li a:hover, .nav-rub-ul ul li.active a {
    background-color: rgba(255, 255, 255, 0.7);
    color: black
}

.doc-rub a {
    display: inline-block;
    border-radius: .125rem;
    color: white;
    background-color: #B2226D;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1em;
}

.titre-galerie-zoom {
    color: black;
    font-size: 1.4rem;
    text-transform: uppercase;
    font-weight: bold;
}

.plandusite a, li.liniveau1 a:hover {
    text-decoration: none;
}

li.liniveau1 {
    list-style-type: none;
    margin: 2rem 0 .5rem 0;
}

ul.ulniveau2 {
    margin: 0 0 2rem 0;
}

li.liniveau1 a {
    padding: .5rem;
    color: white;
    background-color: #B2226D;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.4rem;
}

li.liniveau1 a:hover {
    color: white;
}

ul.ulniveau2 li.liniveau2 a {
    color: black;
}

.liste-info-livre {
    color: black;
}

.titre-info {
    font-weight: bold;
    font-size: 1.4rem;
}

.desc-info {
    font-style: italic;
}

.container-rub.livredor .container-rub-bg {
    max-height: 500px;
    overflow: hidden;
}

.container-rub.livredor .fond-opacite {
    height: 100%;
    overflow-y: scroll;
}

a:hover.bouton-livredor {
    text-decoration: none;
}

textarea#form_livredor_message, textarea#form_devis_message {
    font-size: 1.4rem
}

/* MEDIA QUERIES */

@media (min-width: 62em) {
    .classic-tabs li:first-child {
        margin-left: 0;
    }
}

@media (min-width: 500px) {
    .performance-home .text-pres-smart {
        padding: 0 0 0 10px;
    }
}

@media (min-width: 576px) {
    .encadre-total {
        width: 60%;
    }

    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2));
    }
}

@media (min-width: 767px) {
    .performance-home .text-pres-smart {
        padding-left: 50px;
    }
}

@media only screen and (min-width: 992px) {

    .navbar-light .navbar-brand img {
        max-width: 170px;
    }

    .border-histo {
        height: 100%;
    }

    .block-liste-info-historique:nth-child(even) .block-texte span {
        text-align: right;
        float: right;
    }

    .text-histo span {
        max-width: 70%;
        display: inline-block;
    }

    .encadre-total {
        width: 40%;
    }

    .performance-home .text-pres-smart {
        padding-left: 50px;
    }

}

@media only screen and (min-width: 1200px) {

    .navbar-light .navbar-brand img {
        max-width: 250px;
    }

    .carousel-multi-item .col-md-4 {
        max-width: 25%;
        width: auto;
    }

    .nav-bg {
        background: #d1d1d1 url(../img/index-left.jpg) no-repeat top left;
    }

    .performance-home .pres-2-bg {
        background: url(../img/waves-background.svg) no-repeat center center;
    }

    #tarif-avantage .liste_info_contenu_block .col-xl-2 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 1500px) {
    .performance-home .text-pres-smart {
        padding: 50px 0 0 300px
    }

    .block-bouton {
        width: 80%;
    }
}

@media (min-width: 1600px) {

    section.avantage-home > div:last-child {
        padding: 0 15rem 80px 15rem;
    }

    .block-bouton {
        width: 80%;
    }

    section.tour-produit-home .flex-column-p {
        max-width: 90%;
    }
}

@media (min-width: 1700px) {
    #liste-metier .testimonial-card .card-up {
        height: 375px;
    }
}

@media only screen and (min-width: 1440px) {
    #slide-out {
        display: none;
    }

    #call-franchise .block-footer-avant {
        top: 120px;
    }

    .visu-absolute {
        width: calc(100% - 240px);
        left: 240px;
    }

    .fixed-action-btn-new {
        bottom: 0px;
    }

    .fixed-action-btn-new li + li {
        margin-top: 1rem;
    }
}

@media only screen and (max-width: 1439px) {
    main.blog_detail {
        padding-top: 50px;
    }

    main.blog_detail .button-back {
        top: 100px;
    }

    #call-franchise #sep {
        left: 0;
        width: 100%;
    }

    /*#call-franchise #sep {display:none;}*/
    .tour-produit-full-onglet.ul-fixed ul.nav.classic-tabs {
        left: 0;
        width: 100%;
        padding: 1rem 0;
    }

    .txt-rub, .pos-relative-full .txt-rub {
        max-width: 50%;
    }

    /*	.container-rub {padding-top: 7rem;}*/
    nav .logo-mobile, nav .logo-mobile a {
        display: block;
    }

    .block-bouton {
        padding-left: 0
    }

    .block-bouton div {
        padding-left: 25px;
    }

    .black-text {
        padding-left: 10px;
    }

    main, header, footer {
        padding-left: 0;
    }

    section.tour-produit-home .flex-column-p {
        max-width: 60%;
    }
}

@media only screen and (max-width: 1300px) {
    .pos-relative-full {
        top: 30%;
    }

    .visu-absolute {
        bottom: 280px;
    }
}

@media only screen and (max-width: 1199px) {
    .page-annuaire .block-search form.form-block-search button.action-search {
        width: 25%;
    }

    .navbar-brand {
        padding: 0;
    }

    .navbar .navbar-toggler a {
        color: white;
    }

    .nav-bg {
        background: transparent
    }

    .navbar .navbar-toggler a i {
        font-size: 2.8em;
    }

    .page-annuaire .block-search form.form-block-search input.input-mot {
        width: 70%;
    }

    .block-galerie-photo {
        height: 190px
    }

    header.not-hp {
        min-height: 100px;
    }

    .footer-doc .block-card .visuel-card img.img-fluid {
        width: 110px;
        height: 154px;
    }

    main.blog_detail .button-back {
        padding-left: 10px;
    }

    .block-bouton-tarif div {
        width: 45%;
    }

    .body-connexion header {
        padding-left: 250px;
    }

    header .side-nav.ecran-left {
        width: 250px;
    }

    header .side-nav.ecran-left .img-fluid {
        height: 100%;
    }

    .tour-produit-full-onglet .classic-tabs li a {
        padding: 2rem 2.5rem;
    }

    section.tour-produit-home .flex-column-p {
        max-width: 100%;
    }

    .block-bouton a button {
        margin-left: 1rem !important;
    }
}

@media only screen and (max-width: 1100px) {
    .block-bouton {
        width: 90%;
    }
}

@media only screen and (max-height: 550px) {
    body.body-connexion .col-12.d-flex.align-items-center {
        -ms-flex-align: start !important;
        align-items: start !important;
        overflow: auto
    }

    body.body-connexion .ecran-form .logo {
        padding: 1.5rem 0;
    }

    body.body-connexion .ecran-form form {
        margin-top: 2rem;
    }
}

@media only screen and (max-width: 992px) {

    .mentions-bottom ul li.rs-footer, .mentions-bottom p {
        text-align: center;
    }

    .mentions-bottom p span, .mentions-bottom ul li {
        width: 100%;
        display: block;
    }

    .mentions-bottom p a:before {
        content: ''
    }

    .mentions-bottom p a {
        margin: .5rem 1rem .5rem 0;
        display: inline-block;
    }

    .page-annuaire .block-search {
        width: 90%;
    }

    .page-annuaire .block-search button.action-search {
        position: inherit;
    }

    .page-annuaire .block-search form.form-block-search input.input-mot {
        width: 100%;
    }

    .page-annuaire .block-search form.form-block-search button.action-search {
        width: 40%;
        margin-top: 7rem !important;
    }

    .page-annuaire .block-search form.form-block-search {
        text-align: center;
    }

    .classic-tabs li a {
        padding: 2rem 3rem;
    }

    .block-liste-info-historique.first:nth-child(odd) .block-visuel {
        padding-bottom: 3rem !important;
    }

    .block-liste-info-historique .titre-histo, .block-liste-info-historique .text-histo {
        text-align: center;
    }

    .block-liste-info-historique .block-visuel.novisu {
        display: none !important;
    }

    .block-liste-info-historique .block-central {
        order: 1;
    }

    .block-liste-info-historique:nth-child(even) .block-texte, .block-liste-info-historique:nth-child(odd) .block-texte {
        order: 2;
    }

    .block-liste-info-historique:nth-child(even) .block-visuel, .block-liste-info-historique:nth-child(odd) .block-visuel {
        order: 3;
    }

    .footer-doc .block-card .visuel-card a.lien-visuel-card {
        left: 1rem;
    }

    .footer-doc .block-card .visuel-card img.img-fluid {
        width: 90px;
        height: 126px;
    }

    .navbar-expand-lg .navbar-toggler {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .block-search form.form-block-search {
        width: 99%;
    }

    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }

    .liste-fonc-visu {
        margin-top: 5rem !important;
    }

    .nav-call {
        padding-bottom: 5rem !important;
    }

    .carousel-multi-item .carousel-inner {
        width: 95%;
    }

    .navbar.scrolling-navbar.top-nav-collapse .navbar-brand img {
        width: 60%;
    }

    .acces-rapide {
        display: none;
    }

    header nav.navbar {
        transform: translateY(0px);
    }

    .fixed-action-btn-footer {
        right: 10px;
    }

    section.avantage-home h3, section.tour-produit-home h3, .logiciel-metier-home h3, .performance-home h3, .actualites-home h3, .tour-produit-full h3, .liste_info_contenu_block h3, #tarif-avantage h3 {
        font-size: 2.8rem;
    }

    section.avantage-home .flex-column-p, section.tour-produit-home .flex-column-p, .logiciel-metier-home .flex-column-p, .performance-home div.flex-column-p, .actualites-home div.flex-column-p, .tour-produit-full p.flex-column-p, #tarif-avantage p.flex-column-p {
        max-width: 90%;
    }

    .block-result-prix-control {
        width: 50%;
    }

    .pos-relative-full h1 {
        font-size: 2.5rem;
    }

    main.main-tarif, main.main-tarif > section {
        padding-top: 2rem;
    }

    #call-franchise #sep {
        display: none;
    }

    #call-franchise .block-footer-avant {
        width: 98%;
        left: 1%;
        padding: 2rem;
    }

    #call-franchise + div.flex-column {
        margin-top: 20rem;
    }

    #grille-price .prix-user .mention-user {
        position: relative;
        bottom: 0;
    }

    #grille-price .prix-user .mention-user:before {
        font-size: 1.5rem;
    }

    .block-tarification li {
        width: 100%;
    }

    .block-bouton-tarif div {
        width: 60%;
    }

    .tour-produit-full-onglet .tab-content {
        padding: 2rem 0;
    }

    .liste_info_contenu_block .liste_info_contenu:nth-child(3) .text-info-block {
        max-width: 100%;
    }

    .liste_info_contenu_block .liste_info_contenu .liste_info_left {
        padding-right: 0rem !important;
    }

    .liste_info_contenu_block .liste_info_contenu:nth-child(2) .liste_info_left {
        order: 1;
        padding-right: 0rem !important;
        padding-left: 0rem !important;
    }

    .liste_info_contenu_block .liste_info_contenu:nth-child(2) .liste_info_right {
        order: 2;
    }

    .liste_info_contenu_block .liste_info_right {
        text-align: center;
        padding-top: 5rem !important;
    }

    .liste_info_contenu_block .liste_info_contenu:nth-child(2), .liste_info_contenu_block .liste_info_contenu:nth-child(3) {
        margin-top: 3rem;
    }

    .tour-produit-full {
        padding-top: 8rem;
    }

    h2.titre-tab-pane {
        padding: 2.5rem 0 5rem 0;
    }

    .tour-produit-full-onglet .classic-tabs li a {
        padding: 0 2rem 1rem 2rem;
    }

    /*.classic-tabs li {flex-basis: 20%; }*/
    .txt-rub, .pos-relative-full .txt-rub {
        max-width: 80%;
    }

    .pos-relative-full .block-bouton {
        width: 60%;
    }

    .fixed-action-btn-new {
        position: relative
    }

    .footer-bottom {
        margin-top: 130px;
    }

    .footer-bottom .container {
        max-width: 100% !important;
    }

    footer .block-footer-avant {
        width: 99%;
        left: 2%;
        padding: 2rem;
        top: -70px;
    }

    footer .jarallax {
        min-height: 250px;
    }

    #liste-actu .testimonial-card .card-up img {
        width: 100%;
    }

    #liste-actu .testimonial-card .card-body:after {
        height: 3rem;
    }

    .logiciel-metier-home .row:before {
        height: 97%
    }

    #liste-metier .testimonial-card .card-up {
        height: 350px;
    }

    .cibles-avt-visu {
        margin-bottom: 50px;
    }

    .tour-produit-block > div:nth-child(3), .tour-produit-block > div:nth-child(4) {
        margin-bottom: 5rem !important;
        padding-bottom: 5rem !important
    }

    #sep {
        margin-top: -85px;
    }

    section.avantage-home > div:last-child {
        padding-bottom: 0;
    }

    .visu-accueil-right {
        padding-left: 0px !important;
        padding-top: 250px;
    }

    .d-flex.block-avantage {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .block-footer-menu-middle {
        padding-left: 2rem;
    }
}

@media only screen and (max-width: 900px) {
    .block-bouton {
        width: 98%;
    }

    .visu-accueil-right {
        padding-left: 50px !important;
    }
}

@media (max-width: 767px) {

    .navbar-light .navbar-brand img {
        max-width: 200px;
    }

    input#login {
        margin-bottom: 0 !important;
    }

    .classic-tabs li a {
        padding: 2rem 2rem;
    }

    .block-galerie-photo {
        height: 210px
    }

    .container-rub .titre-rub:after {
        width: 30%;
    }

    .block-search i.input-mot-i, .block-search .search-secteurs:before {
        display: none;
    }

    .carrousel-home {
        width: 97%;
    }

    .liste-fonc-visu .liste_info_contenu:nth-child(odd) .liste_info_left, .liste-fonc-visu .liste_info_contenu:nth-child(even) .liste_info_left {
        order: 1;
    }

    .liste-fonc-visu .liste_info_contenu:nth-child(odd) .liste_info_right, .liste-fonc-visu .liste_info_contenu:nth-child(even) .liste_info_right {
        order: 2
    }

    .liste-fonc-visu div:nth-child(odd) .liste_info_left {
        padding-left: 0rem !important;
    }

    .liste-fonc-visu div:nth-child(even) .liste_info_left {
        padding-right: 0rem !important;
    }

    .expli-pbl, .visu-pbl {
        width: 100%;
        display: flex !important;
    }

    .tableau-tarif {
        margin-top: 1rem;
    }

    #form-contact button {
        max-width: 50%;
    }

    footer .block-footer-avant-right, #call-franchise .block-footer-avant-right {
        text-align: left;
        padding-left: 0;
    }

    .block-bouton-tarif div {
        width: 80%;
    }

    .body-connexion header {
        padding-left: 0px;
    }

    header .side-nav.ecran-left {
        display: none;
    }

    .tour-produit-full-onglet .classic-tabs li a svg {
        width: 4rem;
        height: 4rem;
    }

    .pos-relative-full .block-bouton {
        width: 80%;
    }

    .mentions-bottom ul, .mentions-bottom p {
        float: left;
        width: 100%; /*text-align:center;*/
    }

    .footer-bottom {
        margin-top: 150px;
    }

    .performance-home div.flex-column-p, .actualites-home div.flex-column-p {
        max-width: 95%;
    }

    .text-md-left.margins {
        padding-top: 50px;
    }

    .black-text {
        padding-top: 90px;
        padding-left: 0;
    }

    .block-bouton {
        width: 100%;
    }

    #bottom-tableau .contenu li {
        width: 100%;
    }

}

@media only screen and (max-width: 600px) {
    p.p-pwd div.waves-input-wrapper {
        margin-top: 1rem;
        padding-left: 0 !important;
    }

    .container-rub-bg {
        height: auto;
    }

    .middle-ouverture-compte .form-inline .btn.btn-success, .form-pwd .btn.btn-success {
        margin: 0 !important;
    }

    .white-text h1 {
        font-size: 2.4rem;
    }

    .white-text .text-intro {
        font-size: 1.6rem;
    }

    .footer-bottom .d-inline-block {
        text-align: left;
    }

    .footer-bottom .d-inline-block.rs-footer, .footer-bottom .d-inline-block.logo-fr-tek {
        display: none !important;
    }

    .logo-mobile-footer {
        display: block;
        margin-top: 4rem;
    }

    .rs-footer.mobile-only {
        display: block;
        padding-left: 0rem !important;
        text-align: center;
    }

    .mentions-bottom {
        padding-left: 0rem !important;
    }

    .footer-bottom .rs-footer.mobile-only .d-inline-block {
        text-align: center;
    }

    footer .block-footer-avant-right .btn {
        margin: 15px 0 5px 0;
    }

    footer .block-footer-avant {
        top: -120px;
    }

    .footer-bottom {
        margin-top: 160px;
    }

    #liste-actu .testimonial-card .card-body:after {
        height: 4rem;
    }

    .fixed-action-btn-new {
        display: block !important;
    }

    /*.fixed-action-btn-new ul li:first-child {display:none;}*/
    .acces-rapide > a {
        display: none;
    }

    .acces-rapide a.btn-co {
        border: 0;
        box-shadow: none;
        font-size: 2.4rem;
        padding: 0;
    }

    /*
        nav div.d-flex {
            display: block !important
        }
    */
    nav .button-mobile {
        float: left;
    }

    nav .logo-mobile {
        float: right;
    }
}

@media only screen and (max-width: 575px) {
    .block-galerie-photo figure.mdb-lightbox-fond a img {
        height: 100%;
        width: 100%;
    }

    .titre-h1 {
        font-size: 1rem;
    }

    #form-contact .md-form.clear {
        display: none;
    }

    #form-contact .md-form, #form-contact .md-form.full {
        width: 98%;
    }

    .navbar-light .navbar-brand img {
        max-width: 70%;
    }

    .owl-carousel .owl-stage .card {
        width: 97%;
    }

    .owl-carousel.owl-drag .owl-item + .owl-item {
        margin-left: 0px;
    }

    .owl-carousel .owl-nav {
        padding-right: 0;
    }

    header.not-hp {
        min-height: 90px
    }

    .full-bg-img-footer:before, .full-bg-img-footer {
        height: 200px;
    }

    .block-search form.form-block-search button.action-search {
        width: 15%;
    }

    #carousel-hp-evt .date-eve span {
        display: inline-flex;
        width: auto;
    }

    #carousel-hp-evt .jour-evt {
        order: 1;
        padding-right: .5rem;
    }

    #carousel-hp-evt .mois-evt {
        order: 2;
    }

    #carousel-hp-evt .date-eve {
        display: flex;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        align-items: center;
    }

    header.header-hp + main {
        padding-top: 300px;
    }

    .icone-top {
        float: right;
    }

    .titre-carrousel:before {
        display: none;
    }

    #inclus-abo {
        order: 2;
    }

    .entete-card p {
        text-align: center;
    }

    /*section.avantage-home h3, .logiciel-metier-home h3, .performance-home h3, .actualites-home h3, .tour-produit-full h3, .liste_info_contenu_block h3, #tarif-avantage h3 {padding-left:1.5rem!important;padding-right:1.5rem!important;}*/
    .tour-produit-full .ligne-tableau-tarif h3 {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

    .tour-produit-block > div:nth-child(3), .tour-produit-block > div:nth-child(4) {
        padding-bottom: 3rem !important;
        margin-bottom: .5rem !important;
    }

    .block-bouton-tarif {
        bottom: -30px;
    }

    .block-bouton-tarif div {
        width: 90%;
        padding: 1.5rem;
    }

    #grille-price .prix-user .mention-user {
        font-size: 1rem;
    }

    #grille-price .prix-user .mention-user:before {
        font-size: 1.5rem;
    }

    /*#grille-price > div {padding-right: 2em!important;}*/
    .pos-relative-full .block-bouton {
        width: 90%;
    }

    .side-nav .collapsible.mt-5 {
        margin-top: 1rem !important;
    }

    .fixed-action-btn-new {
        bottom: 0;
    }

    .black-text {
        padding-top: 40px;
        padding-left: 0;
    }

    .block-footer-menu .img-fluid {
        padding-left: 0.25rem !important;
    }

    .logiciel-metier-home .row:before {
        height: 97%
    }

    .performance-home .visu-smart {
        top: -200px;
    }

    .performance-home .text-pres-smart {
        padding-left: 10px;
    }

    .performance-home .pres-2-bg {
        margin: 20px 0 0;
    }

    #liste-metier .testimonial-card .card-up {
        height: 250px;
    }

    /*section.avantage-home p.flex-column-p, .logiciel-metier-home .flex-column-p, .actualites-home .flex-column-p {max-width:70%;}*/
    .footer-bottom .container .col-4 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 0rem;
    }

    .tour-produit-full-onglet .classic-tabs li a svg {
        width: 3rem;
        height: 3rem;
    }
}

@media only screen and (max-width: 500px) {
    .fond-opacite {
        background-color: rgba(255, 255, 255, 1);
    }

    .classic-tabs li a {
        padding: 2rem 1rem;
    }

    .mot-chef {
        border-right: 0;
        border-bottom: 1px solid white;
    }
}

@media only screen and (max-width: 400px) {
    .page-annuaire .block-search form.form-block-search button.action-search {
        width: 70%;
    }

    .classic-tabs li a {
        padding: 2rem .5rem;
    }

    .block-visuel-conseil, .block-visuel-conseil img {
        width: 120px;
        height: 180px
    }

    .block-bouton {
        bottom: -100px;
    }

    .black-text h1 {
        font-size: 2.5rem;
        font-weight: 500;
        margin-bottom: 2rem;
    }

    .switch-price {
        font-size: 1.1rem;
    }

    #simu-prix {
        padding-left: 0;
        padding-right: 0
    }

    .switch.switch-price label .lever {
        width: 25px;
    }

    .switch label input[type=checkbox]:checked + .lever:after {
        left: 15px;
    }

    .block-bouton-tarif .btn {
    }

    #simu-prix-titre {
        padding: 0;
    }

    .block-result-prix-control {
        width: 45%;
    }

    .block-bouton-tarif div {
        width: 96%;
    }

    .block-bouton-tarif {
        bottom: -25px;
    }

    .ecran-form form {
        margin-top: 2rem;
    }

    .ecran-form .logo {
        padding: 1.5rem 0;
    }

    .ecran-form .card {
        width: 95%;
        margin: 0 auto
    }

    .ecran-form .card-body {
        padding: 2rem;
    }

    .ecran-form .card .card-body span {
        max-width: 90%;
    }

    .tour-produit-full-onglet .classic-tabs li a {
        padding: 0 1.5rem 1rem 1.5rem;
    }

    .tour-produit-full-onglet .classic-tabs li a svg {
        width: 2.5rem;
        height: 2.5rem;
    }

    .pos-relative-full {
        top: 20%;
    }

    .footer-bottom .container .d-flex {
        padding: 2rem 0;
    }

    .block-footer-avant .block-footer-avant-left, .block-footer-avant .block-footer-avant-right {
        padding: 0;
    }

    .performance-home .text-pres-smart {
        padding-top: 0;
    }

    .performance-home div.flex-column-p {
        max-width: 98%;
    }

    .actualites-home div.flex-column-p {
        max-width: 98%;
    }

    #liste-metier .testimonial-card .card-up {
        height: 200px;
    }

    #sep {
        margin-top: -50px;
    }

    section.avantage-home p.flex-column-p, .logiciel-metier-home .flex-column-p {
        max-width: 85%;
    }
}

@media only screen and (max-width: 350px) {
    .block-bouton-tarif div {
        width: 99%;
    }

    .block-bouton-tarif {
        bottom: -30px;
    }

    .mentions-bottom p {
        font-size: 1rem;
    }

    .mentions-bottom ul li:last-child {
        clear: both;
        display: block;
    }

    .mentions-bottom ul li:last-child::before {
        color: white;
        padding: 0;
        font-size: 0.1rem;
    }

    .footer-bottom {
        margin-top: 200px;
    }
}

@media (min-width: 1440px) and (max-width: 1700px) {
    .black-text {
        padding-left: 50px;
    }

    .block-bouton div {
        padding-left: 35px;
    }
}

@media (max-width: 991.98px) {
    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}