/* Extend Bootstrap CSS Grid */ /* ces 2 directives ne sont pas nécessaires @media (min-width: 1400px) { .container { max-width: 1440px; } } @media (min-width: 1800px) { .container { max-width: 1840px; } } */ @media (min-width: 1400px) {.col-xxl {-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;}.col-xxl-auto {-ms-flex: 0 0 auto;flex: 0 0 auto;width: auto;max-width: none;}.col-xxl-1 {-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%;}.col-xxl-2 {-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%;}.col-xxl-3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}.col-xxl-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}.col-xxl-5 {-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%;}.col-xxl-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}.col-xxl-7 {-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;}.col-xxl-8 {-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;}.col-xxl-9 {-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;}.col-xxl-10 {-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%;}.col-xxl-11 {-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%;}.col-xxl-12 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}.order-xxl-first {-ms-flex-order: -1;order: -1;}.order-xxl-last {-ms-flex-order: 13;order: 13;}.order-xxl-0 {-ms-flex-order: 0;order: 0;}.order-xxl-1 {-ms-flex-order: 1;order: 1;}.order-xxl-2 {-ms-flex-order: 2;order: 2;}.order-xxl-3 {-ms-flex-order: 3;order: 3;}.order-xxl-4 {-ms-flex-order: 4;order: 4;}.order-xxl-5 {-ms-flex-order: 5;order: 5;}.order-xxl-6 {-ms-flex-order: 6;order: 6;}.order-xxl-7 {-ms-flex-order: 7;order: 7;}.order-xxl-8 {-ms-flex-order: 8;order: 8;}.order-xxl-9 {-ms-flex-order: 9;order: 9;}.order-xxl-10 {-ms-flex-order: 10;order: 10;}.order-xxl-11 {-ms-flex-order: 11;order: 11;}.order-xxl-12 {-ms-flex-order: 12;order: 12;}.offset-xxl-0 {margin-left: 0;}.offset-xxl-1 {margin-left: 8.333333%;}.offset-xxl-2 {margin-left: 16.666667%;}.offset-xxl-3 {margin-left: 25%;}.offset-xxl-4 {margin-left: 33.333333%;}.offset-xxl-5 {margin-left: 41.666667%;}.offset-xxl-6 {margin-left: 50%;}.offset-xxl-7 {margin-left: 58.333333%;}.offset-xxl-8 {margin-left: 66.666667%;}.offset-xxl-9 {margin-left: 75%;}.offset-xxl-10 {margin-left: 83.333333%;}.offset-xxl-11 {margin-left: 91.666667%;}}@media (min-width: 1800px) {.col-xxxl {-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;}.col-xxxl-auto {-ms-flex: 0 0 auto;flex: 0 0 auto;width: auto;max-width: none;}.col-xxxl-1 {-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%;}.col-xxxl-2 {-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%;}.col-xxxl-3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}.col-xxxl-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}.col-xxxl-5 {-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%;}.col-xxxl-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}.col-xxxl-7 {-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;}.col-xxxl-8 {-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;}.col-xxxl-9 {-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;}.col-xxxl-10 {-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%;}.col-xxxl-11 {-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%;}.col-xxxl-12 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}.order-xxxl-first {-ms-flex-order: -1;order: -1;}.order-xxxl-last {-ms-flex-order: 13;order: 13;}.order-xxxl-0 {-ms-flex-order: 0;order: 0;}.order-xxxl-1 {-ms-flex-order: 1;order: 1;}.order-xxxl-2 {-ms-flex-order: 2;order: 2;}.order-xxxl-3 {-ms-flex-order: 3;order: 3;}.order-xxxl-4 {-ms-flex-order: 4;order: 4;}.order-xxxl-5 {-ms-flex-order: 5;order: 5;}.order-xxxl-6 {-ms-flex-order: 6;order: 6;}.order-xxxl-7 {-ms-flex-order: 7;order: 7;}.order-xxxl-8 {-ms-flex-order: 8;order: 8;}.order-xxxl-9 {-ms-flex-order: 9;order: 9;}.order-xxxl-10 {-ms-flex-order: 10;order: 10;}.order-xxxl-11 {-ms-flex-order: 11;order: 11;}.order-xxxl-12 {-ms-flex-order: 12;order: 12;}.offset-xxxl-0 {margin-left: 0;}.offset-xxxl-1 {margin-left: 8.333333%;}.offset-xxxl-2 {margin-left: 16.666667%;}.offset-xxxl-3 {margin-left: 25%;}.offset-xxxl-4 {margin-left: 33.333333%;}.offset-xxxl-5 {margin-left: 41.666667%;}.offset-xxxl-6 {margin-left: 50%;}.offset-xxxl-7 {margin-left: 58.333333%;}.offset-xxxl-8 {margin-left: 66.666667%;}.offset-xxxl-9 {margin-left: 75%;}.offset-xxxl-10 {margin-left: 83.333333%;}.offset-xxxl-11 {margin-left: 91.666667%;}} @media (max-width: 1399.98px) {.table-responsive-xxl {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;}.table-responsive-xxl > .table-bordered {border: 0;}}@media (max-width: 1799.98px) {.table-responsive-xxxl {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;}.table-responsive-xxxl > .table-bordered {border: 0;}} @media (max-width: 1399.98px) {.navbar-expand-xxl > .container,.navbar-expand-xxl > .container-fluid {padding-right: 0;padding-left: 0;}}@media (min-width: 1400px) {.navbar-expand-xxl {-ms-flex-flow: row nowrap;flex-flow: row nowrap;-ms-flex-pack: start;justify-content: flex-start;}.navbar-expand-xxl .navbar-nav {-ms-flex-direction: row;flex-direction: row;}.navbar-expand-xxl .navbar-nav .dropdown-menu {position: absolute;}.navbar-expand-xxl .navbar-nav .nav-link {padding-right: 0.5rem;padding-left: 0.5rem;}.navbar-expand-xxl > .container,.navbar-expand-xxl > .container-fluid {-ms-flex-wrap: nowrap;flex-wrap: nowrap;}.navbar-expand-xxl .navbar-collapse {display: -ms-flexbox !important;display: flex !important;-ms-flex-preferred-size: auto;flex-basis: auto;}.navbar-expand-xxl .navbar-toggler {display: none;}}@media (max-width: 1799.98px) {.navbar-expand-xxxl > .container,.navbar-expand-xxxl > .container-fluid {padding-right: 0;padding-left: 0;}}@media (min-width: 1800px) {.navbar-expand-xxxl {-ms-flex-flow: row nowrap;flex-flow: row nowrap;-ms-flex-pack: start;justify-content: flex-start;}.navbar-expand-xxxl .navbar-nav {-ms-flex-direction: row;flex-direction: row;}.navbar-expand-xxxl .navbar-nav .dropdown-menu {position: absolute;}.navbar-expand-xxxl .navbar-nav .nav-link {padding-right: 0.5rem;padding-left: 0.5rem;}.navbar-expand-xxxl > .container,.navbar-expand-xxxl > .container-fluid {-ms-flex-wrap: nowrap;flex-wrap: nowrap;}.navbar-expand-xxxl .navbar-collapse {display: -ms-flexbox !important;display: flex !important;-ms-flex-preferred-size: auto;flex-basis: auto;}.navbar-expand-xxxl .navbar-toggler {display: none;}} @media (min-width: 1400px) {.d-xxl-none {display: none !important;}.d-xxl-inline {display: inline !important;}.d-xxl-inline-block {display: inline-block !important;}.d-xxl-block {display: block !important;}.d-xxl-table {display: table !important;}.d-xxl-table-row {display: table-row !important;}.d-xxl-table-cell {display: table-cell !important;}.d-xxl-flex {display: -ms-flexbox !important;display: flex !important;}.d-xxl-inline-flex {display: -ms-inline-flexbox !important;display: inline-flex !important;}}@media (min-width: 1800px) {.d-xxxl-none {display: none !important;}.d-xxxl-inline {display: inline !important;}.d-xxxl-inline-block {display: inline-block !important;}.d-xxxl-block {display: block !important;}.d-xxxl-table {display: table !important;}.d-xxxl-table-row {display: table-row !important;}.d-xxxl-table-cell {display: table-cell !important;}.d-xxxl-flex {display: -ms-flexbox !important;display: flex !important;}.d-xxxl-inline-flex {display: -ms-inline-flexbox !important;display: inline-flex !important;}} @media (min-width: 1400px) {.flex-xxl-row {-ms-flex-direction: row !important;flex-direction: row !important;}.flex-xxl-column {-ms-flex-direction: column !important;flex-direction: column !important;}.flex-xxl-row-reverse {-ms-flex-direction: row-reverse !important;flex-direction: row-reverse !important;}.flex-xxl-column-reverse {-ms-flex-direction: column-reverse !important;flex-direction: column-reverse !important;}.flex-xxl-wrap {-ms-flex-wrap: wrap !important;flex-wrap: wrap !important;}.flex-xxl-nowrap {-ms-flex-wrap: nowrap !important;flex-wrap: nowrap !important;}.flex-xxl-wrap-reverse {-ms-flex-wrap: wrap-reverse !important;flex-wrap: wrap-reverse !important;}.flex-xxl-fill {-ms-flex: 1 1 auto !important;flex: 1 1 auto !important;}.flex-xxl-grow-0 {-ms-flex-positive: 0 !important;flex-grow: 0 !important;}.flex-xxl-grow-1 {-ms-flex-positive: 1 !important;flex-grow: 1 !important;}.flex-xxl-shrink-0 {-ms-flex-negative: 0 !important;flex-shrink: 0 !important;}.flex-xxl-shrink-1 {-ms-flex-negative: 1 !important;flex-shrink: 1 !important;}.justify-content-xxl-start {-ms-flex-pack: start !important;justify-content: flex-start !important;}.justify-content-xxl-end {-ms-flex-pack: end !important;justify-content: flex-end !important;}.justify-content-xxl-center {-ms-flex-pack: center !important;justify-content: center !important;}.justify-content-xxl-between {-ms-flex-pack: justify !important;justify-content: space-between !important;}.justify-content-xxl-around {-ms-flex-pack: distribute !important;justify-content: space-around !important;}.align-items-xxl-start {-ms-flex-align: start !important;align-items: flex-start !important;}.align-items-xxl-end {-ms-flex-align: end !important;align-items: flex-end !important;}.align-items-xxl-center {-ms-flex-align: center !important;align-items: center !important;}.align-items-xxl-baseline {-ms-flex-align: baseline !important;align-items: baseline !important;}.align-items-xxl-stretch {-ms-flex-align: stretch !important;align-items: stretch !important;}.align-content-xxl-start {-ms-flex-line-pack: start !important;align-content: flex-start !important;}.align-content-xxl-end {-ms-flex-line-pack: end !important;align-content: flex-end !important;}.align-content-xxl-center {-ms-flex-line-pack: center !important;align-content: center !important;}.align-content-xxl-between {-ms-flex-line-pack: justify !important;align-content: space-between !important;}.align-content-xxl-around {-ms-flex-line-pack: distribute !important;align-content: space-around !important;}.align-content-xxl-stretch {-ms-flex-line-pack: stretch !important;align-content: stretch !important;}.align-self-xxl-auto {-ms-flex-item-align: auto !important;align-self: auto !important;}.align-self-xxl-start {-ms-flex-item-align: start !important;align-self: flex-start !important;}.align-self-xxl-end {-ms-flex-item-align: end !important;align-self: flex-end !important;}.align-self-xxl-center {-ms-flex-item-align: center !important;align-self: center !important;}.align-self-xxl-baseline {-ms-flex-item-align: baseline !important;align-self: baseline !important;}.align-self-xxl-stretch {-ms-flex-item-align: stretch !important;align-self: stretch !important;}}@media (min-width: 1800px) {.flex-xxxl-row {-ms-flex-direction: row !important;flex-direction: row !important;}.flex-xxxl-column {-ms-flex-direction: column !important;flex-direction: column !important;}.flex-xxxl-row-reverse {-ms-flex-direction: row-reverse !important;flex-direction: row-reverse !important;}.flex-xxxl-column-reverse {-ms-flex-direction: column-reverse !important;flex-direction: column-reverse !important;}.flex-xxxl-wrap {-ms-flex-wrap: wrap !important;flex-wrap: wrap !important;}.flex-xxxl-nowrap {-ms-flex-wrap: nowrap !important;flex-wrap: nowrap !important;}.flex-xxxl-wrap-reverse {-ms-flex-wrap: wrap-reverse !important;flex-wrap: wrap-reverse !important;}.flex-xxxl-fill {-ms-flex: 1 1 auto !important;flex: 1 1 auto !important;}.flex-xxxl-grow-0 {-ms-flex-positive: 0 !important;flex-grow: 0 !important;}.flex-xxxl-grow-1 {-ms-flex-positive: 1 !important;flex-grow: 1 !important;}.flex-xxxl-shrink-0 {-ms-flex-negative: 0 !important;flex-shrink: 0 !important;}.flex-xxxl-shrink-1 {-ms-flex-negative: 1 !important;flex-shrink: 1 !important;}.justify-content-xxxl-start {-ms-flex-pack: start !important;justify-content: flex-start !important;}.justify-content-xxxl-end {-ms-flex-pack: end !important;justify-content: flex-end !important;}.justify-content-xxxl-center {-ms-flex-pack: center !important;justify-content: center !important;}.justify-content-xxxl-between {-ms-flex-pack: justify !important;justify-content: space-between !important;}.justify-content-xxxl-around {-ms-flex-pack: distribute !important;justify-content: space-around !important;}.align-items-xxxl-start {-ms-flex-align: start !important;align-items: flex-start !important;}.align-items-xxxl-end {-ms-flex-align: end !important;align-items: flex-end !important;}.align-items-xxxl-center {-ms-flex-align: center !important;align-items: center !important;}.align-items-xxxl-baseline {-ms-flex-align: baseline !important;align-items: baseline !important;}.align-items-xxxl-stretch {-ms-flex-align: stretch !important;align-items: stretch !important;}.align-content-xxxl-start {-ms-flex-line-pack: start !important;align-content: flex-start !important;}.align-content-xxxl-end {-ms-flex-line-pack: end !important;align-content: flex-end !important;}.align-content-xxxl-center {-ms-flex-line-pack: center !important;align-content: center !important;}.align-content-xxxl-between {-ms-flex-line-pack: justify !important;align-content: space-between !important;}.align-content-xxxl-around {-ms-flex-line-pack: distribute !important;align-content: space-around !important;}.align-content-xxxl-stretch {-ms-flex-line-pack: stretch !important;align-content: stretch !important;}.align-self-xxxl-auto {-ms-flex-item-align: auto !important;align-self: auto !important;}.align-self-xxxl-start {-ms-flex-item-align: start !important;align-self: flex-start !important;}.align-self-xxxl-end {-ms-flex-item-align: end !important;align-self: flex-end !important;}.align-self-xxxl-center {-ms-flex-item-align: center !important;align-self: center !important;}.align-self-xxxl-baseline {-ms-flex-item-align: baseline !important;align-self: baseline !important;}.align-self-xxxl-stretch {-ms-flex-item-align: stretch !important;align-self: stretch !important;}} @media (min-width: 1400px) {.float-xxl-left {float: left !important;}.float-xxl-right {float: right !important;}.float-xxl-none {float: none !important;}}@media (min-width: 1800px) {.float-xxxl-left {float: left !important;}.float-xxxl-right {float: right !important;}.float-xxxl-none {float: none !important;}} @media (min-width: 1400px) {.m-xxl-0 {margin: 0 !important;}.mt-xxl-0,.my-xxl-0 {margin-top: 0 !important;}.mr-xxl-0,.mx-xxl-0 {margin-right: 0 !important;}.mb-xxl-0,.my-xxl-0 {margin-bottom: 0 !important;}.ml-xxl-0,.mx-xxl-0 {margin-left: 0 !important;}.m-xxl-1 {margin: 0.25rem !important;}.mt-xxl-1,.my-xxl-1 {margin-top: 0.25rem !important;}.mr-xxl-1,.mx-xxl-1 {margin-right: 0.25rem !important;}.mb-xxl-1,.my-xxl-1 {margin-bottom: 0.25rem !important;}.ml-xxl-1,.mx-xxl-1 {margin-left: 0.25rem !important;}.m-xxl-2 {margin: 0.5rem !important;}.mt-xxl-2,.my-xxl-2 {margin-top: 0.5rem !important;}.mr-xxl-2,.mx-xxl-2 {margin-right: 0.5rem !important;}.mb-xxl-2,.my-xxl-2 {margin-bottom: 0.5rem !important;}.ml-xxl-2,.mx-xxl-2 {margin-left: 0.5rem !important;}.m-xxl-3 {margin: 1rem !important;}.mt-xxl-3,.my-xxl-3 {margin-top: 1rem !important;}.mr-xxl-3,.mx-xxl-3 {margin-right: 1rem !important;}.mb-xxl-3,.my-xxl-3 {margin-bottom: 1rem !important;}.ml-xxl-3,.mx-xxl-3 {margin-left: 1rem !important;}.m-xxl-4 {margin: 1.5rem !important;}.mt-xxl-4,.my-xxl-4 {margin-top: 1.5rem !important;}.mr-xxl-4,.mx-xxl-4 {margin-right: 1.5rem !important;}.mb-xxl-4,.my-xxl-4 {margin-bottom: 1.5rem !important;}.ml-xxl-4,.mx-xxl-4 {margin-left: 1.5rem !important;}.m-xxl-5 {margin: 3rem !important;}.mt-xxl-5,.my-xxl-5 {margin-top: 3rem !important;}.mr-xxl-5,.mx-xxl-5 {margin-right: 3rem !important;}.mb-xxl-5,.my-xxl-5 {margin-bottom: 3rem !important;}.ml-xxl-5,.mx-xxl-5 {margin-left: 3rem !important;}.p-xxl-0 {padding: 0 !important;}.pt-xxl-0,.py-xxl-0 {padding-top: 0 !important;}.pr-xxl-0,.px-xxl-0 {padding-right: 0 !important;}.pb-xxl-0,.py-xxl-0 {padding-bottom: 0 !important;}.pl-xxl-0,.px-xxl-0 {padding-left: 0 !important;}.p-xxl-1 {padding: 0.25rem !important;}.pt-xxl-1,.py-xxl-1 {padding-top: 0.25rem !important;}.pr-xxl-1,.px-xxl-1 {padding-right: 0.25rem !important;}.pb-xxl-1,.py-xxl-1 {padding-bottom: 0.25rem !important;}.pl-xxl-1,.px-xxl-1 {padding-left: 0.25rem !important;}.p-xxl-2 {padding: 0.5rem !important;}.pt-xxl-2,.py-xxl-2 {padding-top: 0.5rem !important;}.pr-xxl-2,.px-xxl-2 {padding-right: 0.5rem !important;}.pb-xxl-2,.py-xxl-2 {padding-bottom: 0.5rem !important;}.pl-xxl-2,.px-xxl-2 {padding-left: 0.5rem !important;}.p-xxl-3 {padding: 1rem !important;}.pt-xxl-3,.py-xxl-3 {padding-top: 1rem !important;}.pr-xxl-3,.px-xxl-3 {padding-right: 1rem !important;}.pb-xxl-3,.py-xxl-3 {padding-bottom: 1rem !important;}.pl-xxl-3,.px-xxl-3 {padding-left: 1rem !important;}.p-xxl-4 {padding: 1.5rem !important;}.pt-xxl-4,.py-xxl-4 {padding-top: 1.5rem !important;}.pr-xxl-4,.px-xxl-4 {padding-right: 1.5rem !important;}.pb-xxl-4,.py-xxl-4 {padding-bottom: 1.5rem !important;}.pl-xxl-4,.px-xxl-4 {padding-left: 1.5rem !important;}.p-xxl-5 {padding: 3rem !important;}.pt-xxl-5,.py-xxl-5 {padding-top: 3rem !important;}.pr-xxl-5,.px-xxl-5 {padding-right: 3rem !important;}.pb-xxl-5,.py-xxl-5 {padding-bottom: 3rem !important;}.pl-xxl-5,.px-xxl-5 {padding-left: 3rem !important;}.m-xxl-auto {margin: auto !important;}.mt-xxl-auto,.my-xxl-auto {margin-top: auto !important;}.mr-xxl-auto,.mx-xxl-auto {margin-right: auto !important;}.mb-xxl-auto,.my-xxl-auto {margin-bottom: auto !important;}.ml-xxl-auto,.mx-xxl-auto {margin-left: auto !important;}}@media (min-width: 1800px) {.m-xxxl-0 {margin: 0 !important;}.mt-xxxl-0,.my-xxxl-0 {margin-top: 0 !important;}.mr-xxxl-0,.mx-xxxl-0 {margin-right: 0 !important;}.mb-xxxl-0,.my-xxxl-0 {margin-bottom: 0 !important;}.ml-xxxl-0,.mx-xxxl-0 {margin-left: 0 !important;}.m-xxxl-1 {margin: 0.25rem !important;}.mt-xxxl-1,.my-xxxl-1 {margin-top: 0.25rem !important;}.mr-xxxl-1,.mx-xxxl-1 {margin-right: 0.25rem !important;}.mb-xxxl-1,.my-xxxl-1 {margin-bottom: 0.25rem !important;}.ml-xxxl-1,.mx-xxxl-1 {margin-left: 0.25rem !important;}.m-xxxl-2 {margin: 0.5rem !important;}.mt-xxxl-2,.my-xxxl-2 {margin-top: 0.5rem !important;}.mr-xxxl-2,.mx-xxxl-2 {margin-right: 0.5rem !important;}.mb-xxxl-2,.my-xxxl-2 {margin-bottom: 0.5rem !important;}.ml-xxxl-2,.mx-xxxl-2 {margin-left: 0.5rem !important;}.m-xxxl-3 {margin: 1rem !important;}.mt-xxxl-3,.my-xxxl-3 {margin-top: 1rem !important;}.mr-xxxl-3,.mx-xxxl-3 {margin-right: 1rem !important;}.mb-xxxl-3,.my-xxxl-3 {margin-bottom: 1rem !important;}.ml-xxxl-3,.mx-xxxl-3 {margin-left: 1rem !important;}.m-xxxl-4 {margin: 1.5rem !important;}.mt-xxxl-4,.my-xxxl-4 {margin-top: 1.5rem !important;}.mr-xxxl-4,.mx-xxxl-4 {margin-right: 1.5rem !important;}.mb-xxxl-4,.my-xxxl-4 {margin-bottom: 1.5rem !important;}.ml-xxxl-4,.mx-xxxl-4 {margin-left: 1.5rem !important;}.m-xxxl-5 {margin: 3rem !important;}.mt-xxxl-5,.my-xxxl-5 {margin-top: 3rem !important;}.mr-xxxl-5,.mx-xxxl-5 {margin-right: 3rem !important;}.mb-xxxl-5,.my-xxxl-5 {margin-bottom: 3rem !important;}.ml-xxxl-5,.mx-xxxl-5 {margin-left: 3rem !important;}.p-xxxl-0 {padding: 0 !important;}.pt-xxxl-0,.py-xxxl-0 {padding-top: 0 !important;}.pr-xxxl-0,.px-xxxl-0 {padding-right: 0 !important;}.pb-xxxl-0,.py-xxxl-0 {padding-bottom: 0 !important;}.pl-xxxl-0,.px-xxxl-0 {padding-left: 0 !important;}.p-xxxl-1 {padding: 0.25rem !important;}.pt-xxxl-1,.py-xxxl-1 {padding-top: 0.25rem !important;}.pr-xxxl-1,.px-xxxl-1 {padding-right: 0.25rem !important;}.pb-xxxl-1,.py-xxxl-1 {padding-bottom: 0.25rem !important;}.pl-xxxl-1,.px-xxxl-1 {padding-left: 0.25rem !important;}.p-xxxl-2 {padding: 0.5rem !important;}.pt-xxxl-2,.py-xxxl-2 {padding-top: 0.5rem !important;}.pr-xxxl-2,.px-xxxl-2 {padding-right: 0.5rem !important;}.pb-xxxl-2,.py-xxxl-2 {padding-bottom: 0.5rem !important;}.pl-xxxl-2,.px-xxxl-2 {padding-left: 0.5rem !important;}.p-xxxl-3 {padding: 1rem !important;}.pt-xxxl-3,.py-xxxl-3 {padding-top: 1rem !important;}.pr-xxxl-3,.px-xxxl-3 {padding-right: 1rem !important;}.pb-xxxl-3,.py-xxxl-3 {padding-bottom: 1rem !important;}.pl-xxxl-3,.px-xxxl-3 {padding-left: 1rem !important;}.p-xxxl-4 {padding: 1.5rem !important;}.pt-xxxl-4,.py-xxxl-4 {padding-top: 1.5rem !important;}.pr-xxxl-4,.px-xxxl-4 {padding-right: 1.5rem !important;}.pb-xxxl-4,.py-xxxl-4 {padding-bottom: 1.5rem !important;}.pl-xxxl-4,.px-xxxl-4 {padding-left: 1.5rem !important;}.p-xxxl-5 {padding: 3rem !important;}.pt-xxxl-5,.py-xxxl-5 {padding-top: 3rem !important;}.pr-xxxl-5,.px-xxxl-5 {padding-right: 3rem !important;}.pb-xxxl-5,.py-xxxl-5 {padding-bottom: 3rem !important;}.pl-xxxl-5,.px-xxxl-5 {padding-left: 3rem !important;}.m-xxxl-auto {margin: auto !important;}.mt-xxxl-auto,.my-xxxl-auto {margin-top: auto !important;}.mr-xxxl-auto,.mx-xxxl-auto {margin-right: auto !important;}.mb-xxxl-auto,.my-xxxl-auto {margin-bottom: auto !important;}.ml-xxxl-auto,.mx-xxxl-auto {margin-left: auto !important;}} @media (min-width: 1400px) {.text-xxl-left {text-align: left !important;}.text-xxl-right {text-align: right !important;}.text-xxl-center {text-align: center !important;}}@media (min-width: 1800px) {.text-xxxl-left {text-align: left !important;}.text-xxxl-right {text-align: right !important;}.text-xxxl-center {text-align: center !important;}} b, strong { font-weight: bold !important } .center-it{ width: 100%; display:flex; justify-content:flex-end; align-items:center; } .center-it a{ margin-right:0px; } .center-it>a:first-child{ margin-right: 15px; } /* Tarte au citron */ body #tarteaucitronRoot * { box-sizing: border-box; font-family: "Roboto", Arial, sans-serif } body #tarteaucitronAlertBig { left: 0; right: 0; top: 0; width: 100%; bottom: 0; background: rgba(0,0,0,0.6); z-index: 999; } body #tarteaucitronAlertSmall { display: none !important } body #tarteaucitronContainer { top: 3rem; bottom: auto; left: 10%; width: 80%; background: #ffffff; color: #484848; padding: 0 0 3rem; position: relative; border-radius: 0.15rem; overflow: hidden; } body #tarteaucitronDisclaimerTitle { background: #5D0E4E url("images/fond_tarteaucitron_title.jpg") no-repeat center center; background-size: cover; color: #ffffff; text-transform: uppercase; display: block; width: 100%; padding: 2rem 1rem; font-family: 'Ubuntu', 'Roboto', Arial, sans-serif; font-size: 1.1rem; font-weight: 300; margin-bottom: 1.5rem } body #tarteaucitronDisclaimerLogo { display: block; width: 100%; height: 70px; background: transparent url('images/logo_wmk_violet_transparent.png') no-repeat center center; margin: 2rem 0 } body #tarteaucitronContainer #tarteaucitronDisclaimerAlert { color: #484848 !important; line-height: 1.6rem; margin: 1rem; width: calc( 100% - 2rem ); } #tarteaucitronContainer #tarteaucitronDisclaimerAlert b { display: none } body #tarteaucitronDisclaimerAlert { width: 100%; margin: 1rem 0; display: block; font-family: "Roboto", Arial, sans-serif } body #tarteaucitronContainer #tarteaucitronCloseAlert, body #tarteaucitronContainer #tarteaucitronPersonalize { display: block; width: calc( 100% - 2rem ); padding: 1rem; text-align: center; font-size: 1.1rem; margin: 1.5rem 1rem 0; font-family: 'Ubuntu', 'Roboto', Arial, sans-serif } body #tarteaucitronContainer #tarteaucitronPersonalize { border: 1px solid #75aeac; border-radius: 0.15rem; background-color: #75aeac; color: #ffffff } body #tarteaucitronContainer #tarteaucitronCloseAlert { border: 1px solid #75aeac; border-radius: 0.15rem; color: #75aeac } body #tarteaucitronContainer #tarteaucitronCloseAlert:hover, body #tarteaucitronContainer #tarteaucitronPersonalize:hover { border: 1px solid #5D0E4E; background-color: #5D0E4E; color: #ffffff } body #tarteaucitronBack { background: rgba(0,0,0,0.6); opacity: 1; } body #tarteaucitron #tarteaucitronServices { border-radius: 0.15rem; overflow: hidden } body #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine, body #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover { background: #5D0E4E; border: 3px solid #5D0E4E; border-left: 9px solid #5D0E4E; border-top: 5px solid #5D0E4E; } @media only screen and (max-width: 800px) { body #tarteaucitronContainer { top: 1rem; left: 0%; width: 100% } body #tarteaucitronContainer #tarteaucitronDisclaimerAlert, body #tarteaucitronContainer #tarteaucitronDisclaimerAlert b { line-height: 1.6em; font: 12px verdana; } } * { font-display: swap; } .col-0 { width: 0%; display: none } h1,h2,h3,h4,h5,h6 { font-family: 'Ubuntu', 'Roboto', Arial, sans-serif; line-height: 1.2 !important } h1 { font-size: 2rem; font-weight: 400 !important } h2 { font-size: 1.5rem; font-weight: 500 !important } h3, h4, h5, h6 { font-size: 1.2rem; font-weight: 500 !important } img { max-width: 100%; height: auto; } p { width: 100% } #header .header_menus ul.menu .sub-menu li, .mobile_menu, #header .fa-angle-double-down::before, i, a, button { -webkit-transition: all 0.1s ease-in;-moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } iframe { max-width: 100%; margin: 0 auto; display: block; } .block_contenu .col-12 iframe { margin: 3rem auto } .btn { font-family: 'Ubuntu', 'Roboto', Arial, sans-serif; white-space: normal; } .btn_white { background-color: #ffffff; padding: 0.6rem 3rem; display: inline-block; margin: 1rem 0; border-radius: 0.15rem; color: #5D0E4E } .btn_red { background-color: #e10f54; padding: 0.6rem 3rem; display: inline-block; margin: 1rem 0; border-radius: 0.15rem; color: #ffffff } .btn_violet { background-color: #5D0E4E; padding: 0.6rem 3rem; display: inline-block; margin: 1rem 0; border-radius: 0.15rem; color: #ffffff } .btn_green { background-color: #75aeac; padding: 0.6rem 3rem; display: inline-block; margin: 1rem 0; border-radius: 0.15rem; color: #ffffff !important } .btn_white:hover, .btn_red:hover, .btn_violet:hover { background-color: #75aeac; color: #ffffff } .btn_green:hover { background-color: #5D0E4E; color: #ffffff !important } .wave_color_75aeac .btn_white:hover, .wave_color_75aeac .btn_red:hover { background-color: #5D0E4E; color: #ffffff } .wave_color_75aeac .btn_violet:hover { background-color: #ffffff; color: #5D0E4E } .clear { clear: both; display: block } .displaynone { display: none !important; } .nopadding { padding: 0 } .alignleft, .left, img[align="left"] { display: block; text-align: left !important } .alignright, .right, img[align="right"] { display: block; text-align: right !important } .aligncenter, .center, img[align="middle"] { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; text-align: center !important; } .alignnone { clear: both; } *::selection { background-color: #5D0E4E; color: #ffffff } *:focus { outline: 0 } *::-moz-selection { background-color: #5D0E4E; color: #ffffff } select, input, textarea { font-family: inherit; border: 1px solid #d8d8d8; font-size: 1rem } select { -moz-appearance:none; -webkit-appearance:none; appearance:none; background: transparent url("images/select.png") no-repeat 95% 50% !important; padding-right: 2.5rem !important } select::-ms-expand { display: none; } /* Titres et Accroches et liens */ .bloc_title { margin: 1rem 0 3rem; text-align: center; } .bloc_title.nomargin { margin: 0 } .bloc_title h2 { position: relative; max-width: 50rem; padding: 2rem; margin: 0; display: inline-block; color: #5D0E4E; letter-spacing: 4px } span.up_right { position: absolute; top: 0; right: 0 } span.up_right svg { width: 2rem; height: 2rem; fill: #75aeac; transform: rotate(45deg); } .white_texts span.up_right svg { fill: #5D0E4E } span.down_left { position: absolute; bottom: 0; left: 0 } span.down_left svg { width: 2rem; height: 2rem; fill: #75aeac; transform: rotate(-135deg); } .white_texts span.down_left svg { fill: #5D0E4E } .bloc_accroche { text-align: center; margin: 1rem 0 3rem } .bloc_accroche.nomargin { margin: 0 0 3rem } .bloc_liens { justify-content: center; margin-top: 1rem; margin-bottom: 1rem; } .bloc_liens .bloc_lien a { width: 100% } /* Sliders */ .multiple_slider { width: 100% } .slider, .slider_nocontrol, .multiple_slider { list-style-type: none; padding: 0 } .slider *, .slider_nocontrol *, .multiple_slider * { -webkit-transition: all 0s ease-in; -moz-transition: all 0s ease-in; -o-transition: all 0s ease-in; -ms-transition: all 0s ease-in; transition: all 0s ease-in; } .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; display: block; overflow: hidden; margin: 0 auto; padding: 0; height: 100% } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) } .slick-track { position: relative; top: 0; left: 0; display: -webkit-flex; display: flex; margin: 0 auto; height: 100% } .slick-track::before, .slick-track::after { display: table; content: ''; } .slick-track::after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; min-height: 1px; padding-bottom: 0em; padding-left: 1rem; padding-right: 1rem } .slick-slide > div { display: block; display: -webkit-flex; display: flex; height: 100% } #archives .slick-slide { padding-bottom: 0 } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; height: 100% !important; margin: 0 auto; position: relative } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; position: relative } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-prev, .slick-next { position: absolute; top: calc( 50% - 1rem ); border: none; background: #ffffff; cursor: pointer; width: 2rem; height: 2rem; color: #5D0E4E; z-index: 5; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; outline: none; font-size: 2rem; box-shadow: 0 0 10px #5D0E4E; border-radius: 100% } .slick-prev { left: -1.5rem } .slick-next { right: -1.5rem } .slick-prev i, .slick-next i { font-size: 0.8em; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } /* Multiple slider */ .multiple_slider .slick-slide > div { display: block; max-width: 100%; } .multiple_slider .annonce h2 { padding: 0.4rem 0; font-size: 1rem; font-weight: 500 } .multiple_slider .annonce .illustrations { background-color: #ff0000; width: 100%; height: 300px } .multiple_slider .annonce .photo { display: -webkit-flex; display: flex; position: absolute; top: 0.7rem; right: 0.7rem; } .multiple_slider .annonce .nb_photos { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; color: #ffffff; padding: 0.3rem 0.6rem; font-size: 0.8rem; background: rgba(25,25,25,0.5); border-radius: 0.3rem } .multiple_slider .annonce .nb_photos svg { width: 1.2rem; height: 1.2rem; stroke: #ffffff !important; margin-right: 0.4rem } .multiple_slider .annonce .nb_photos:hover { background: rgba(178,200,1,0.5); cursor: pointer } .multiple_slider .annonce p { font-weight: 100; padding: 0; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } .multiple_slider .annonce p span { display: -webkit-flex; display: flex } .multiple_slider .annonce p span.ville { font-size: 0.8rem } .multiple_slider .annonce p svg { width: 1rem; height: 1.2rem; stroke: #6e6d6d !important; margin-right: 0.4rem; } .slider_range * { -webkit-transition: all 0s ease-in; -moz-transition: all 0s ease-in; -o-transition: all 0s ease-in; -ms-transition: all 0s ease-in; transition: all 0s ease-in; } /* Tabs system */ .ui-tabs {} .ui-tabs .ui-tabs-nav { list-style-type: none; margin: 0; padding: 0; display: flex } .ui-tabs .ui-tabs-nav li { flex: 1; display: flex; align-items: flex-end; justify-content: center; border-bottom: 5px solid transparent; font-family: 'Ubuntu', 'Roboto', Arial, sans-serif; padding-bottom: 1rem } .ui-tabs .ui-tabs-nav li.ui-tabs-active { border-bottom: 5px solid #5D0E4E } .ui-tabs .ui-tabs-nav li a { display: flex; align-items: center; justify-content: flex-start; width: 100%; height: 100%; text-transform: uppercase; color: #b0b0b0; font-weight: 500; flex-direction: column; text-align: center; word-break: break-all; } .ui-tabs .ui-tabs-nav li a:hover, .ui-tabs .ui-tabs-nav li.ui-tabs-active a { text-decoration: none; color: #5D0E4E } .ui-tabs .ui-tabs-nav li a img { margin-bottom: 1rem; display: block; padding: 0 0.5rem; opacity: 0.6; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; width: auto; -webkit-backface-visibility: hidden; } .ui-tabs .ui-tabs-nav li a:hover img, .ui-tabs .ui-tabs-nav li.ui-tabs-active a img { opacity: 1 } .ui-tabs .ui-tabs-nav li a span { display: block; padding: 0 0.5rem } /* Cursors system */ .ui-slider { height: 1rem; border-radius: 0.5rem; background: #75aeac; position: relative } .ui-slider-handle { width: 2rem; height: 2rem; border-radius: 100%; background-color: #5D0E4E; position: absolute; margin-top: -0.5rem; margin-left: -0.5rem; cursor: pointer; display: flex; align-items: center; justify-content: center; } .ui-slider-handle::before { font-family: "FontAwesome"; content: "\f07e"; color: #ffffff; font-size: 1rem } /* ----------------- */ /* Super Extra Small */ /* ----------------- */ html { background-color: #fafafa } body { font-family: "Roboto", Arial, sans-serif; color: #484848; background-color: #ffffff; max-width: 2560px; margin: 0 auto } #header { background-color: #5D0E4E; color: #ffffff; z-index: 9; background-size: cover !important } #header > div { z-index: 7 } #header .header_container, #header .product_menu { z-index: 9 } #header > .container-fluid { position: relative } #header .headline_slider { display: none } #header .header_logo { display: flex; align-items: center; justify-content: center; padding: 1rem 0 } #header .header_logo img { width: auto; height: 45px } #header .header_logo img.reversed { display: none } #header .mobile_menu { font-size: 1.8rem; display: flex; width: 100%; height: 100%; cursor: pointer; padding: 0 0 0.2rem; align-items: center; justify-content: space-between; } #header .mobile_menu i { padding: 0.5rem 1rem } #header .mobile_menu:hover { background-color: #75aeac } #header .mobile_menu div { display: flex } #header .mobile_menu div svg { padding-right: 0.25rem; padding-left: 0.5rem; width: 3.5rem } #header .mobile_menu div i { } #header .header_menus { position: absolute; top: 100%; background-color: #5D0E4E; z-index: 9; width: 100%; left: 0; overflow: hidden; padding-bottom: 1rem; display: none } #header .header_menus .col-12 { padding: 0 } #header .header_menus .menu_intro { display: none } #header .header_menus ul.menu { list-style-type: none; padding: 0; font-family: 'Ubuntu', 'Roboto', Arial, sans-serif; font-size: 1.1rem; font-weight: 300 } #header .header_menus ul.menu li .inner_menu { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between } #header .header_menus ul.menu li .inner_menu i { margin-right: 0.5rem; padding: 0.5rem; font-size: 2rem; line-height: 1.5rem } #header .header_menus ul.menu li .inner_menu i:hover { cursor: pointer; background-color: #75aeac; color: #ffffff !important } #header .header_menus ul.menu li a { color: #ffffff; display: block; padding: 0.5rem 1rem; width: 100% } #header .header_menus ul.menu li:hover > .inner_menu { background-color: #ffffff } .template-single-wmk_integration #header .header_menus ul.menu li.integrations > .inner_menu, .template-single-wmk_partenaire #header .header_menus ul.menu li.partenaires > .inner_menu, #header .header_menus ul.menu li.current-menu-item > .inner_menu, #header .header_menus ul.menu li.current_page_parent > .inner_menu, #header .header_menus ul.menu li.current_page_item > .inner_menu, #header .header_menus ul.menu li.current-menu-ancestor > .inner_menu, #header .header_menus ul.menu li.current_page_item > .inner_menu, #header .header_menus ul.menu li.current-menu-item > .inner_menu { background-color: #75aeac } #header .header_menus ul.menu li:hover > .inner_menu a { color: #5D0E4E; text-decoration: none } .template-single-wmk_integration #header .header_menus ul.menu li.integrations > .inner_menu a, .template-single-wmk_partenaire #header .header_menus ul.menu li.partenaires > .inner_menu a, #header .header_menus ul.menu li.current-menu-item > .inner_menu a, #header .header_menus ul.menu li.current_page_parent > .inner_menu a, #header .header_menus ul.menu li.current_page_item > .inner_menu a, #header .header_menus ul.menu li.current-menu-ancestor > .inner_menu a, #header .header_menus ul.menu li.current_page_item > .inner_menu a, #header .header_menus ul.menu li.current-menu-item > .inner_menu a { color: #ffffff; text-decoration: none } #header .header_menus ul.menu li:hover > .inner_menu i { color: #5D0E4E } .template-single-wmk_integration #header .header_menus ul.menu li.integrations > .inner_menu i, .template-single-wmk_partenaire #header .header_menus ul.menu li.partenaires > .inner_menu i, #header .header_menus ul.menu li.current-menu-item > .inner_menu i, #header .header_menus ul.menu li.current_page_parent > .inner_menu i, #header .header_menus ul.menu li.current_page_item > .inner_menu i, #header .header_menus ul.menu li.current-menu-ancestor > .inner_menu i, #header .header_menus ul.menu li.current_page_item > .inner_menu i, #header .header_menus ul.menu li.current-menu-item > .inner_menu i { color: #ffffff } #header .header_menus ul.menu ul { padding: 0; list-style-type: none; width: 100% } #header .header_menus ul.menu > li > a { padding-left: 1rem } #header .header_menus ul.menu > li li a { padding-left: 2rem; position: relative } #header .header_menus ul.menu > li li li a { padding-left: 3rem } #header .header_menus ul.menu > li li li li a { padding-left: 4rem } #header .header_menus ul.menu .sub-menu-container { display: none } #header .header_menus ul.menu .menu-item-icon { display: none } /* Cas spécifiques des CPT : désactivation du parent sur le lien de la page Home */ .template-single-wmk_business #header .header_menus ul.menu li.current_page_parent > .inner_menu, .template-single-wmk_changelog #header .header_menus ul.menu li.current_page_parent > .inner_menu, .template-single-wmk_integration #header .header_menus ul.menu li.current_page_parent > .inner_menu, .template-single-wmk_partenaire #header .header_menus ul.menu li.current_page_parent > .inner_menu, .template-single-wmk_glossaire #header .header_menus ul.menu li.current_page_parent > .inner_menu { background-color: transparent } .template-single-wmk_business #header .header_menus ul.menu li.current_page_parent:hover > .inner_menu, .template-single-wmk_changelog #header .header_menus ul.menu li.current_page_parent:hover > .inner_menu, .template-single-wmk_integration #header .header_menus ul.menu li.current_page_parent:hover > .inner_menu, .template-single-wmk_partenaire #header .header_menus ul.menu li.current_page_parent:hover > .inner_menu, .template-single-wmk_glossaire #header .header_menus ul.menu li.current_page_parent:hover > .inner_menu { background-color: #ffffff } .template-single-wmk_business #header .header_menus ul.menu li.current_page_parent:hover > .inner_menu a, .template-single-wmk_changelog #header .header_menus ul.menu li.current_page_parent:hover > .inner_menu a, .template-single-wmk_integration #header .header_menus ul.menu li.current_page_parent:hover > .inner_menu a, .template-single-wmk_partenaire #header .header_menus ul.menu li.current_page_parent:hover > .inner_menu a, .template-single-wmk_glossaire #header .header_menus ul.menu li.current_page_parent:hover > .inner_menu a { color: #5D0E4E; text-decoration: none; } #header .blog_menu { text-align: center } #header .blog_menu a { padding: 0 1rem; display: inline-block; font-size: 3rem; color: #ffffff } #header .header_actions .btn { display: block; padding: 0.6rem 1rem; /*margin: 0.5rem 1rem 1rem;*/ font-weight: 300 } #header .header_actions .btn-login { border: 1px solid #ffffff; border-radius: 0.15rem; color: #ffffff; background-color: transparent; margin: 0; } #header .header_actions .btn-demo { border: 1px solid #ffffff; border-radius: 0.15rem; color: #5D0E4E; background-color: #ffffff; margin-right: 15px; } #header .header_actions .btn-login:hover { border: 1px solid #75aeac; background-color: #75aeac } #header .header_actions .btn-demo:hover { border: 1px solid #75aeac; color: #ffffff; background-color: #75aeac } #header #lang_sel { padding: 0; width: 100%; text-align: center; font-size: 1.2rem; text-transform: uppercase } #header #lang_sel ul { padding: 0; width: 100%; background-color: #5D0E4E; margin: 0 } #header .header_menus #lang_sel ul { background-color: transparent; } #header .header-menus #lang_sel ul { width: auto; } #header #lang_sel ul li { list-style-type: none; position: relative; overflow: hidden } #header #lang_sel ul li a { color: #ffffff; display: block; text-decoration: none; font-family: 'Ubuntu', 'Roboto', Arial, sans-serif; font-size: 1.1rem; font-weight: 300 } #header #lang_sel .js-wpml-ls-item-toggle span::after { content: " \f107"; font-family: "FontAwesome"; padding: 0; vertical-align: -2px; font-size: 1.5rem } #header #lang_sel .js-wpml-ls-item-toggle.open span::after { content: " \f106"; font-family: "FontAwesome"; padding: 0 } #header #lang_sel .wpml-ls-sub-menu { display: none } #header .header_menus .btn_violet, #header .header_menus .btn_login{padding: 0.6rem 1rem;} #header .headline { background-color: #ffffff; color: #484848; padding-top: 2rem; padding-bottom: 2rem; } #header .headline .headline_left { text-align: center } #header .headline .headline_center { text-align: center } #header .headline .headline_logo { text-align: center; display: flex; align-items: center; justify-content: center } #header .headline .headline_logo p { text-align: center; background-color: white; border-radius: 0.15rem; padding: 2.2rem 1.2rem; margin: 0 } #header .headline .headline_logo img { margin: 0 auto 1rem; display: block } #header .headline .headline_right_logo { text-align: center } #header .headline .headline_right_logo .partner_terms { padding: 0; margin: 0 } #header .headline .headline_right_logo .partner_terms li { list-style-type: none; padding: 0.25rem 0.5rem; font-size: 1rem; display: inline-block } #header .headline.is_important .baseline { font-size: 1.4rem } #header .headline .article_date { margin-top: 2rem } #header .headline .headline_cta { text-align: center } /* cas spécifique du CTA blanc en responsive : on change la couleur pour le rendre visible */ #header .headline .headline_cta .btn_white { background-color: #5D0E4E; color: #ffffff } #header .headline .headline_cta .btn_white:hover { background-color: #75aeac } #header .headline_video { position: absolute; height: 100%; width: 100%; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; display: none } #header .headline_video video { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; overflow: hidden; display: none } /* Sous-Menu Produit */ #header .product_menu > .row { position: absolute; z-index: 8; background-color: #5D0E4E; width: 100% } #header .product_menu .header_logo { display: none } #header .product_menu .header_logo img { display: block; margin: 0 auto; height: auto } #header .product_menu .header_menus { z-index: 8; padding-bottom: 0.2rem } #header .product_menu .header_menus ul.menu { margin-bottom: 0 } #header .fa-angle-double-down { display: none } #header .headline_shadow { display: none } .template-single #header .blog_menu .post_title, .template-single #header .blog_menu .juiz_sps_links { display: none } #main { z-index: 3; position: relative } /* Listing Filters */ .main_listing { position: relative } .container.listing-filters { margin-top: 0; margin-bottom: 3rem } .listing_filters select { width: 100%; margin: 0.5rem 0; padding: 0.5rem } .listing_filters input.search { width: 100%; margin: 0.5rem 0; padding: 0.5rem 0.5rem 0.5rem 2.2rem; background: transparent url("images/search.png") no-repeat 0.5rem 50% } .listing_filters ul { margin: 0; padding: 0; text-align: center } .listing_filters ul li { list-style-type: none; display: inline-block; margin: 0 0.5rem 1rem } .listing_filters ul li label { border: 1px solid #d8d8d8; padding: 0.5rem 1rem; cursor: pointer; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } .listing_filters ul li.selected label, .listing_filters ul li label:hover { background-color: #75aeac; border: 1px solid #75aeac; color: #ffffff } .listing_filters ul li input { display: none } /* Listings Posts */ .post_listing .filtres_categories { margin: 0 0 2rem; padding: 0; text-align: center } .post_listing .filtres_categories li { list-style-type: none; display: inline-block; margin: 0 0.5rem 1rem } .post_listing .filtres_categories li a { border: 1px solid #d8d8d8; padding: 0.5rem 1.5rem; cursor: pointer; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; color: #484848; display: block; font-size: 0.85rem; } .post_listing .filtres_categories li.selected a, .post_listing .filtres_categories li a:hover { background-color: #75aeac; border: 1px solid #75aeac; color: #ffffff; text-decoration: none } .post_listing .posts_search { margin-bottom: 2rem; text-align: center } .post_listing .posts_search p { display: flex; align-items: center; justify-content: flex-start; } .post_listing .posts_search p input { width: 100%; margin: 0.5rem 0; padding: 0.5rem 0.5rem 0.5rem 2.2rem; background: transparent url("images/search.png") no-repeat 0.5rem 50% } .post_listing .post_orders { padding: 0; width: 100%; margin: 0 0 3rem; text-align: center } .post_listing .post_orders li { list-style-type: none; position: relative; overflow: hidden; display: flex; align-items: flex-start } .post_listing .post_orders > li > a { margin-right: 1rem } .post_listing .post_orders li a { display: block; text-decoration: none; color: #484848; text-decoration: underline } .post_listing .post_orders li a::after { content: " \f107"; font-family: "FontAwesome"; padding: 0 } .post_listing .post_orders ul { padding: 0; margin: 0 } .post_listing .post { margin-bottom: 4rem } .post_listing .post .image_container { height: 50vw; border-radius: 0.3rem; margin-bottom: 0.7rem; position: relative; overflow: hidden; z-index: 1 } .post_listing .post .image { display: block; background-repeat: no-repeat; background-color: #5D0E4E; background-position: center center; background-size: cover; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; height: 100%; width: 100%; z-index: 0 } .post_listing .post .category_list { margin: 0 0 0.7rem; padding: 0; text-align: left } .post_listing .post .category_list li { display: inline-block; margin-right: 0.5rem; font-size: 0.85rem; color: #707070 } .post_listing .post span { display: block } .post_listing .post .nom { color: #5D0E4E; margin: 0 0 0.7rem; font-family: 'Ubuntu', 'Roboto', Arial, sans-serif;font-weight: 500; font-size: 1.1rem; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } .post_listing .post .date { font-size: 0.85rem; color: #707070 } .post_listing .post a:hover { text-decoration: none } .post_listing .post a:hover .nom { color: #75aeac } .post_listing .post a:hover .image { transform: scale(1.2) } .bloc_page .post_listing .post { margin-bottom: 0 } /* .bloc_page .post_listing .container-fluid, .bloc_page .post_listing .container-fluid > .container, .bloc_page .post_listing .container-fluid > .container > .row, .bloc_page .post_listing .container-fluid > .container > .row > ul, .bloc_page .post_listing .container-fluid > .container > .row > ul .slick-list { overflow: visible } .bloc_page .post_listing .container-fluid > .container > .row > ul .slick-list li.slick-slide { opacity: 0.2 } .bloc_page .post_listing .container-fluid > .container > .row > ul .slick-list li.slick-slide.slick-current, .bloc_page .post_listing .container-fluid > .container > .row > ul .slick-list li.slick-slide.slick-current + li, .bloc_page .post_listing .container-fluid > .container > .row > ul .slick-list li.slick-slide.slick-current + li + li { opacity: 1 */ .post_minutes { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #d0d0d0; text-align: center; z-index: 5 } .post_minutes .progress_bar { position: absolute; top: 0; left: 0; height: 100%; background-color: #75aeac; width: 1%; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } .post_minutes .minutes { color: #ffffff; padding: 0.5rem; display: block; position: relative; } /* Details Post */ .template-single .post_share .category_list { margin: 0 0 2; padding: 0; text-align: left } .template-single .post_share .category_list li { display: inline-block; margin-right: 1rem; font-size: 0.85rem; color: #5D0E4E } .template-single .post_author .author { border-top: 1px solid #d0d0d0; margin-top: 2rem; padding-top: 2rem; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; text-align: center } .template-single .post_author .author img { border-radius: 100%; display: block } .template-single .post_author .author p { font-size: 0.9rem; color: #707070 } .template-single .post_author .author .author_name { display: block; margin: 1.5rem 0; font-weight: 500; font-family: 'Ubuntu', 'Roboto', Arial, sans-serif; color: #484848 } .template-single .post_content { font-size: 1rem; font-weight: 100; line-height: 1.8em; } .template-single .post_content .content > * { padding-bottom: 1rem; margin-bottom: 0 } .template-single .post_content .content h1, .template-single .post_content .content h2, .template-single .post_content .content h3, .template-single .post_content .content h4, .template-single .post_content .content h5, .template-single .post_content .content h6 { padding-top: 2rem } .template-single .post_content .content a { text-decoration: none; color: #75aeac } .template-single .post_content .content a:hover { text-decoration: none; color: #5D0E4E } .template-single .related_title { margin: 3rem 0 3rem; text-align: center; } .template-single .related_title h2 { position: relative; max-width: 45rem; padding: 2rem; display: inline-block; color: #5D0E4E; letter-spacing: 4px; } /* Template Changelog */ .template-changelog .vertical_timelines { display: none } .template-changelog .changelog_listing { margin: 0rem 0.8rem 0 } .template-changelog .changelog_listing .changelog { margin-bottom: 2rem; border-width: 2px; border-style: solid; border-radius: 5px; padding: 0; background-color: white; border-color: #ededed } .template-changelog .changelog_listing .changelog .timeline { padding: 0.8rem 1.4rem 0.5rem; font-family: 'Ubuntu', 'Roboto', Arial, sans-serif } .template-changelog .changelog_listing .changelog .timeline .date { font-size: 1.1rem; font-weight: bold } .template-changelog .changelog_listing .changelog .content { padding: 1rem 1.4rem } .template-changelog .changelog_listing .changelog .content .titre { font-weight: bold; padding-bottom: 0.5rem } .template-changelog .changelog_listing .changelog .content .read_more a { font-size: 0.9rem; color: #75aeac } .template-changelog .changelog_listing .changelog .content a { color: #000000; text-decoration: underline } .template-changelog .changelog_listing .changelog .content h4 { font-size: 1.2rem } .template-changelog .changelog_listing .changelog .content h5, .template-changelog .changelog_listing .changelog .content h6 { font-size: 1rem } /* Listing Glossaire */ .bloc_listing_glossaire { margin: 0 } .bloc_listing_glossaire .alphabet ul { list-style-type: none; margin: 0 0 2rem; padding: 0; text-align: center } .bloc_listing_glossaire .alphabet ul li { display: inline-block; margin: 0.5rem } .bloc_listing_glossaire .alphabet ul li a { text-transform: uppercase; color: #75aeac; font-weight: 500; font-family: 'Ubuntu', 'Roboto', Arial, sans-serif; font-size: 2rem } .bloc_listing_glossaire .alphabet ul li a:hover { text-decoration: none; color: #5D0E4E } .bloc_listing_glossaire .glossaire_lettre { margin-bottom: 2rem } .bloc_listing_glossaire .glossaire_lettre h3 { text-transform: uppercase; font-size: 1.4rem } .bloc_listing_glossaire .glossaire_lettre > ul > li { margin: 0.2rem 0 3rem } .bloc_listing_glossaire .glossaire_lettre ul li a { display: inline-block; padding: 0.2rem 0; color: #75aeac; font-size: 1.2rem } .bloc_listing_glossaire .glossaire_lettre ul li p.title { font-size: 1.2rem; color: #5D0E4E; margin: 0 } .bloc_listing_glossaire .glossaire_lettre ul li p.description i { margin-left: 0.5rem } /* Détails glossaire */ .template-single-wmk_glossaire .alphabet_title { margin: 3rem 0 0; text-align: center } .template-single-wmk_glossaire .alphabet_title a { margin: 0 } .template-single-wmk_glossaire .alphabet_title a:hover { text-decoration: none; color: #5D0E4E } .template-single-wmk_glossaire .bloc_page_0 { margin-top: 3rem } /* Listing Integrations */ .integrations-listing .count_integrations { margin-bottom: 2rem } .integrations-listing .integration { text-align: center; margin-bottom: 2rem } .integrations-listing .integration a { display: flex; align-items: center; justify-content: center; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); width: 16rem; height: 100%; flex-direction: column; margin: 0 auto; position: relative; padding: 2rem; background-color: #ffffff } .integrations-listing .integration a.large { height: 16rem } .integrations-listing .integration a:hover { text-decoration: none; box-shadow: 0 0 10px 0 rgba(93,14,78,0.8) } .integrations-listing .integration a span { display: block } .integrations-listing .integration a span.nom { font-weight: 500; color: #000000; margin-bottom: 1.5rem; font-family: 'Ubuntu', 'Roboto', Arial, sans-serif } .integrations-listing .integration a img.logo { max-height: 7rem; width: auto; max-width: 12rem } .integrations-listing .integration a .div_techno { position: absolute; top: 0; right: 0; background-color: #5D0E4E; color: #ffffff; text-transform: uppercase; width: 60%; display: block; padding: 0.2rem; text-align: center } .integrations-listing .integration a .div_techno.automation { background-color: #e10f54 } /* Details Integrations */ .template-single-wmk_integration .integration_desc { line-height: 1.8; font-weight: 100 } .template-single-wmk_integration .integration_desc p { margin-bottom: 2rem } .template-single-wmk_integration .integration_other_title { text-align: center; color: #ffffff; background-color: #5D0E4E; padding: 0.1rem; text-transform: uppercase; font-weight: 500; font-size: 1.1rem } .template-single-wmk_integration .integration_natif_title { text-align: center; color: #ffffff; background-color: #e10f54; padding: 0.1rem; text-transform: uppercase; font-weight: 500; font-size: 1.1rem } .template-single-wmk_integration .integration_natif { line-height: 1.8; font-weight: 100; margin: 0 15px; flex: 0 0 auto; width: calc( 100% - 30px ); box-shadow: 0 0 10px #d0d0d0; padding: 0 } .template-single-wmk_integration .integration_natif > * { margin-bottom: 2rem; padding-left: 15px; padding-right: 15px } .template-single-wmk_integration .integration_natif > .integration_other_title { padding: 0 } .template-single-wmk_integration .integration_natif > .integration_natif_title { padding: 0 } .template-single-wmk_integration .integration_link { text-align: center } /* Listing References */ .references-listing > .row { justify-content: center; } .references-listing .reference { text-align: center; margin-bottom: 2rem; position: relative} .references-listing .reference div { display: flex; align-items: center; justify-content: center; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); flex-direction: column; margin: 0 auto; position: relative; padding: 1rem 2rem; background-color: #ffffff; height: 100% } .references-listing .reference div p { margin: 0; padding: 0 } .references-listing .reference div.image p { height: 7rem; display: flex; align-items: center; justify-content: center; } .references-listing .reference div span { display: block } .references-listing .reference div .image p { margin: 0 } .references-listing .reference div img.logo { max-height: 7rem; width: auto; max-width: 100% } .references-listing .reference.large div { height: 16rem; width: 16rem; padding: 2rem } /* Details Partenaire */ .template-single-wmk_partenaire .partenaire_desc { line-height: 1.8; font-weight: 100 } .template-single-wmk_partenaire .partenaire_desc p { margin-bottom: 2rem } .template-single-wmk_partenaire .partenaire_certifs { background-color: #ededed; padding: 3rem 0 2.5rem; margin: 2rem 0 } .template-single-wmk_partenaire .partenaire_certifications { align-self: center; text-align: center } .template-single-wmk_partenaire .partenaire_certifications ul { list-style-type: none; margin: 0; padding: 0; font-family: 'Ubuntu', 'Roboto', Arial, sans-serif } .template-single-wmk_partenaire .partenaire_certifications ul li { text-align: center; display: block; width: 100%; text-transform: uppercase; font-size: 1.6rem; color: #5D0E4E; margin: 2rem 0 0; font-weight: 500 } .template-single-wmk_partenaire .partenaire_certifications ul li span { display: block; font-size: 4.5rem; color: #5D0E4E; line-height: 1em } .template-single-wmk_partenaire .partenaire_link { text-align: center } .template-single-wmk_partenaire .partenaire_form { margin-bottom: 4rem } /* Listing Partenaires */ .partenaires-listing > .row { justify-content: center } .partenaires-listing .count_partenaires { margin-bottom: 2rem } .partenaires-listing .partenaire { text-align: center; margin-bottom: 2rem; position: relative } .partenaires-listing .partenaire a { display: flex; align-items: center; justify-content: center; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); flex-direction: column; margin: 0 auto; position: relative; padding: 2rem 2rem 3rem; background-color: #ffffff; height: 18rem } .partenaires-listing .partenaire a:hover { text-decoration: none; box-shadow: 0 0 10px 0 rgba(93,14,78,0.8) } .partenaires-listing .partenaire a.preventdefault:hover { box-shadow: 0 0 10px 0 rgba(0,0,0,0.1) } .partenaires-listing .partenaire a span { display: block } .partenaires-listing .partenaire a span.nom { font-weight: 500; color: #000000; margin-top: 1.5rem; font-family: 'Ubuntu', 'Roboto', Arial, sans-serif; margin-bottom: 0.4rem } .partenaires-listing .partenaire a .image p { margin: 0 } .partenaires-listing .partenaire a img.logo { max-height: 7rem; width: auto; max-width: 100% } .partenaires-listing .partenaire ul.tags_list { list-style-type: none; text-align: center; padding: 0; margin: 0 } .partenaires-listing .partenaire ul.tags_list li { display: inline-block; margin: 0 0.5rem; color: #5D0E4E; font-weight: 100; font-size: 0.85rem } .partenaires-listing .partenaire .certifie { position: absolute; bottom: 0; right: 0; text-align: center; color: #ffffff; background-color: #75aeac; padding: 0.3rem 1.5rem; text-transform: uppercase; font-weight: 100; font-size: 0.85rem } .partenaires-listing .partenaire.manuel a .image { width: 100% } /* Listing CTAs */ .ctas-listing > .row { justify-content: center } .ctas-listing .count_ctas { margin-bottom: 2rem } .bloc_listing_ressources .bloc_accroche { margin: 0 0 1rem } .ctas-listing .cta { text-align: center; margin-top: 2rem; position: relative } .ctas-listing .cta a { display: flex; align-items: center; justify-content: center; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); flex-direction: column; margin: 0 auto; position: relative; padding: 2rem 2rem 3rem; background-color: #ffffff } .ctas-listing .cta a:hover { text-decoration: none; box-shadow: 0 0 10px 0 rgba(93,14,78,0.8) } .ctas-listing .cta a.preventdefault:hover { box-shadow: 0 0 10px 0 rgba(0,0,0,0.1) } .ctas-listing .cta a p { display: block } .ctas-listing .cta a p.title { font-weight: 500; color: #000000; margin-top: 1.5rem; font-family: 'Ubuntu', 'Roboto', Arial, sans-serif; margin-bottom: 0.4rem } .ctas-listing .cta a p.description { color: #000000 } .ctas-listing .cta a .image p { margin: 0 } .ctas-listing .cta a img.logo { max-height: 7rem; width: auto; max-width: 100% } .ctas-listing .cta .type_cta { position: absolute; bottom: 0; right: 0; text-align: center; color: #ffffff; background-color: #75aeac; padding: 0.3rem 1.5rem; text-transform: uppercase; font-weight: 100; font-size: 0.85rem } .ctas-listing .cta.manuel a .image { width: 100% } .ctas-listing .bloc_liens { text-align: center } .ctas-listing .bloc_liens a.btn { max-width: 17rem } /* Blocs des pages */ .bloc_page { padding-top: 0; padding-bottom: 0; position: relative; z-index: 3 } .bloc_page.more_padding { padding-top: 4rem; padding-bottom: 4rem } #main .bloc_page.ie-padding { padding-top: 4rem !important; padding-bottom: 4rem !important } .bloc_page .white_texts { color: #ffffff } .bloc_page .white_texts .bloc_title h2, .bloc_page .white_texts .bloc_accroche { color: #ffffff; text-shadow: 0px 0px 4px #484848; } /* Vagues dynamiques */ .bloc_page svg.wave_top { position: absolute; top: -6rem; z-index: 0; height: 23rem } .bloc_page svg.wave_top.wave_top_1 { top: -4rem } .bloc_page svg.wave_top.wave_top_2 { top: -2rem } .bloc_page svg.wave_bottom.wave_bottom_1 { bottom: -2rem } .bloc_page svg.wave_bottom.wave_bottom_2 { bottom: -4rem } .bloc_page svg.wave_bottom { position: absolute; bottom: 1rem; z-index: 0; height: 23rem; transform: rotate(180deg) } /* Bloc : contenus */ .block_contenu .col-12 { margin-top: 1rem; margin-bottom: 1rem } .block_contenu .contenu * { font-weight: 100; line-height: 2em } .block_contenu .contenu ul, .block_contenu .contenu ol { list-style-type: none; padding: 0; margin: 1rem 0 } .block_contenu .contenu ul li, .block_contenu .contenu ol li { display: block } .block_contenu .contenu ul li::before, .block_contenu .contenu ol li::before { content: ""; padding-left: 2rem; background: transparent url("images/puce_li.png") no-repeat 0 0.45em; display: inline-block; height: 1.6rem; vertical-align: -0.2rem; } .block_contenu .contenu ul ul, .block_contenu .contenu ul ol, .block_contenu .contenu ol ul, .block_contenu .contenu ol ol { margin-left: 2rem } .block_contenu .contenu a { color: #75aeac } .block_contenu .contenu a:hover { color: #5D0E4E } .block_contenu .cta_contenu { text-align: center } /* Bloc : chiffres clés */ .bloc_chiffres { position: relative } .bloc_chiffres .container { position: relative; z-index: 5 } .bloc_page .chiffres_cles { justify-content: center } .bloc_page .chiffre_cle .chiffre { text-align: center; font-size: 4rem; font-family: 'Ubuntu', 'Roboto', Arial, sans-serif; font-weight: 500; color: #75aeac; margin: 0; text-shadow: 0px 0px 4px #484848; } .bloc_page .chiffre_cle .descriptif { text-align: center; text-shadow: 0px 0px 4px #484848; } .bloc_page .dark_opacity { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.3); z-index: 0 } /* Bloc : CTA */ .bloc_page.bloc_cta { position: relative; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; z-index: 2 } .bloc_page.bloc_cta .container { z-index: 1; position: relative } .bloc_page.bloc_cta .container_inner { margin-bottom: 7rem } .bloc_page.bloc_cta .bloc_title, .bloc_page.bloc_cta .bloc_title_short { margin: 0 0 1rem } .bloc_page.bloc_cta .bloc_title_wave { margin: 4rem 0 1rem } .bloc_page.bloc_cta .bloc_title_wave h2 { text-align: center } .bloc_page.bloc_cta .bloc_title_short h2 { text-align: center; font-weight: normal } .bloc_page.bloc_cta .bloc_cta_short, .bloc_page.bloc_cta .bloc_cta_short p { text-align: center } .bloc_page.bloc_cta .bloc_cta_medium_desc { text-align: center; font-weight: 100 } .bloc_page.bloc_cta .bloc_cta_wave_desc { text-align: center } .bloc_page.bloc_cta .bloc_cta_wave_desc .btn { margin-bottom: 0 } .bloc_page.bloc_cta .cta_image { display: none } /* Bloc : Etapes */ .bloc_page.bloc_etapes { } .bloc_page.bloc_etapes .chiffre { border-radius: 100%; width: 3rem; height: 3rem; background-color: #75aeac; color: #ffffff; font-size: 1.5rem; font-family: 'Ubuntu', 'Roboto', Arial, sans-serif; font-weight: 500; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.5rem } .bloc_page.bloc_etapes .etape_contenu { text-align: center } .bloc_page.bloc_etapes .etape_contenu > * { margin-bottom: 1rem } .bloc_page.bloc_etapes .etape_contenu h1, .bloc_page.bloc_etapes .etape_contenu h2, .bloc_page.bloc_etapes .etape_contenu h3, .bloc_page.bloc_etapes .etape_contenu h4, .bloc_page.bloc_etapes .etape_contenu h5, .bloc_page.bloc_etapes .etape_contenu h6 { color: #5D0E4E } .bloc_page.bloc_etapes .white_texts .etape_contenu h1, .bloc_page.bloc_etapes .white_texts .etape_contenu h2, .bloc_page.bloc_etapes .white_texts .etape_contenu h3, .bloc_page.bloc_etapes .white_texts .etape_contenu h4, .bloc_page.bloc_etapes .white_texts .etape_contenu h5, .bloc_page.bloc_etapes .white_texts .etape_contenu h6 { color: #ffffff } .bloc_page.bloc_etapes .etape_image { text-align: center; margin-top: 1rem; margin-bottom: 4rem } .bloc_page.bloc_etapes .etape_image img { display: block; margin: 0 auto } .bloc_page.bloc_etapes .bloc_liens { text-align: center } .bloc_page.bloc_etapes .bloc_liens a.btn { max-width: 17rem } /* Bloc : Fonctionnalités */ .bloc_page.bloc_fonctions { position: relative; z-index: 4 } .bloc_page.bloc_fonctions .container { z-index: 1; position: relative } .bloc_page.bloc_fonctions .container_inner { margin-top: 7rem; margin-bottom: 7rem } .bloc_page.bloc_fonctions .container.fonctions { position: relative; z-index: 5; margin-bottom: 3rem } .bloc_page .fonctions > .row { justify-content: center } .bloc_page .fonctions .fonction { padding-bottom: 2rem } .bloc_page .fonctions .fonction div.toggle_fonction { display: flex; align-items: center; width: 100%; padding: 1rem; font-family: 'Ubuntu', 'Roboto', Arial, sans-serif; font-size: 1.2rem; color: #484848; font-weight: 500; background-color: #ffffff; box-shadow: 0 0 5px 0px #b0b0b0; flex-wrap: wrap } .bloc_page .fonctions .fonction div.toggle_fonction:hover { text-decoration: none } .bloc_page .fonctions .fonction div.toggle_fonction img, .bloc_page .fonctions .fonction div.toggle_fonction svg { flex: 1; margin-right: 1rem; margin-left: 1rem; fill: #5D0E4E; max-width: 2.5rem } .bloc_page .fonctions .fonction div.toggle_fonction span { flex: 3 } .bloc_page .fonctions .fonction div.toggle_fonction .btn_violet:hover { background-color: #75aeac; color: #ffffff } .bloc_page .fonctions .fonction .fonction_contenu { background-color: #ffffff; padding: 1rem; font-weight: normal } .bloc_page .fonctions .fonction .fonction_descriptif { font-size: 0.8rem } .bloc_page .fonctions .fonction .fonction_cta p { text-align: center; margin-top: 2rem } /* Bloc : Offres */ .bloc_page.bloc_offres { } .bloc_page.bloc_offres .container > .row { justify-content: center } .bloc_page.bloc_offres .bloc_accroche { margin: 0rem 0 1rem } .bloc_page.bloc_offres .offre { display: flex; margin-top: 2rem } .bloc_page.bloc_offres .offre_inner { box-shadow: 0 0 10px #d0d0d0; padding: 0 0rem 2rem; position: relative } .bloc_page.bloc_offres .offre p.offre_wave { background: transparent url('images/offre_bg.png') no-repeat top center; background-size: 100%; min-height: 2rem; margin: 0; padding: 0; z-index: 3; position: relative } .bloc_page.bloc_offres .offre p.offre_titre { font-family: 'Ubuntu', 'Roboto', Arial, sans-serif; font-weight: 500; color: #ffffff; text-align: center; padding: 1rem 3rem; background-color: #5D0E4E; text-transform: uppercase; margin: 0; height: 5.2rem; display: block; align-items: center; z-index: 3; position: relative } .bloc_page.bloc_offres .offre div.offre_description { padding: 1rem 1.5rem; text-align: center; z-index: 3; position: relative } .bloc_page.bloc_offres .background { position: absolute; bottom: 0; right: 0; z-index: 0 } .bloc_page.bloc_offres .background img { } .bloc_page.bloc_offres .bloc_liens { text-align: center } .bloc_page.bloc_offres .bloc_liens a.btn { max-width: 17rem } /* Bloc : Produits */ .bloc_page.bloc_produits { z-index: 2 } .bloc_page.bloc_produits .bloc_accroche.nomargin { margin: 0 } .bloc_page.bloc_produits .bloc_produit { position: relative } .bloc_page.bloc_produits .bloc_produit .container-fluid { position: relative; z-index: 5; overflow: hidden } .bloc_page.bloc_produits .bloc_produit .row.image_left { flex-direction: column-reverse } .bloc_page.bloc_produits .bloc_produit .row.image_left, .bloc_page.bloc_produits .bloc_produit .row.image_right { padding-top: 1rem; padding-bottom: 1rem } .bloc_page.bloc_produits .bloc_produit .produit_accroche { text-transform: uppercase; font-size: 0.8rem; opacity: 0.4; font-weight: 500 } .bloc_page.bloc_produits .bloc_produit .produit_titre { display: flex; align-items: center; font-size: 2rem; font-weight: 500; font-family: 'Ubuntu', 'Roboto', Arial, sans-serif } .bloc_page.bloc_produits .bloc_produit .produit_titre img { margin-right: 1rem } .bloc_page.bloc_produits .bloc_produit .produit_image { margin: 1.5rem auto 0; display: block } .bloc_page.bloc_produits .bloc_produit .produit_descriptif { font-size: 0.8rem } .bloc_page.bloc_produits .bloc_produit .produit_ctas { margin: 0 } .bloc_page.bloc_produits .bloc_produit .produit_ctas .btn { margin-right: 1.5rem } /* Bloc : Tabs */ .bloc_tabs .content_tabs > ul { display: none } .bloc_tabs .bloc_tab { margin: 1rem 0 2rem; padding: 1rem 0; box-shadow: 0 0 10px #d0d0d0 } .bloc_tabs .ui-tabs-panel * { font-weight: 100; line-height: 2em } .bloc_tabs .ui-tabs-panel .btn { line-height: 1.5em } .bloc_tabs .ui-tabs .ui-tabs-panel { box-shadow: 0 0 10px #d0d0d0; padding: 2rem 1rem 1rem; } .bloc_tabs .ui-tabs .ui-tabs-panel .sidebar_tab { text-align: center } .bloc_tabs .ui-tabs .ui-tabs-panel .sidebar_tab p { margin: 0; padding: 0 } /* Bloc : Tarifs */ .bloc_tarifs .row_tarifs { justify-content: space-around } .bloc_tarifs .ui-tabs .ui-tabs-nav li { border-bottom: 2px solid #ededed; padding-bottom: 1.5rem } .bloc_tarifs .ui-tabs .ui-tabs-nav li.ui-tabs-active { border-bottom: 5px solid #5D0E4E } .bloc_tarifs .tarif { padding: 0 0 2rem; background-color: #fafafa; display: flex; flex-wrap: wrap; align-items: flex-start; color: #707070 } .bloc_tarifs .tarif_red { background-color: #e10f54; color: #ffffff } .bloc_tarifs .tarif_green { background-color: #75aeac; color: #ffffff } .bloc_tarifs .tarif_violet { background-color: #5D0E4E; color: #ffffff } .bloc_tarifs .tarif svg { fill: #fafafa } .bloc_tarifs .tarif_red svg { fill: #e10f54 } .bloc_tarifs .tarif_green svg { fill: #75aeac } .bloc_tarifs .tarif_violet svg { fill: #5D0E4E } .bloc_tarifs .tarif_titre { position: relative; overflow: hidden; padding-bottom: 1.5rem; width: 100% } .bloc_tarifs .tarif_titre p { margin: 0; padding: 2rem 1rem; text-align: center; text-transform: uppercase; color: #5D0E4E; font-family: 'Ubuntu', 'Roboto', Arial, sans-serif; font-size: 1.2rem; font-weight: 500; text-shadow: 0px 0px 4px #484848; } .bloc_tarifs .tarif_shadow { position: absolute; bottom: 0; left: 0; width: 100% } .bloc_tarifs .tarif_shadow svg { position: absolute; bottom: -1px; left: 0; width: calc( 100% + 1px ) } .bloc_tarifs .tarif_contenu { padding: 0rem 3rem; font-size: 0.8rem; width: 100% } .bloc_tarifs .tarif_contenu .prix { font-size: 2.5rem; font-weight: 500; text-align: center; line-height: 1em; margin: 1rem 0 0; font-family: 'Ubuntu', 'Roboto', Arial, sans-serif; color: #5D0E4E } .bloc_tarifs .tarif_contenu .prix_max { font-size: 1.75rem; line-height: 2.5rem } .bloc_tarifs .tarif_red .tarif_contenu .prix, .bloc_tarifs .tarif_green .tarif_contenu .prix, .bloc_tarifs .tarif_violet .tarif_contenu .prix { color: #ffffff } .bloc_tarifs .tarif_contenu .frequence { text-align: center } .bloc_tarifs .tarif_contenu .descriptif { margin: 1.5rem 0 0 } .bloc_tarifs .tarif_contenu .descriptif > * { margin-bottom: 0.7rem } .bloc_tarifs .tarif_contenu .curseur { margin: 1rem 0 3rem } .bloc_tarifs .tarif_red .curseur .ui-slider, .bloc_tarifs .tarif_green .curseur .ui-slider, .bloc_tarifs .tarif_violet .curseur .ui-slider { background: rgba(255,255,255,0.5) } .bloc_tarifs .tarif_violet .curseur .ui-slider-handle { background: #75aeac } .bloc_tarifs .tarif_contenu .curseur .ui-slider-handle span { position: absolute; top: 100%; display: none; white-space: nowrap; } .bloc_tarifs .tarif_contenu .curseur:hover .ui-slider-handle span { display: block } .bloc_tarifs .tarif_cta { align-self: flex-end; padding: 0 3rem; width: 100%; } .bloc_tarifs .tarif_cta p { margin: 0 } .bloc_tarifs .tarif_cta .btn { padding: 0.6rem 0; width: 100% } .bloc_tarifs .tarif_green .btn:hover { background-color: #5D0E4E } .bloc_tarifs .tarif_green .btn_violet:hover { background-color: #ffffff; color: #5D0E4E } /* Bloc : team */ .bloc_page .team { margin: 0; padding: 0 } .bloc_page .team { position: relative; color: #ffffff; font-family: 'Ubuntu', 'Roboto', Arial, sans-serif; filter: grayscale(1); -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } .bloc_page .team:hover { filter: grayscale(0) } .bloc_page .team .photo { height: 100%; width: 100% } .bloc_page .team .photo img { height: 100%; width: 100%; display: block } .bloc_page .team .info { position: absolute; top: 0; bottom: 0; display: flex; width: 100%; padding: 2rem; justify-content: flex-end; flex-direction: column; display: none } .bloc_page .team:hover .info { display: flex } .bloc_page .team .info .nom { display: block; text-transform: uppercase; font-size: 1.1rem; font-weight: 500; padding-bottom: 1rem } .bloc_page .team .info .role { display: block } .bloc_page .team .info .reseaux_sociaux { position: absolute; top: 2rem; right: 2rem; display: flex; } .bloc_page .team .info .reseaux_sociaux .liens_ext svg { fill: #ffffff; } .bloc_page .team .info .reseaux_sociaux li { display: inline-block; margin-left: 1.5rem } .bloc_page .team .info .reseaux_sociaux li a { font-size: 0rem; color: #ffffff } .bloc_page .team .info .reseaux_sociaux li a:hover { color: #5D0E4E } .bloc_page .team .info .reseaux_sociaux li a i { font-size: 1.5rem } /* Bloc : témoignage */ .bloc_page .temoignage > .row { position: relative } .bloc_page .temoignage.more_padding { padding-top: 8rem; padding-bottom: 6rem; } .bloc_page .temoignage .photo div { width: 40vw; height: 40vw; display: block; margin: 0 auto 2rem; border-radius: 100% } .bloc_page .temoignage .photo div span { display: block; width: 100%; height: 100%; border-radius: 100%; border: 10px solid rgba(255,255,255,0.5); } .bloc_page .temoignage .info .citation { font-family: 'Ubuntu', 'Roboto', Arial, sans-serif; font-size: 1.3rem; font-style: italic; margin-bottom: 1.5rem } .bloc_page .temoignage .info .website i { margin-left: 1rem } .bloc_page .temoignage .bg_quotes { display: none } /* Social Sharer */ .juiz_sps_links { margin: 0 0 2rem } .juiz_sps_links .juiz_sps_maybe_hidden_text { display: none } .juiz_sps_links .juiz_sps_links_list { margin: 0 ; padding: 0; text-align: right; width: 100% } .juiz_sps_links .juiz_sps_links_list .juiz_sps_network_name { display: none } .juiz_sps_links .juiz_sps_links_list li { display: inline-block; margin-left: 1.5rem } .juiz_sps_links .juiz_sps_links_list li a { font-size: 0; text-decoration: none } .juiz_sps_links .juiz_sps_links_list li a::after { font-family: "FontAwesome"; color: #d0d0d0; font-size: 1.3rem; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } li.juiz_sps_link_facebook a::after { content: "\f09a"; } li.juiz_sps_link_twitter a::after { content: "\f099"; } li.juiz_sps_link_google a::after { content: "\f0d5"; } li.juiz_sps_link_pinterest a::after { content: "\f231"; } li.juiz_sps_link_viadeo a::after { content: "\f2a9"; } li.juiz_sps_link_linkedin a::after { content: "\f0e1"; } li.juiz_sps_link_digg a::after { content: "\f1a6"; } li.juiz_sps_link_stumbleupon a::after { content: "\f1a4"; } li.juiz_sps_link_weibo a::after { content: "\f18a"; } li.juiz_sps_link_mail a::after { content: "\f0e0"; } li.juiz_sps_link_print a::after { content: "\f02f"; } .juiz_sps_links .juiz_sps_links_list li a:hover::after { color: #5D0E4E } /* Pagination */ .navigation { text-align: center; width: 100% } .navigation ol.wp-paginate, .navigation ul.page-numbers { text-align: center; padding: 0; margin: 0; display: flex; justify-content: center; } .navigation ol.wp-paginate li, .navigation ul.page-numbers li { list-style-type: none; display: inline-block; margin: 0.2rem } .navigation ol.wp-paginate li span, .navigation ul.page-numbers li span, .navigation ol.wp-paginate li a, .navigation ul.page-numbers li a { display: flex; align-items: center; justify-content: center; height: 1.7rem; width: 1.7rem; color: #75aeac; border-radius: 100%; font-size: 0.8rem } .navigation ol.wp-paginate li span.gap, .navigation ul.page-numbers span.dots { width: 1rem } .navigation ol.wp-paginate li span.current, .navigation ul.page-numbers li span.current, .navigation ol.wp-paginate li a, .navigation ul.page-numbers li a { border: 1px solid #75aeac } .navigation ol.wp-paginate li span.current, .navigation ul.page-numbers li span.current, .navigation ol.wp-paginate li a:hover, .navigation ul.page-numbers li a:hover, .navigation ol.wp-paginate li a:hover span, .navigation ul.page-numbers li a:hover span { background-color: #75aeac; color: #ffffff; text-decoration: none } .navigation ol.wp-paginate li a.prev, .navigation ul.page-numbers li a.prev, .navigation ol.wp-paginate li a.next, .navigation ul.page-numbers li a.next { font-size: 0 } .navigation ol.wp-paginate li a.prev::after, .navigation ul.page-numbers li a.prev::after { content: "\f104"; font-family: "FontAwesome"; font-size: 1.2rem } .navigation ol.wp-paginate li a.next::after, .navigation ul.page-numbers li a.next::after { content: "\f105"; font-family: "FontAwesome"; font-size: 1.2rem } #footer { position: relative; overflow: hidden; padding: 3rem 0; margin-top: 3rem; z-index: 3 } #footer .footer_networks { margin-bottom: 2rem } #footer .footer_networks ul { display: flex; align-items: center; list-style-type: none; flex-wrap: wrap; justify-content: center; padding: 0 } #footer .footer_networks ul li { margin: 0 0.7rem } #footer .footer_networks ul li a { color: #75aeac; font-size: 1.4rem } #footer .footer_networks ul li a:hover { color: #5D0E4E } #footer .footer_menu, #footer .footer_newsletter { align-items: center; display: flex; flex-direction: column; margin: 0 0 2rem } #footer .entete_menu, #footer .entete_menu_mobile { font-family: 'Ubuntu', 'Roboto', Arial, sans-serif; font-size: 1rem; color: #5D0E4E; text-transform: uppercase; font-weight: 500; margin-bottom: 0.4rem } #footer .entete_menu { display: none } #footer .entete_menu img, #footer .entete_menu_mobile img { max-width: 8rem; margin-bottom: 0.4rem } #footer .footer_menu ul.menu { list-style-type: none; padding: 0; text-align: center; font-size: 0.8rem } #footer .footer_menu ul.menu li { padding: 0.1rem 0 } #footer .footer_menu ul.menu li::before { content: "\f054"; color: #75aeac; font-size: 0.5rem; font-family: "FontAwesome"; margin: 0 0.3rem 0 0; vertical-align: 0.1rem } #footer .footer_menu ul.menu li a { color: #484848 } #footer .footer_newsletter .mauticform_wrapper { text-align: center } #footer .footer_newsletter .mauticform_wrapper input.mauticform-input { width: 100%; max-width: 17rem } #footer .footer_newsletter .mauticform_wrapper button { margin: 1rem auto; width: 100%; max-width: 17rem; font-size: 2rem; padding: 0.2rem 0 0.3rem; display: block; text-align: center; line-height: 2rem } #footer .footer_3 { margin-top: 0 } #footer .footer_3, #footer .footer_3 a { font-size: 0.75rem; color: #b0b0b0 } #footer .footer_copyright, #footer .footer_savoie, #footer .footer_baseline { margin: 0.5rem 0 } #footer .footer_copyright > *, #footer .footer_savoie > *, #footer .footer_baseline > * { text-align: center } #footer .footer_savoie { text-transform: uppercase; font-size: 0.6rem; font-weight: 500 } #footer .footer_savoie img { margin-bottom: 0.4rem } /* Draw lines results */ #results_draw_lines { display: none } /* Mautic Forms */ .mauticform_wrapper * { line-height: 1.4em !important } .mauticform-row { margin-bottom: 1rem !important } .mauticform_wrapper input.mauticform-input { padding: 0.4rem 0.8rem !important; color: #b0b0b0 !important; line-height: 1.4em !important } .mauticform_wrapper label.mauticform-checkboxgrp-label { color: #484848 !important; padding: 0rem 0 !important } #footer .mauticform_wrapper label.mauticform-checkboxgrp-label {font-size:8px !important} .mejs-poster .mauticform_wrapper label.mauticform-checkboxgrp-label { color: #ffffff !important } .mauticform_wrapper button { background-color: #5D0E4E !important; border: none !important; color: #ffffff !important; padding: 0.6rem 3rem !important; font-family: 'Ubuntu', 'Roboto', Arial, sans-serif !important; font-size: 1.1rem !important; cursor: pointer !important; border-radius: 0.15rem !important; font-weight: 500 !important } .mauticform_wrapper button:hover { background-color: #75aeac !important } /* Spinners */ .disable_while_loading, disable_listing_while_loading { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.7); z-index: 5; text-align: center; } .listing_order_spinner { -moz-animation: spin 1.5s infinite linear; -o-animation: spin 1.5s infinite linear; -webkit-animation: spin 1.5s infinite linear; animation: spin 1.5s infinite linear; display: inline-block; margin: 1rem auto; } .listing_order_spinner svg { width: 10rem; overflow: hidden } /* Spinner functions */ @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* ------------ */ /* Extra Small */ /* ------------ */ @media only screen and (min-width: 576px) { .col-sm-0 { width: 0%; display: none } /* Pagination */ .navigation ol.wp-paginate li, .navigation ul.page-numbers li { margin: 0.5rem } .navigation ol.wp-paginate li span, .navigation ul.page-numbers li span, .navigation ol.wp-paginate li a, .navigation ul.page-numbers li a { width: 2.4rem; height: 2.4rem; font-size: 1rem } .navigation ol.wp-paginate li span.gap, .navigation ul.page-numbers li span.dots { width: 1.4rem } /* Blocs Pages */ /* Bloc : Fonctionnalités */ .bloc_page .fonctions .fonction .fonction_descriptif { font-size: 1rem } } /* -------- */ /* Small */ /* -------- */ @media only screen and (min-width: 768px) { .alignleft, .left, img[align="left"] { float: left; padding-right: 1.5rem } .alignright, .right, img[align="right"] { float: right; padding-left: 1.5rem } .ui-slider { height: 1rem } .ui-slider-handle { width: 2rem; height: 2rem } /* Tarte au citron */ body #tarteaucitronContainer { top: 10%; max-width: 860px; width: 100%; left: calc( ( 100% - 860px ) / 2 ) } body #tarteaucitronContainer #tarteaucitronPersonalize { float: right; position: relative; right: 16%; width: 30%; margin-left: 0 } body #tarteaucitronContainer #tarteaucitronCloseAlert { float: left; position: relative; left: 16%; width: 30%; margin-right: 0 } .col-md-0 { width: 0%; display: none } /* Multiple slider */ .multiple_slider .annonce .photo { right: 1rem } .multiple_slider .slick-slide img { height: 230px } .multiple_slider .annonce .illustrations { height: 230px } /* Tabs system */ .ui-tabs .ui-tabs-panel { padding: 2rem 2rem 1.5rem } /* Titles */ .bloc_title h2 { font-size: 3rem; padding: 2.8rem 2rem; } #header { position: relative } .template-single #header .header_logo { justify-content: flex-start; padding: 1rem } .template-single #header .blog_menu { text-align: right } .template-single #header .header_top { border-bottom: 1px solid rgba(255,255,255,0.5); background-color: transparent !important } .template-single #header .header_top .header_logo img.regular { display: block !important } .template-single #header .header_top .header_logo img.reversed { display: none !important } #header .headline_fondu { position: absolute; top: 0; bottom: 0; left: 0; right: 0 } .template-single #header .headline_fondu { background: rgba(0,0,0,0.3) } #header .headline_slider { z-index: 5; position: absolute; top: 0; left: 0; width: 100%; bottom: 0; right: 0; height: 100%; display: block } #header .headline_slider ul.slider_nocontrol { padding: 0; margin: 0; height: 100% } #header .headline_slider ul.slider_nocontrol li.slick-slide { padding: 0; margin: 0; height: 100% } #header .mobile_menu { display: none } #header .header_menus { display: block; position: static; overflow: visible } #header .header_menus:hover, #header .reversed .header_menus, #header .header_menus.has_background { background-color: transparent } #header .header_menus > .row { height: 100% } #header .header_menus .header_menu { position: relative } #header .header_menus ul.menu { display: flex; align-items: center; justify-content: center; margin: 0; height: 100% } #header .header_menus ul.menu > li { margin: 0 0.5rem; align-items: center; justify-content: flex-start; display: flex; height: 100%; min-height: 1px } #header .header_menus ul.menu li a { padding: 0.5rem; display: inline } #header .header_menus ul.menu li .inner_menu { height: 100%; min-height: 1px } #header .header_menus ul.menu li .inner_menu i { margin: 0; padding: 0; font-size: 1.5rem; -webkit-transition: all 0s ease-in;-moz-transition: all 0s ease-in; -o-transition: all 0s ease-in; -ms-transition: all 0s ease-in; transition: all 0s ease-in; } #header .header_menus ul.menu li .inner_menu i:hover { background-color: transparent; color: #5D0E4E !important } #header .header_menus ul.menu li:hover > .inner_menu, .template-single-wmk_integration #header .header_menus ul.menu li.integrations > .inner_menu, .template-single-wmk_partenaire #header .header_menus ul.menu li.partenaires > .inner_menu, #header .header_menus ul.menu li.current-menu-item > .inner_menu, #header .header_menus ul.menu li.current_page_parent > .inner_menu, #header .header_menus ul.menu li.current_page_item > .inner_menu, #header .header_menus ul.menu li.current-menu-ancestor > .inner_menu, #header .header_menus ul.menu li.current_page_item > .inner_menu, #header .header_menus ul.menu li.current-menu-item > .inner_menu { background-color: transparent !important } #header .header_menus ul.menu li:hover > .inner_menu a, #header .header_menus ul.menu li.current-menu-item > .inner_menu a, #header .header_menus ul.menu li.current_page_parent > .inner_menu a, #header .header_menus ul.menu li.current_page_item > .inner_menu a, #header .header_menus ul.menu li.current-menu-ancestor > .inner_menu a, #header .header_menus ul.menu li.current_page_item > .inner_menu a, #header .header_menus ul.menu li.current-menu-item > .inner_menu a { color: #ffffff; /*text-shadow: 0 0.015em #ffffff,0 -0.015em #ffffff,0.01em 0 #ffffff,-0.01em 0 #ffffff*/ } #header .header_menus ul.menu li:hover > .inner_menu i, #header .header_menus ul.menu li.current-menu-item > .inner_menu i, #header .header_menus ul.menu li.current_page_parent > .inner_menu i, #header .header_menus ul.menu li.current_page_item > .inner_menu i, #header .header_menus ul.menu li.current-menu-ancestor > .inner_menu i, #header .header_menus ul.menu li.current_page_item > .inner_menu i, #header .header_menus ul.menu li.current-menu-item > .inner_menu i { color: #ffffff; ; -webkit-transition: all 0s ease-in;-moz-transition: all 0s ease-in; -o-transition: all 0s ease-in; -ms-transition: all 0s ease-in; transition: all 0s ease-in; } #header .header_menus ul.menu li .sub-menu-container { position: absolute; top: 100%; left: 0; background-color: #ffffff; box-shadow: 0 0 10px #484848; width: 100%; z-index: 5; flex-direction: column } #header .header_menus ul.menu li:hover > .sub-menu-container { display: flex } #header .header_menus ul.menu li > .sub-menu-container > .menu_intro { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: nowrap; padding: 2rem; font-weight: 500; font-size: 1.5rem; background-size: cover } #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li { background-position: -5.5rem 50%; background-repeat: no-repeat } #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li:hover, #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current-menu-item, #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent, #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_item, #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current-menu-ancestor, #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_item, #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current-menu-item { background-color: #75aeac; color: #ffffff !important } #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current-menu-item > .inner_menu a, #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent > .inner_menu a, #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_item > .inner_menu a, #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current-menu-ancestor > .inner_menu a, #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_item > .inner_menu a, #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current-menu-item > .inner_menu a { color: #ffffff !important } #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu li a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; min-height: 1px; padding: 2rem 1rem; text-align: center; text-transform: uppercase; letter-spacing: 2px; color: #484848; border: 1px solid #ededed; border-top: 0px solid; border-left: 0px; position: relative !important; overflow: hidden } #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu li a.blank::after { font-family: "FontAwesome"; content: "\f08e"; font-size: 0rem; position: absolute; bottom: 0.5rem; right: 0.5rem } #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu li:hover a { color: #ffffff !important } #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu li a.blank:hover::after { font-size: 1rem; color: #ffffff } #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu li a .menu_title { display: block; flex: 1; z-index: 9 } #header .header_menus ul.menu .menu-item-icon { display: block; position: absolute; z-index: 0; top: 10%; left: -50%; height: 80%; width: 100%; -webkit-transition: all 0.1s linear;-moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear; text-align: center } #header .header_menus ul.menu .menu-item-icon img, #header .header_menus ul.menu .menu-item-icon svg { max-height: 100%; width: auto; -webkit-transition: all 0.1s linear;-moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear; } #header .header_menus ul.menu .menu-item-icon svg { fill: #ededed } #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current-menu-item .menu-item-icon, #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent .menu-item-icon, #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_item .menu-item-icon, #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current-menu-ancestor .menu-item-icon, #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_item .menu-item-icon, #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current-menu-item .menu-item-icon { left: 0 } #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li:hover .menu-item-icon { left: 0 !important } #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current-menu-item .menu-item-icon svg, #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent .menu-item-icon svg, #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_item .menu-item-icon svg, #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current-menu-ancestor .menu-item-icon svg, #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_item .menu-item-icon svg, #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current-menu-item .menu-item-icon svg { fill: #7CBFBC } #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li:hover .menu-item-icon svg { fill: #7CBFBC !important } /* correctifs de la section blog qui se croit parent des CPT */ .template-single-wmk_partenaire #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent .menu-item-icon, .template-single-wmk_glossaire #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent .menu-item-icon, .template-single-wmk_lp #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent .menu-item-icon, .template-single-wmk_integration #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent .menu-item-icon, .template-single-wmk_business #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent .menu-item-icon, .template-single-wmk_changelog #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent .menu-item-icon, .template-single-wmk_reference #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent .menu-item-icon .template-single-wmk_temoignage #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent .menu-item-icon { left: -50% } .template-single-wmk_partenaire #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent .menu-item-icon svg, .template-single-wmk_glossaire #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent .menu-item-icon svg, .template-single-wmk_lp #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent .menu-item-icon svg, .template-single-wmk_integration #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent .menu-item-icon svg, .template-single-wmk_business #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent .menu-item-icon svg, .template-single-wmk_changelog #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent .menu-item-icon svg, .template-single-wmk_reference #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent .menu-item-icon svg, .template-single-wmk_temoignage #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent .menu-item-icon svg { fill: #ededed } /* Short mode */ #header .header_menus ul.menu li.short_mode { position: relative; background-size: 90% 90%; } #header .header_menus ul.menu li.short_mode > .sub-menu-container { width: auto; top: calc( 100% + 5px ) } #header .header_menus ul.menu li.short_mode > .sub-menu-container ul li a { text-align: left; justify-content: flex-start; min-width: 20rem; max-width: 40rem; padding: 1rem 4rem; border-right: 0px; } /* Extended mode */ #header .header_menus ul.menu > li.extended_mode > .sub-menu-container { flex-direction: row } #header .header_menus ul.menu > li.extended_mode > .sub-menu-container > .menu_intro { width: 25% } #header .header_menus ul.menu > li.extended_mode > .sub-menu-container > .sub-menu { width: 75%; display: flex; flex-direction: row; flex-wrap: wrap } #header .header_menus ul.menu > li.extended_mode > .sub-menu-container > .sub-menu > li { width: 33.3333% } #header .header_menus .header_actions { padding-top: 1rem; padding-bottom: 1rem } #header .header_actions { display: flex; align-items: center; justify-content: center; } /*#header .header_actions .btn { margin: 0 1rem }*/ #header #lang_sel { width: auto; margin: 0 1rem } #header #lang_sel li.wpml-ls-current-language { overflow: visible } #header #lang_sel li.wpml-ls-current-language > a { padding: 0.5rem } #header .header_menus #lang_sel li.wpml-ls-current-language > a { padding: 0.5rem 0 } #header #lang_sel li.wpml-ls-current-language ul { position: absolute; top: 100%; left: 0; display: none; width: auto; border: 1px solid #5D0E4E } #header #lang_sel li.wpml-ls-current-language ul li a { background-color: #ffffff; padding: 0.5rem 1rem; color: #5D0E4E } #header #lang_sel li.wpml-ls-current-language:hover ul { display: block; } #header #lang_sel:hover .js-wpml-ls-item-toggle span::after, #header #lang_sel li.wpml-ls-current-language:hover > span::after { content: " \f106" } #header #lang_sel li.wpml-ls-current-language ul li a:hover { background-color: #75aeac; color: #ffffff } #header .has_background #lang_sel ul { background-color: transparent } #header .has_background #lang_sel li.wpml-ls-current-language ul { border: none } #header .headline { background-color: transparent; color: #ffffff; max-width: 720px; padding-top: 5rem; padding-bottom: 6rem } #header .headline .headline_cta .btn_white { color: #5D0E4E; background-color: #ffffff } #header .headline .headline_cta .btn_white:hover { color: #ffffff } #header .headline.has_background { padding-bottom: 7rem } #header .headline.has_padding { padding-top: 7rem; padding-bottom: 9rem } #header .headline .headline_left { text-align: left } #header .headline h1 { margin-bottom: 1rem; max-width: 50rem; margin: 0 auto 1rem; text-transform: uppercase; text-shadow: 0px 0px 4px #484848; } .template-front #header .headline h1, .template-single #header .headline h1 { text-transform: none } #header .headline .h1_business h1 { font-size: 4.5rem; text-transform: uppercase; letter-spacing: 0.3rem } .template-single #header .headline h1 { font-weight: 400 } #header .headline .baseline { text-shadow: 0px 0px 4px #484848; font-size: 0.9rem; margin: 0 } .template-front #header .headline .baseline { font-size: 1rem } #header .headline .headline_logo img { margin: 0 } #header .headline .headline_right_logo { text-align: left;display: flex;flex-direction: column;justify-content: center; padding-left: 2rem; } #header .headline .headline_right_logo h1 { margin: 0 0 1rem } #header .headline .headline_right_logo .partner_terms li { font-size: 1.2rem; padding: 0.1rem 0.75rem 0.1rem 0 } #header .headline .headline_cta { display: flex; align-items: center; justify-content: flex-end; text-align: right } #header .headline_video { display: block } #header .headline_video video { display: block } #header .headline_shadow { position: absolute; bottom: -0.5rem; width: 100%; display: block } #header .headline_shadow > div { overflow: hidden; position: relative } #header .headline_shadow svg { fill: white; width: 104%; height: auto; margin-left: -2% } #header .fa-angle-double-down { display: flex; align-items: center; justify-content: center; margin: 0 auto; background-color: #ffffff; color: #5D0E4E; font-size: 2rem; border-radius: 100%; width: 4rem; height: 4rem; margin-top: 2rem; margin-bottom: -2rem; z-index: 7; position: absolute; bottom: 1vw; left: calc( 50% - 2rem ); cursor: pointer } #header .fa-angle-double-down:hover::before { transform: translateY(1rem) } #header .fa-angle-double-down.atmt { background-color: #e10f54; color: #ffffff } #header .fa-angle-double-down.academy { background-color: #75aeac; color: #ffffff } /* Reversed mode */ #header > .reversed .header_top, #header .header_top:hover { background-color: #ffffff; -webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } #header > .reversed .header_logo img.regular, #header .header_top:hover .header_logo img.regular { display: none } #header > .reversed .header_logo img.reversed, #header .header_top:hover .header_logo img.reversed { display: block } #header > .reversed .header_menus ul.menu li a, #header .header_top:hover .header_menus ul.menu li a { color: #5D0E4E; -webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .template-single-wmk_partenaire #header .header_top:hover .header_menus ul.menu li.partenaires > .inner_menu a, .template-single-wmk_partenaire #header > .reversed .header_menus ul.menu li.partenaires > .inner_menu a, #header > .reversed .header_menus ul.menu li:hover > .inner_menu a, #header .header_top:hover .header_menus ul.menu li:hover > .inner_menu a, #header > .reversed .header_menus ul.menu li.current-menu-item > .inner_menu a, #header .header_top:hover .header_menus ul.menu li.current-menu-item > .inner_menu a, #header > .reversed .header_menus ul.menu li.current_page_parent > .inner_menu a, #header .header_top:hover .header_menus ul.menu li.current_page_parent > .inner_menu a, #header > .reversed .header_menus ul.menu li.current_page_item > .inner_menu a, #header .header_top:hover .header_menus ul.menu li.current_page_item > .inner_menu a, #header > .reversed .header_menus ul.menu li.current-menu-ancestor > .inner_menu a, #header .header_top:hover .header_menus ul.menu li.current-menu-ancestor > .inner_menu a, #header > .reversed .header_menus ul.menu li.current_page_item > .inner_menu a, #header .header_top:hover .header_menus ul.menu li.current_page_item > .inner_menu a, #header > .reversed .header_menus ul.menu li.current-menu-item > .inner_menu a, #header .header_top:hover .header_menus ul.menu li.current-menu-item > .inner_menu a { color: #5D0E4E /* text-shadow: 0 0.015em #5D0E4E,0 -0.015em #5D0E4E,0.01em 0 #5D0E4E,-0.01em 0 #5D0E4E */ } .template-single-wmk_partenaire #header .header_top:hover .header_menus ul.menu li.partenaires > .inner_menu i, .template-single-wmk_partenaire #header > .reversed .header_menus ul.menu li.partenaires > .inner_menu i, #header > .reversed .header_menus ul.menu li > .inner_menu i, #header .header_top:hover .header_menus ul.menu li > .inner_menu i, #header > .reversed .header_menus ul.menu li:hover > .inner_menu i, #header .header_top:hover .header_menus ul.menu li:hover > .inner_menu i { color: #5D0E4E; } #header .header_top:hover .header_menus ul.menu li:hover > .inner_menu i { transform: rotate(180deg);padding-bottom: 0.2rem; } #header > .reversed .header_actions .btn-login, #header .header_top:hover .header_actions .btn-login { border: 1px solid #5D0E4E; color: #5D0E4E } #header > .reversed .header_actions .btn-login:hover, #header .header_top:hover .header_actions .btn-login:hover { border: 1px solid #75aeac; color: #ffffff } #header > .reversed .header_actions .btn-demo, #header .header_top:hover .header_actions .btn-demo { border: 1px solid #5D0E4E; background-color: #5D0E4E; color: #ffffff } #header > .reversed .header_actions .btn-demo:hover, #header .header_top:hover .header_actions .btn-demo:hover { border: 1px solid #75aeac; background-color: #75aeac } #header > .reversed #lang_sel ul, #header .header_top:hover #lang_sel ul { background-color: transparent } #header > .reversed #lang_sel ul li a, #header .header_top:hover #lang_sel ul li a { color: #5D0E4E } /* Sticky général */ #header .header_container.sticky { z-index: 9; position: fixed; top: 0; right: 0rem } /* Sticky seulement si sous-menu produit présent OU si sur détail article */ #header #lang_sel.sticky { z-index: 9; position: fixed; top: 1rem; right: 0rem } #header #lang_sel.sticky:hover > ul > li > a, #header #lang_sel.sticky > ul > li > a { color: #ffffff } #header .header_menus #lang_sel.sticky { position:relative; top:0;} /* Sous-menu Produit */ #header .product_menu { z-index: 8; box-shadow: 0 0 8px #484848 } #header .product_menu.sticky { position: fixed; top: 0; z-index: 8 } #header .product_menu > .row { position: relative; background-color: #e10f54; width: auto } #header .product_menu .header_logo { display: flex } #header .academy, #header .product_menu.academy > .row, #header .academy .header_menus { background-color: #75aeac } #header .academy #lang_sel .js-wpml-ls-item-toggle span::after { content: " \f107"; font-family: "FontAwesome"; padding: 0; vertical-align: -2px; font-size: 1.5rem } #header .academy #lang_sel .js-wpml-ls-item-toggle.open span::after { content: " \f106"; font-family: "FontAwesome"; padding: 0 } #header .academy #lang_sel .wpml-ls-sub-menu { display: none } #header .academy .btn-demo:hover { border: 1px solid #ffffff; color: #5D0E4E; background-color: #ffffff; } #header .academy .btn-login { border: 1px solid #ffffff; border-radius: 0.15rem; color: #ffffff; background-color: transparent; padding:0.6rem 1rem; } #header .academy .btn-login:hover { border: 1px solid #ffffff; color: #5D0E4E; background-color: #ffffff; } #header .automation, #header .automation .header_menus { background-color: #e10f54 } #header .automation #lang_sel .js-wpml-ls-item-toggle span::after { content: " \f107"; font-family: "FontAwesome"; padding: 0; vertical-align: -2px; font-size: 1.5rem } #header .automation #lang_sel .js-wpml-ls-item-toggle.open span::after { content: " \f106"; font-family: "FontAwesome"; padding: 0 } #header .automation #lang_sel .wpml-ls-sub-menu { display: none } #header .automation .btn-login { border: 1px solid #ffffff; border-radius: 0.15rem; color: #ffffff; background-color: transparent; padding:0.6rem 1rem; } #header .automation .btn-login:hover { border: 1px solid #75aeac; color: #ffffff; background-color: #75aeac; } /* Cas spécifiques des CPT : désactivation du parent sur le lien de la page Home */ .template-single-wmk_business #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent, .template-single-wmk_changelog #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent, .template-single-wmk_integration #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent, .template-single-wmk_partenaire #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent, .template-single-wmk_glossaire #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent { background-position: -3rem 50%; background-color: transparent } .template-single-wmk_business #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent > .inner_menu a, .template-single-wmk_changelog #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent > .inner_menu a, .template-single-wmk_integration #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent > .inner_menu a, .template-single-wmk_partenaire #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent > .inner_menu a, .template-single-wmk_glossaire #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent > .inner_menu a { color: #484848 !important } .template-single-wmk_business #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent:hover, .template-single-wmk_changelog #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent:hover, .template-single-wmk_integration #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent:hover, .template-single-wmk_partenaire #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent:hover, .template-single-wmk_glossaire #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent:hover { background-position: center center; background-color: #75aeac; color: #ffffff !important; } .template-single-wmk_business #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent:hover > .inner_menu a, .template-single-wmk_changelog #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent:hover > .inner_menu a, .template-single-wmk_integration #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent:hover > .inner_menu a, .template-single-wmk_partenaire #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent:hover > .inner_menu a, .template-single-wmk_glossaire #header .header_menus ul.menu > li > .sub-menu-container > .sub-menu > li.current_page_parent:hover > .inner_menu a { color: #ffffff !important } /* Listings Posts */ .post_listing { margin: 6rem 0 3rem } .post_listing .filtres_categories { text-align: left } .post_listing .filtres_categories li { margin: 0 0.5rem 1rem 0 } .post_listing .posts_search p input { width: auto; margin: 0 0.5rem 0 0; width: 22rem } .post_listing .post .image_container { height: 16rem } .bloc_page .post_listing { margin: 0 } /* Details post */ .template-single .post_share { margin-top: 3rem } .template-single .post_content { font-size: 1.2rem } .template-single .post_content .content > * { padding-bottom: 2rem; clear: both } .template-single .post_author .author { flex-direction: row; text-align: left; padding-top: 4rem } .template-single .post_author .author img { margin-right: 2rem } .template-single .post_author .author .author_name { margin: 0 0 0.5rem; font-size: 1.1rem } /* Temppalte Changelog */ .template-changelog .vertical_timelines { display: flex; margin-right: 0rem; margin-top: 2px; -ms-flex: 0 0 12rem; flex: 0 0 12rem; max-width: 12rem; } .template-changelog .vertical_timelines .timeline { width: 2px; margin-right: 1rem } .template-changelog .changelog_boxes { -ms-flex: 0 0 calc( 100% - 12rem ); flex: 0 0 calc( 100% - 12rem ); max-width: calc( 100% - 12rem ); } .template-changelog .changelog_listing { margin: 2rem 0rem 0 } .template-changelog .changelog_listing .changelogs { margin: 2rem 0 } .template-changelog .changelog_listing > .container > .row { flex-wrap: nowrap } .template-changelog .changelog_listing .changelog { display: flex; position: relative; border-radius: 0px 5px 5px 5px } .template-changelog .changelog_listing .changelog .plug { position: absolute; width: calc( 100% - 2rem ); height: 2px; top: -2px } .template-changelog .changelog_listing .changelog .plug::before { content: ""; position: relative; top: -4px; left: -5px; border: 2px solid; width: 10px; height: 10px; display: block; background: #ffffff; border-color: #484848; border-radius: 20px } .template-changelog .changelog_listing .changelog .timeline { width: 12rem; padding: 1.15rem 1.4rem 0; font-size: 0.9rem } .template-changelog .changelog_listing .changelog .timeline .date { font-weight: normal; font-size: 0.9rem } .template-changelog .changelog_listing .changelog .content { width: calc( 100% - 12rem ) } .template-changelog .changelog_listing .changelog .content .titre { font-size: 1.1rem } /* Listing glossaire */ .bloc_listing_glossaire .alphabet ul { text-align: left } .bloc_listing_glossaire .alphabet ul li { margin: 0.5rem 0.5rem 0.5rem 0 } .bloc_listing_glossaire .alphabet ul li::before { content: "-"; font-size: 2rem; display: inline-block; margin-right: 0.5rem; } .bloc_listing_glossaire .alphabet ul li:first-child::before { content: "" } /* Listing Filters */ .listing_filters { text-align: center; margin-top: 1rem } .listing_filters select { width: auto; margin: 0 0.5rem } .listing_filters input.search { width: auto; margin: 0 0.5rem; width: 22rem } /* Details Post */ .template-single .related_title { margin: 0 0 3rem } .template-single .related_title h2 { font-size: 3rem; padding: 2.8rem 2rem; } /* Listing Integration */ .integrations-listing .integration a.large { justify-content: flex-start } .integrations-listing .integration a span.nom { margin-top: 1.5rem } /* Listing références */ .references-listing { padding-bottom: 4rem } /* Listing Partenaires */ .partenaires-listing .partenaire a { flex-direction: row; padding: 0; height: 100% } .partenaires-listing .partenaire a .image { width: 25%; background-color: #fafafa; padding: 0 1rem; height: 100%; display: flex; align-items: center; justify-content: center; } .partenaires-listing .partenaire a .content { width: 75%; text-align: left; padding: 1rem 2rem; height: 100%; margin-bottom: 1rem; } .partenaires-listing .partenaire ul.tags_list { text-align: left } .partenaires-listing .partenaire ul.tags_list li { margin: 0 0.5rem 0 0 } /* Listing CTAs */ .ctas-listing .cta a { flex-direction: row; padding: 0; height: 100% } .ctas-listing .cta a .image { width: 25%; background-color: #fafafa; height: 100%; display: flex; align-items: center; justify-content: center; } .ctas-listing .cta a .content { width: 75%; text-align: left; padding: 1rem 2rem; height: 100%; margin-bottom: 1rem; } /* Blocs Page */ .block_contenu .col-12 { margin-top: 0rem; margin-bottom: 0rem } /* Bloc : Etapes */ .bloc_page.bloc_etapes .etape { padding-top: 6rem; padding-bottom: 3rem } .bloc_page.bloc_etapes .etape:first-child { padding-top: 3rem } .bloc_page.bloc_etapes .etape_numero { order: 2 } .bloc_page.bloc_etapes .impair .etape_contenu { order: 1 } .bloc_page.bloc_etapes .impair .etape_image { order: 3 } .bloc_page.bloc_etapes .impair .etape_numero .chiffre { float: left } .bloc_page.bloc_etapes .pair .etape_numero .chiffre { float: right } .bloc_page.bloc_etapes .pair .etape_contenu { order: 3 } .bloc_page.bloc_etapes .pair .etape_image { order: 1 } .bloc_page.bloc_etapes .etape_image { margin-bottom: 0rem } .bloc_page.bloc_etapes .impair .etape_image img { margin: 0; float: left } .bloc_page.bloc_etapes .pair .etape_image img { margin: 0; float: right } /* Bloc : Fonctionnalités */ .bloc_page .fonctions .fonction { height: 100%; position: relative } .bloc_page .fonctions .fonction.opened * { z-index: 6 } .bloc_page .fonctions .fonction.closed * { z-index: 5 } .bloc_page .fonctions .fonction div.toggle_fonction { width: 100%; height: 100% } .bloc_page .fonctions .fonction .fonction_contenu { position: absolute; top: calc( 100% - 2.8rem ); left: 0; width: 100%; font-weight: normal; box-shadow: -5px 7px 5px -5px #b0b0b0, 5px 7px 5px -5px #b0b0b0 } .bloc_page .fonctions .fonction .btn { padding: 0.6rem 2rem } .bloc_page .fonctions .fonction div.toggle_fonction .fonction_contenu { display: none } .bloc_page .fonctions .fonction .fonction_descriptif { padding-top: 1rem } /* Bloc : Tabs */ .bloc_tabs .content_tabs > ul { display: flex } .bloc_tabs .bloc_tab { margin: 0 } #footer { padding: 3rem 0 1rem } #footer .footer_networks { margin-bottom: 1rem } #footer .entete_menu { display: block } #footer .entete_menu_mobile { display: none } #footer .row_bottom { display: flex; align-items: flex-end } #footer .entete_menu, #footer .entete_menu_mobile { margin-bottom: 0.8rem } #footer .footer_menu { align-items: flex-start } #footer .footer_menu ul.menu { text-align: left } #footer .footer_newsletter .mauticform_wrapper { text-align: left; width: 100% } #footer .footer_newsletter #mauticform_sitenewsletter_email { display: flex } #footer .footer_newsletter .mauticform_wrapper input.mauticform-input { width: calc( 100% - 5rem ) } #footer .footer_newsletter .mauticform_wrapper button { width: 5rem; margin: 0; border-radius: 0 0.15rem 0.15rem 0 } #footer .footer_copyright > * { text-align: left } #footer .footer_baseline > * { text-align: right } /* Draw lines results */ #results_draw_lines { display: block; position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100% } } /* -------- */ /* Medium */ /* -------- */ @media only screen and (min-width: 992px) { .slick-slider { padding-top: 0 } .slick-prev, .slick-next { width: 3rem; height: 3rem; bottom: 45%; top: auto; bottom: calc( 50% - 1.5rem ); } .slick-prev i, .slick-next i { font-size: 2rem } .slick-prev i { padding-right: 0.1rem } .slick-next i { padding-left: 0.3rem } .ui-slider { height: 0.5rem } .ui-slider-handle { width: 1.5rem; height: 1.5rem } .col-lg-0 { width: 0%; display: none } #header .product_menu > .row { padding: 0 1rem } #header .product_menu .header_logo { align-items: center; justify-content: center; padding: 1rem 0; } #header .product_menu .header_menus { padding-bottom: 0 } #header .product_menu .header_menus .header_menu nav { height: 100%; align-items: center; justify-content: flex-start; display: flex; } #header .product_menu .header_menus .header_menu { position: inherit; align-items: center; justify-content: flex-start; display: flex; } #header .headline { max-width: 960px; } #header .headline.has_padding { padding-top: 8rem; padding-bottom: 10rem } /* Sticky seulement si sous-menu produit présent OU si sur détail article */ .template-single #header .header_container.sticky .header_top { z-index: 9; position: fixed; top: 0; left: 15px; width: 100%; background-color: #ffffff !important; box-shadow: 0 0 10px #d0d0d0; } .template-single #header .header_container.sticky .header_top .regular { display: none !important } .template-single #header .header_container.sticky .header_top .reversed { display: block !important } .template-single #header .header_container.sticky .blog_menu { text-align: left; display: flex; align-items: center; justify-content: space-between; } .template-single #header .header_container.sticky .blog_menu a { color: #484848 } .template-single #header .header_container.sticky .blog_menu .post_title { display: block; color: #484848; font-weight: 500; font-family: 'Ubuntu', 'Roboto', Arial, sans-serif; font-size: 1.1rem; width: 60%; margin: 0; padding: 0 } .template-single #header .header_container.sticky .blog_menu .juiz_sps_links { display: block; margin: 0 } .template-single #header .header_container.sticky .blog_menu .juiz_sps_links a { padding: 0; font-size: 0rem } /* Blocs pages */ .block_contenu .col-lg-3 .bloc_title h2, .block_contenu .col-lg-4 .bloc_title h2, .block_contenu .col-lg-5 .bloc_title h2, .block_contenu .col-lg-6 .bloc_title h2 { font-size: 2rem } /* Bloc : CTA */ .bloc_page.bloc_cta .cta_image { display: block } .bloc_page.bloc_cta .bloc_cta_medium_desc { text-align: left } .bloc_page.bloc_cta .bloc_title_wave h2 { font-size: 2.2rem } /* Bloc : Produits */ .bloc_page.bloc_produits .bloc_produit .row.image_left { flex-direction: row; align-items: center } .bloc_page.bloc_produits .bloc_produit .row.image_right { align-items: center } .bloc_page.bloc_produits .bloc_produit .row.image_left .image_left { padding-left: 0; } .bloc_page.bloc_produits .bloc_produit .row.image_right .image_right { padding-right: 0; text-align: right } .bloc_page.bloc_produits .bloc_produit .produit_image { display: inline; margin: 0; box-shadow: 0 0 20px #484848; max-width: 80%; } .bloc_page.bloc_produits .bloc_produit .image_left .produit_image { border-radius: 0rem 1rem 1rem 0rem; } .bloc_page.bloc_produits .bloc_produit .image_right .produit_image { border-radius: 1rem 0rem 0rem 1rem; } .bloc_page.bloc_produits .bloc_produit .desc_left { max-width: 570px } .bloc_page.bloc_produits .bloc_produit .desc_right { max-width: 570px; margin-left: calc( 50% - 570px ); } /* Bloc : Tarifs */ .bloc_tarifs .tarif { margin: 1.5rem 0 } .bloc_tarifs .highlight { margin: 0; box-shadow: 0 0 10px grey; z-index: 5; } .bloc_tarifs .tarif_contenu .curseur span { display: none } /* Bloc : témoignage */ .bloc_page .temoignage .photo div { width: 12rem; height: 12rem; margin: 0; z-index: 5 } .bloc_page .temoignage .info { display: flex; flex-direction: column; justify-content: center; z-index: 5 } .bloc_page .temoignage .bg_quotes { display: block; position: absolute; top: 1.5rem; left: 17%; z-index: 0 } } /* -------- */ /* Large */ /* -------- */ @media only screen and (min-width: 1200px) { .col-xl-0 { width: 0%; display: none } /* Multiple_slider */ .multiple_slider { width: 102%; width: calc( 100% + 2rem ); margin-left: -1rem } .multiple_slider .annonce .photo { right: 1.7rem } /* Tabs system */ .ui-tabs .ui-tabs-panel { padding: 4rem 4rem 3.5rem; } .ui-tabs .ui-tabs-panel .sidebar_tab { text-align: right; position: absolute; right: 0 } .bloc_tabs .ui-tabs-panel .sidebar_tab .btn { margin-right: 4rem } #header .header_menus ul.menu li.short_mode > .sub-menu-container > .menu_intro { padding: 4rem 2rem } #header .header_menus ul.menu li.short_mode > .sub-menu-container ul li a { padding: 2rem 5rem } #header .headline { max-width: 1140px; } #header .headline.has_padding { padding-top: 9rem; padding-bottom: 11rem } /* Listing Posts */ .post_listing .post .image_container { height: 13rem } .post_listing .post_orders_menu { display: flex; align-items: center; } .post_listing .post_orders { text-align: right } .post_listing .post_orders li { overflow: visible; justify-content: flex-end; } .post_listing .post_orders li a { text-decoration: none; padding: 0.2rem 0; display: flex; align-items: center; } .post_listing .post_orders > li > a { margin-right: 0rem } .post_listing .post_orders li a::after { font-size: 2rem; line-height: 1rem; margin-left: 0.4rem } .post_listing .post_orders li li a::after { content: "" } .post_listing .post_orders ul { position: absolute; top: 100%; right: 0; display: none; width: auto; } .post_listing .post_orders li:hover > a { color: #75aeac } .post_listing .post_orders li:hover > ul { display: block } /* Bloc Pages */ .bloc_page.bloc_etapes .etape_numero .chiffre { width: 6rem; height: 6rem; font-size: 3.5rem } /* Bloc : Témoignage */ .bloc_page .temoignage .bg_quotes { left: 15% } /* Détail Integration */ .template-single-wmk_integration .integration_natif { width: calc( 41% - 30px ); } /* Detail Partenaire */ .template-single-wmk_partenaire .partenaire_certifications ul { display: flex; justify-content: space-around; } } /* -------- */ /* XL */ /* -------- */ @media only screen and (min-width: 1400px) { /* Sliders */ .slick-prev { left: -3.5rem } .slick-next { right: -3.5rem } .col-xxl-0 { width: 0%; display: none } h1 { font-size: 2.3rem } h2 { font-size: 1.8rem } h3, h4, h5, h6 { font-size: 1.4rem } #header .header_top { border-bottom: 1px solid rgba(255,255,255,0.5) } .template-front #header .header_top { border-bottom: 1px solid transparent } #header .header_logo { padding: 0.8rem 0 } #header .header_logo img { margin: 0 auto; display: block; } #header .header_menus { padding-bottom: 0 } #header .header_menus ul.menu > li { border-top: 5px solid transparent; border-bottom: 5px solid transparent } #header .header_menus ul.menu > li:hover, .template-single-wmk_integration #header .header_menus ul.menu li.integrations, .template-single-wmk_partenaire #header .header_menus ul.menu li.partenaires, #header .header_menus ul.menu > li.current-menu-item, #header .header_menus ul.menu > li.current_page_parent, #header .header_menus ul.menu > li.current_page_item, #header .header_menus ul.menu > li.current-menu-ancestor, #header .header_menus ul.menu > li.current_page_item, #header .header_menus ul.menu > li.current-menu-item { border-bottom: 5px solid #ffffff } #header .header_menus .header_menu { position: inherit; align-items: center; justify-content: flex-start; display: flex; } #header .header_menus .header_menu nav { height: 100%; align-items: center; justify-content: flex-start; display: flex; } #header .header_menus ul.menu > li.extended_mode > .sub-menu-container > .menu_intro { width: 20% } #header .header_menus ul.menu > li.extended_mode > .sub-menu-container > .sub-menu { width: 80% } #header .header_menus ul.menu > li.extended_mode > .sub-menu-container > .sub-menu > li { width: 25% } #header .header_actions { justify-content: flex-end } #header .headline.has_padding { padding-top: 10rem; padding-bottom: 12rem } #header .headline .headline_right_logo .partner_terms li { font-size: 1.4rem } /* Reversed mode */ #header > .reversed .header_top, #header .header_top:hover { border-bottom: 1px solid #5D0E4E } .template-single #header .header_top:hover { border-bottom: 1px solid rgba(255,255,255,0.5) } #header > .reversed .header_menus ul.menu > li:hover, #header .header_top:hover .header_menus ul.menu > li:hover, #header > .reversed .header_menus ul.menu > li:hover, #header .header_top:hover .header_menus ul.menu > li.current-menu-item, #header > .reversed .header_menus ul.menu > li.current-menu-item, #header .header_top:hover .header_menus ul.menu > li.current_page_parent, #header > .reversed .header_menus ul.menu > li.current_page_parent, #header .header_top:hover .header_menus ul.menu > li.current_page_item, #header > .reversed .header_menus ul.menu > li.current_page_item, #header .header_top:hover .header_menus ul.menu > li.current-menu-ancestor, #header > .reversed .header_menus ul.menu > li.current-menu-ancestor, #header .header_top:hover .header_menus ul.menu > li.current_page_item, #header > .reversed .header_menus ul.menu > li.current_page_item, #header .header_top:hover .header_menus ul.menu > li.current-menu-item { border-bottom: 5px solid #5D0E4E } /* Sous-menu produit */ #header .product_menu > .row { padding: 0 } #header .product_menu .header_menus ul.menu > li { margin: 0 1.5rem 0 0.5rem } } /* --------------------------- */ /* Correctif header automation */ /* --------------------------- */ @media only screen and (max-width: 1200px) { #header .product_menu .header_menus .header_menu{ flex-direction:column; } .center-it{ justify-content:center; } } /* -------- */ /* XXL */ /* -------- */ @media only screen and (min-width: 1800px) { .col-xxxl-0 { width: 0%; display: none } #header .header_menus ul.menu > li.extended_mode > .sub-menu-container > .sub-menu > li { width: 20% } #header .header_menus ul.menu > li.extended_mode > .sub-menu-container > .sub-menu li:last-child a { border-right: 1px solid #ededed } #header .header_actions #lang_sel { margin-right: 3rem } } _:-ms-lang(x), #header .headline_shadow { bottom: -1vw } _:-ms-lang(x), #header .headline_shadow > div { height: 6vw; max-height: 110px }