/*
Theme Name: Riposte
Theme URI: https://www.les-apaches.fr
Text Domain: riposte
Author: Les Apaches
Author URI: https://www.les-apaches.fr
Description: Riposte 2023
Requires at least: WordPress 5.0
Version: 1.0*/
:root {
    --bleu:#243B67;
    --gris:#BDC6D4;
    --gris-clair:#F2F4FA;
    --gris-texte:#3E445E;
    --rouge: #C9332D;
}
/**********RESET*********/
:focus{box-shadow:none!important;}
::-webkit-scrollbar {width:2px;height:5px;}
::-webkit-scrollbar-track {background: #f1f1f1;}
::-webkit-scrollbar-thumb {background: var(--rouge);}
::-webkit-scrollbar-thumb:hover {background: var(--rouge);}
.form-control,.form-select {border-radius: 5px;border: 1px solid var(--gris);}
.bg-blue {background-color:var(--bleu)!important;}
.atc {cursor:pointer;}
.offcanvas-body {overflow-y:visible;}
.wpcf7-list-item {margin:0;}
.form-floating .form-control, .form-floating .form-control-plaintext, .form-floating .form-select {height: calc(3.5rem + calc(var(--bs-border-width)* 2));min-height:calc(3.5rem + calc(var(--bs-border-width)* 2));line-height: 1.25;}
.bg-light {background-color:var(--gris-clair)!important;}
.text-bg-dark {background-color:var(--bleu)!important;}
.btn-primary,.btn-primary:hover,.btn-primary:focus,.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show,.btn-secondary,.btn-secondary:hover,.btn-secondary:focus,.wp-element-button,.wp-element-button:hover,.wp-element-button:focus {font-size:14px;font-style:normal;font-weight:600;line-height:normal;padding:10px 20px;border-radius:6px;}
.btn-primary,.btn-primary:hover,.btn-primary:focus,.wp-element-button,.wp-element-button:hover,.wp-element-button:focus {color:#FFF;background-color:var(--rouge);border-color:var(--rouge);border:none;}
.btn-primary .nav-link {color:#FFF!important;font-weight:600!important;padding:0!important;}
.btn-secondary,.btn-secondary:hover,.btn-secondary:focus {color:#19233E;border-color:#19233E;background:none!important;}
#teaser .btn-secondary,#teaser .btn-secondary:hover,#teaser .btn-secondary:focus,header .btn-secondary,header .btn-secondary:hover,header .btn-secondary:focus {color:#FFF;background:var(--bleu)!important;border-color:var(--bleu);}
header .btn-secondary a.nav-link,header .btn-secondary:hover a.nav-link,header .btn-secondary:focus a.nav-link {color:#FFF!important;}
.btn-secondary .nav-link {color:#19233E!important;font-weight:600!important;padding:0!important;}
.btn-secondary i {margin-left:15px;color:var(--rouge);}
.shadow {box-shadow: -4px 4px 14px 0px rgba(0, 0, 0, 0.25)!important;}
.desc {font-size:16px;font-style:normal;font-weight:400;line-height:150%;color:var(--gris-texte);}
.desc strong,.desc b {font-weight: 600;}
.accordion-button {padding-left:30px;padding-right:30px;color: var(--bleu);font-family: Poppins;font-size:16px;font-style: normal;font-weight: 500;line-height: normal;}
.accordion-button:not(.collapsed) {color:#FFF;background-color:var(--bleu);}
.accordion-button::after {background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16"><path d="M8,12c-0.3,0-0.5-0.1-0.7-0.3l-6-6C1.1,5.5,1,5.3,1,5c0-0.3,0.1-0.5,0.3-0.7l0,0c0.4-0.4,1-0.4,1.4,0L8,9.6l5.3-5.3 c0.4-0.4,1-0.4,1.4,0C14.9,4.5,15,4.7,15,5s-0.1,0.5-0.3,0.7l-,6C8.5,11.9,8.3,12,8,12C8,12,8,12,8,12z M1.6,4.6L8,11L1.6,4.6z"/></svg>');}
.accordion-button:not(.collapsed)::after {background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16"><path d="M8,12c-0.3,0-0.5-0.1-0.7-0.3l-6-6C1.1,5.5,1,5.3,1,5c0-0.3,0.1-0.5,0.3-0.7l0,0c0.4-0.4,1-0.4,1.4,0L8,9.6l5.3-5.3 c0.4-0.4,1-0.4,1.4,0C14.9,4.5,15,4.7,15,5s-0.1,0.5-0.3,0.7l-,6C8.5,11.9,8.3,12,8,12C8,12,8,12,8,12z M1.6,4.6L8,11L1.6,4.6z" fill="%23FFF" /></svg>');}
.accordion-button:focus {box-shadow:none;}
.accordion-body {padding:30px;}
#video_bloc .video-container {display:none;}
#video_bloc .img-container {z-index:2;}
#video_bloc .img-container .img-cation {z-index:3;}
#video_bloc .img-caption {z-index:10;position:absolute;left:0;top:0;width:100%;height:100%;}
#video_bloc .img-container img,#videos iframe {border-radius:5px;}
#video_bloc .img-container .img {position:relative;}
/*#video_bloc .img-container .img:after {top:0;left:0;content:'';position:absolute;width:100%;height:100%;background: linear-gradient(0deg, rgba(25, 35, 62, 0.19) 0%, rgba(25, 35, 62, 0.19) 100%), lightgray 50% / cover no-repeat;opacity:0.2;}*/
#video_bloc.playing .video-container {display:block;}
#video_bloc.playing .img-container {display:none;}
#video_bloc .btn {border:none;background-color:var(--bleu);border-radius:100%;width:87px;height:87px;}
#video_bloc .btn i {font-size:20px;}
.socials {width:32px;height:32px;line-height:32px;text-align:center;border-radius:3px;background-color:var(--gris);margin-right:10px;display:inline-block;}
.socials i {font-size:20px;color:var(--gris-clair);}
.slick-dotted.slick-slider {margin-bottom: 100px;}
.slick-dots {bottom:-60px;}
.slick-dots li button:before {font-size:50px;}
.text-bg-dark .slick-dots li.slick-active button:before {color:#FFF;}
body {font-family: Poppins;}
textarea.form-control {min-height: calc(8.5em + 0.75rem + 2px);}
/**********HEADER*********/
header {box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06);background-color:#FFF;}
header .navbar-expand-xxl .navbar-nav .nav-link {color:#19233E;font-size:14px;font-style:normal;font-weight:400;line-height:normal;margin-left:12px;margin-right:12px;padding-left:0;padding-right:0;}
header .navbar-expand-xxl .navbar-nav .nav-link.active {border-bottom: 3px solid var(--rouge);font-weight:700;}
header .btn-primary {margin-left:24px;}
header .btn-secondary {margin-left:36px;}
/**********FOOTER*********/
footer {padding:60px 0;}
footer .row {--bs-gutter-x: 60px;}
footer .title {position:relative;z-index:2;margin-bottom:24px;color: var(--bleu);leading-trim: both;text-edge: cap;font-size: 16px;font-style: normal;font-weight: 500;line-height: 150%;}
footer .btn-primary {background-color:var(--bleu);}
footer #newsletter .title {margin-bottom:14px;}
footer .title span {background-color:var(--gris-clair);padding-right:5px;}
footer .title:after {content:"";position:absolute;bottom:0;left:0;right:0;height:0.5em;border-top:1px solid var(--gris);z-index:-1;}
footer .menu {height:120px;display: flex;justify-content:space-between;flex-direction: column;flex-wrap: wrap;list-style:none;padding-left:0;margin:0;}
footer .menu li {flex: 1 1 40px;}
footer .menu a {color: #787B88;leading-trim: both;text-edge: cap;font-size: 14px;font-style: normal;font-weight: 400;line-height: 150%;}
/**********GENERAL*********/
#teaser {position:relative;padding:59px 0 63px;margin-top:30px;}
@media (min-width:1199px){
    #teaser:after {content:'';display:block;position:absolute;z-index:1;width:40%;top:0;right:0;bottom:0;height:100%;background-color:var(--bleu);    border-radius: 0rem 0rem 0rem 2.5rem;}
}
#teaser img {border-radius:5px;}
#teaser .container {position:relative;z-index:2;}
#teaser .container h1 {color:var(--bleu);font-size:40px;font-style:normal;font-weight:700;line-height:130%;margin-bottom:40px;}
#teaser .container h1 strong,#teaser .container h1 b {color:var(--rouge);}
#teaser .desc ul {list-style: none;padding:0 0 0 24px;}
#teaser .desc li {position:relative;color:var(--bleu);font-size: 16px;font-style: normal;font-weight: 600;line-height:200%;}
#teaser .desc li:before {content: '\e800';position:absolute;top:9px;left:-24px;font-size:12px;color:var(--rouge);font-family:"riposte";font-style: normal;font-weight:normal;speak: never;display: inline-block;text-decoration: inherit;width: 1em;text-align: center;font-variant: normal;text-transform: none;line-height: 1em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
#produits {margin:90px 0;}
#produits .produit {position:relative;}
#produits .produit .container {position:relative;z-index:2;}
#produits .produit:not(:last-child) {margin-bottom:60px;}
#produits .produit:before {position:absolute;z-index:1;content:'';height:100%;width:40vw;top:0;bottom:0;}
#produits .produit:nth-child(odd) {padding:101px 0 127px;}
#produits .produit:nth-child(even) {padding:41px 0 66px;}
#produits .produit:nth-child(odd):before {border-radius: 0px 0px 40px 0px;background: var(--gris-clair);left:0;padding:101px 0 127px;}
#produits .produit:nth-child(even):before {border-radius: 0px 0px 0px 40px;background: var(--bleu);right:0;}
#produits .row {--bs-gutter-x:122px;}
#produits h2 {position:relative;color: var(--bleu);font-family: Poppins;font-size: 24px;font-style: normal;font-weight: 600;line-height: normal;margin-bottom:30px;}
#produits h2:before {width: 40px;height: 6px;position:absolute;left:0;top:-30px;content:'';background-color:var(--rouge);}
#tarifs {position:relative;padding:70px 0 90px;}
#tarifs:after {content:'';display:block;position:absolute;z-index:1;height:410px;top:0;right:0;left:0;width:100%;background-color:var(--bleu);border-radius: 0rem 0rem 2.5rem 0rem;}
#tarifs .container {position:relative;z-index:2;}
#tarifs .h2 {margin-bottom:30px;color:#FFF;}
#tarifs .h2 strong,#tarifs .h2 b {font-weight:400;background-image:linear-gradient(90deg,var(--rouge),var(--rouge));background-position:bottom;background-size:100% 20px;background-repeat:no-repeat;}
#tarifs .desc {margin-bottom:60px;color:#FFF;}
#tarifs .row .row {--bs-gutter-x: 30px;}
#tarifs .card {border-radius:5px;border:1px solid var(--gris);background:#FFF;}
#tarifs .card-body {padding:40px 30px 30px;}
#tarifs .card-body > .card-title {color:var(--bleu);font-size:22px;font-style: normal;font-weight: 700;line-height: 150%;text-align:center;}
#tarifs .card-body > .prix {position:relative;color:var(--bleu);font-size: 40px;font-style: normal;font-weight: 700;line-height: normal;text-align:center;margin-bottom:30px;padding-bottom:10px;}
#tarifs .card-body > .prix:after {position:absolute;content:'';bottom:0;left:calc(50% - 20px);width:40px;height:6px;background-color:var(--rouge);}
#tarifs .card-body > ul {list-style:none;padding:0;}
#tarifs .card-body > ul > li {position:relative;padding:0 0 10px 30px;}
#tarifs .card-body > ul > li:before {content: '\e802';position:absolute;top:0;left:0;font-size:20px;color:var(--rouge);font-family:"riposte";font-style: normal;font-weight:normal;speak: never;display: inline-block;text-decoration: inherit;width: 1em;text-align: center;font-variant: normal;text-transform: none;line-height: 1em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
#tarifs .card-body > ul > li.previous ~ li:before {content: '\e803';}
#tarifs .card-body > .option {border-radius: 0px 15px;padding:15px;text-align: center;}
#tarifs .card-body > .option .title {margin:0 0 10px;color: var(--gris-clair);font-size: 14px;font-style: normal;font-weight: 700;line-height: 150%;}
#tarifs .card-body > .option .desc {margin:10px 0 0;color: var(--gris-clair);font-size: 14px;font-style: normal;font-weight: 400;line-height: 150%;}
#tarifs .card-body > .option .prix {color: var(--gris-clair);font-size: 26px;font-style: normal;font-weight: 700;line-height: 150%;}
/**********HOME*********/
#home #teaser h1 {font-size:60px;}
#teaser .buttons {margin-top:60px;margin-bottom:50px;gap:24px;}
#home #scroll {margin:53px 0 59px;}
#home #scroll i {font-size:16px;padding:10px;background-color:var(--bleu);color:var(--gris-clair);border-radius:100%;}
#home #reassurance {position:relative;margin:59px 0 90px;}
#home #reassurance .row {--bs-gutter-x:112px;}
#home #reassurance .card-title {margin:30px 0 20px;color:#293A64;leading-trim:both;text-edge:cap;font-size:24px;font-style:normal;font-weight:600;line-height:normal;}
#home #reassurance .card-text {color:var(--gris-texte);leading-trim:both;text-edge:cap;font-size:14px;font-style:normal;font-weight:400;line-height: 150%;}
#home #video {position:relative;padding-top:70px;margin-bottom:90px;}
#home #video:after {content:'';display:block;position:absolute;z-index:1;height:410px;top:0;right:0;left:0;width:100%;background-color:var(--bleu);border-radius: 0rem 0rem 2.5rem 0rem;}
#home #video .container {position:relative;z-index:2;}
#home #video .h2 strong,#home #video .h2 b {font-weight:600;background-image:linear-gradient(90deg,var(--rouge),var(--rouge));background-position:bottom;background-size:100% 20px;background-repeat:no-repeat;}
#home #video h2 {font-weight:600;margin-bottom:56px;color:#FFF;}
#home #produits h2 .desc {font-size: 14px;font-style: normal;font-weight: 400;line-height: 150%;color:var(--gris-texte);}
#home #produits img {border-radius:5px;}
/**********PRODUIT*********/
#prd #plaintes {margin:120px 0 90px;}
#prd #plaintes .h2 {position:relative;color:var(--bleu);leading-trim: both;text-edge: cap;font-family: Poppins;font-size: 24px;font-style: normal;font-weight: 600;line-height: normal;margin-bottom:60px;}
#prd #plaintes .h2:before {width: 40px;height: 6px;position:absolute;left:calc(50% - 20px);top:-30px;content:'';background-color:var(--rouge);}
#prd #plaintes .row .row {--bs-gutter-x:60px;}
#prd #plaintes .card {border-radius: 10px;background: linear-gradient(135deg, #FFF 0%, #F1F1F1 100%);box-shadow: -4px 4px 14px 0px rgba(0, 0, 0, 0.25);padding:30px;}
#prd #plaintes h2 {margin-top:30px;color: #B4040B;text-align: center;leading-trim: both;text-edge: cap;font-size: 24px;font-style: normal;font-weight: 600;line-height:normal;}
#prd #plaintes .card-stitle {margin:20px 0;color:#293A64;text-align: center;leading-trim: both;text-edge: cap;font-size: 16px;font-style: normal;font-weight: 600;line-height:normal;}
#prd #situations {margin:90px 0;padding:120px 0 90px;}
#prd #situations .h2 {position:relative;leading-trim: both;text-edge: cap;font-family: Poppins;font-size: 24px;font-style: normal;font-weight: 600;line-height: normal;margin-bottom:60px;}
#prd #situations .h2:before {width: 40px;height: 6px;position:absolute;left:calc(50% - 20px);top:-30px;content:'';background-color:var(--rouge);}
#prd #situations .h2 {margin-bottom:30px;color:#FFF;}
#prd #situations .slick-list {margin:0 -26px;}
#prd #situations .slick-slide {margin:0 26px;}
#prd #situations .desc {margin-bottom:60px;color:#FFF;}
#prd #situations .row {--bs-gutter-x: 52px;}
#prd #situations h2 {margin:30px 0 20px;leading-trim: both;text-edge: cap;font-size: 24px;font-style: normal;font-weight: 600;line-height: normal;}
#prd #situations .card-text {color:var(--gris-clair);leading-trim:both;text-edge:cap;font-size:16px;font-style:normal;font-weight:400;line-height:150%;}
#prd #produits .produit .etapes {list-style:none;padding:0;}
#prd #produits .produit .etapes li {position:relative;padding-left:32px;font-size: 14px;font-style: normal;font-weight: 400;line-height: 150%;}
#prd #produits .produit .etapes li:not(:last-child) {margin-bottom:20px;}
#prd #produits .produit .etapes li:before {content:'';position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:100%;border-width:2px;border-style:solid;border-color:var(--bleu);background-color:var(--bleu);}
#prd #produits .produit .etapes li:first-child:before {background-color:#FFF;}
#prd #produits .produit .etapes li:last-child:before {background-color:var(--rouge);border-color:var(--rouge);}
#prd #produits .produit .etapes li:not(:last-child):after {content:'';width:1px;height: calc(100% - 6px);position:absolute;left:9px;top:24px;background-color:#BDC6D4;}
#prd #produits .produit .puces {list-style:none;padding:0;}
#prd #produits .produit .puces li {position:relative;padding-left:55px;font-size: 14px;font-style: normal;font-weight: 400;line-height: 150%;}
#prd #produits .produit .puces li:not(:last-child) {margin-bottom:30px;}
#prd #produits .produit .puces li img {position:absolute;left:0;top:0;width:40px;height:auto;}
#prd #avantages {position:relative;padding:70px 0 90px;}
#prd #avantages:after {content:'';display:block;position:absolute;z-index:1;height:410px;top:0;right:0;left:0;width:100%;background-color:var(--bleu);border-radius: 0rem 0rem 2.5rem 0rem;}
#prd #avantages .container {position:relative;z-index:2;}
#prd #avantages .h2 {margin-bottom:30px;color:#FFF;}
#prd #avantages .h2 strong,#prd #avantages .h2 b {font-weight:400;background-image:linear-gradient(90deg,var(--rouge),var(--rouge));background-position:bottom;background-size:100% 20px;background-repeat:no-repeat;}
#prd #avantages .desc {margin-bottom:60px;color:#FFF;}
#prd #avantages #table {padding:0 30px;border-radius: 10px;background: #FFF;box-shadow: -4px 4px 14px 0px rgba(0, 0, 0, 0.25);}
#prd #avantages table {width:100%;table-layout: fixed;}
#prd #avantages table thead th {text-align:center;padding:30px 0;}
#prd #avantages table tbody tr {margin:0 30px;border-top:1px solid #B8C1CB;}
#prd #avantages table tbody th {border-bottom:0;color: var(--bleu);padding:30px 0;font-size: 16px;font-style: normal;font-weight: 500;line-height: 150%;}
#prd #avantages table tbody td {border-bottom:0;text-align:center;padding:30px;}
#prd #avantages table tbody td .label {margin:0;color: var(--bleu);text-align: center;leading-trim: both;text-edge: cap;font-size: 14px;font-style: normal;font-weight: 600;line-height: 150%;}
#prd #avantages table tbody td img ~ .label {margin-top:20px;}
#prd #avantages table tbody td .label.rouge,#prd #avantages table tbody td .desc.rouge {color:var(--rouge);}
#prd #avantages table tbody td .desc {margin:0;color: var(--bleu, #243B67);text-align: center;leading-trim: both;text-edge: cap;font-size: 12px;font-style: normal;font-weight: 400;line-height: 150%;}
#prd #avantages table tbody td img ~ .desc {margin-top:20px;}
#prd #avantages table tbody td .label ~ .desc {margin-top:0;}
/**********BLOG***********/
#blog #list_actus h2,#blog #list_actus h2 a {color:var(--bleu);text-align: center;leading-trim: both;text-edge: cap;font-size:20px;font-style: normal;font-weight: 600;line-height:normal;}
#blog #list_actus .card-text * {color:var(--gris-texte);font-size:14px;}
#blog #list_actus .card-text p:last-child {margin-bottom:0;}
#blog #list_actus .card-body {padding:20px;}
#blog #list_actus .card-body .badge {font-size:11px;border-radius:3px;padding:7px;position:relative;z-index:3;color:#FFF!important;}
#blog #list_actus .card-footer {padding:0 20px 20px;}
#blog #list_actus .meta {font-size:12px;color:var(--gris-texte);opacity:0.7;font-weight:300;}
div#ez-toc-container {padding:0;border:none;background:none;box-shadow:none;margin-bottom:2rem;}
div#ez-toc-container p.ez-toc-title {display:block;color: var(--bleu);font-size: 18px;line-height: normal;margin-bottom:15px;font-weight:600;}
.box {background-color:var(--gris-clair);border-radius:10px;padding:20px;}
.box.sticky-top {top:150px;}
.col-xl-8 #ez-toc-container {display:none;}
.wp-block-heading {position:relative;}
.ez-toc-section {position:absolute; top:-150px;}
/**********STATIC*********/
#static_content #teaser {padding-bottom:30px;}
#static_content #teaser:after {display:none;}
#static_content h2 {position:relative;color: var(--bleu);leading-trim: both;text-edge: cap;font-size: 24px;font-style: normal;font-weight: 600;line-height: normal;margin-top:60px;margin-bottom:30px;}
#static_content h2:before {width: 40px;height: 6px;position:absolute;left:0;top:-30px;content:'';background-color:var(--rouge);}
#static_content h3 {color:var(--bleu);font-size:18px;line-height:normal;margin-bottom:15px;font-weight:600;}
.meta {font-size:14px;line-height:20px;margin:2rem 0 0;display:block;}
span.meta {margin:1rem 0;}
.wpcf7-form input[type="radio"] {margin-left:1rem;}
/**********CONTAINER*********/
.container-right,.container-left {overflow: hidden;}
.wpcf7-form small {font-size:.75rem;}
@media (min-width:576px){
    .container-right {margin-right: 0;margin-left: calc(50vw - 270px);overflow: hidden;}
    .container-left {margin-left: 0;margin-right: calc(50vw - 270px);overflow: hidden;}
}
@media (min-width:768px){
    .container-right {margin-right: 0;margin-left: calc(50vw - 360px);}
    .container-left {margin-left: 0;margin-right: calc(50vw - 360px);}
}
@media (min-width:992px){
    .container-right {margin-right: 0;margin-left: calc(50vw - 480px);}
    .container-left {margin-left: 0;margin-right: calc(50vw - 480px);}
}
@media (min-width:1200px){
    .container-right {margin-right: 0;margin-left: calc(50vw - 570px);}
    .container-left {margin-left: 0;margin-right: calc(50vw - 570px);}
}
@media (min-width:1400px){
    .container-right {margin-right: 0;margin-left: calc(50vw - 660px);}
    .container-left {margin-left: 0;margin-right: calc(50vw - 660px);}
}
@media (min-width:1500px){
    .container {max-width:1440px;}
    .container-right {margin-right: 0;margin-left: calc(50vw - 720px);}
    .container-left {margin-left: 0;margin-right: calc(50vw - 720px);}
}
@media (max-width:1199px) {
    .container {overflow:hidden;}
}
@media (max-width:1399px){
    .icon-burger,.icon-close {color: var(--rouge);font-size:40px;}
    .custom-logo {max-width:40vw;height:auto;}
    header .offcanvas-header {padding:5px 12px;}
    header .navbar-expand-xxl .navbar-nav li {display:block;width:100%;}
    header .navbar-expand-xxl .navbar-nav li:not(.btn) {padding:15px 0;border-bottom:1px solid #BDC6D4;}
    header .navbar-expand-xxl .navbar-nav li:not(.btn) .nav-link {padding:0;display: inline-block;position:relative;font-size: 18px;font-style: normal;font-weight: 500;line-height: 150%;}
    header .navbar-expand-xxl .navbar-nav li:not(.btn) .nav-link:after {content: '\e800';position:absolute;top:calc(50% - 4px);right:-15px;font-size:12px;color:var(--rouge);font-family:"riposte";font-style: normal;font-weight:normal;speak: never;display: inline-block;text-decoration: inherit;width: 1em;text-align: center;font-variant: normal;text-transform: none;line-height: 1em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
    header .navbar-expand-xxl .navbar-nav li:not(.btn) .nav-link:before {position: absolute;top:-15px;width:100vw;bottom:-15px;left:-12px;z-index: 1;content: "";}
    header .navbar-expand-xxl .navbar-nav li.btn {margin-top:30px;margin-left:0;}
    #home #teaser .buttons {margin-top:30px;}
    footer .menu {height: auto;}
    header .icon-user {background-color:var(--bleu);color:#FFF;font-size:20px;padding:6px;border-radius:3px;}
}
@media (max-width:1199px){
    .slick-slide img {margin:auto;}
    #teaser {margin-top:11px;padding-top:0;padding-bottom:30px;}
    #teaser .container h1 {margin-bottom:20px;}
    #teaser .desc {margin-top:20px;margin-bottom:20px;}
    #teaser .buttons,#home #teaser .buttons {margin-top:20px;margin-bottom:30px;}
    #teaser .buttons .btn {width:100%;}
    #teaser .buttons .btn:not(:last-child) {margin-bottom:24px;}
    #home #teaser h1 {font-size:44px;line-height: 130%;margin-bottom:20px;}
    #home #reassurance {margin-top:0;margin-bottom:47px;}
    #home #reassurance .row {--bs-gutter-x:0;--bs-gutter-y:45px;}
    #home #video:after {height:270px;}
    #home #video h2 {margin-bottom:50px;}
    #produits {margin:42px 0 66px;}
    #produits h2 {margin-top:70px;}
    #produits .produit:not(:last-child) {margin-bottom:60px;}
    #produits .produit:nth-child(odd),#produits .produit:nth-child(even) {padding:0;}
    #produits .produit:nth-child(odd):before,#produits .produit:nth-child(even):before {display:none;}
    #produits .produit img {position:relative;z-index:3;}
    #tarifs .row .row {--bs-gutter-y:30px;}
    footer .menu {display:block;text-align:center;height:auto;}
    footer .menu li:not(:last-child) {margin-bottom:30px;}
    footer .title {margin-top:77px;text-align: center;}
    footer #newsletter .title {margin-top:0;}
    footer #newsletter .btn {width:auto;}
    footer .title span {padding-left:5px;}
    #prd #plaintes .row .row {--bs-gutter-x:0;--bs-gutter-y:0;}
    #prd #plaintes .row .row > * {padding:15px 0;}
    #prd #plaintes {margin: 0 0 60px 0;}
    #prd #situations {margin:60px 0;padding:60px 0;}
    #prd #avantages {padding:60px 0 0;}
    #prd #avantages .container {padding-bottom:60px;}
    #prd #avantages table {table-layout: initial;}
    .table th:first-child,
    .table td:first-child {position: sticky;left: 0;background-color:#FFF;}
    .wrapper1, .wrapper2 {width: 100%; overflow-x: scroll; overflow-y: hidden;}
    .wrapper1 {height:5px;}
    .div1 {height:5px;}
    .div2 {overflow:none;}
    #prd #avantages #table {padding: 0 20px;}
    #prd #avantages table tbody th {font-size:15px;min-width:100px;}
    #prd #plaintes .h2 {margin-bottom:30px;}
    .accordion-button {font-size:16px;}
    .list_tarifs .slick-slide {margin:0 20px;}
    footer form {display:flex;gap:20px;}
    .slick-dots li button:before {font-size:20px;}
    .wpcf7-spinner {display:none;}
    #newsletter .form-floating {width:100%;}
}
@media (max-width:991px){
    #video_bloc .btn {width:60px;height:60px;}
    #tarifs .row .row {--bs-gutter-x:0;}
}
@media (max-width:575px){
    footer form {display:flex;}
    #tarifs .card-body > ul {font-size:14px;}
    #tarifs .card-body > .option .desc {font-size:12px;}
}