@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body, h1:not(.titre-slider > h1) {
    font-family: Poppins, sans-serif;
}
BODY, h2 {
    margin: 0;
}
#blog .container .contenu-blog>div>a .image>img.paysage, #blogs .container .contenu-blog>div>a .image>img.paysage, #logo a>img, #search-results .produit_image>img.paysage, #site, .boxListProduits>div .img>img.paysage, html {
    height: 100%}
#highlight h3, #info_header>.mail>a>.texte>div:first-child, #info_header>.tel>a>.texte>div:first-child {
    font-weight: 400;
}
.burger, .burger-open nav .toggler_nav .burger {
    border-top: 5px solid #fff;
}
#highlight, #materiaux {
    padding: 100px 0;
    overflow: hidden;
}
#avis, #blog {
    padding: 60px 0;
}
.bloc_categorie .titre, .pdf_articles .texte {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#footer, #highlight, #highlight2 {
    background-color: #000114;
}
.flying-item, .scrolloff {
    pointer-events: none;
}
* {
    box-sizing: border-box;
    outline: 0;
    -webkit-tap-highlight-color: #fff0;
}
BODY {
    height: calc(100% - 147px);
    font-display: swap;
    font-size: 14px;
    color: #353535;
    background-color: #f3f3f3;
}
#highlight2 h2, .pdf_articles .texte, h2 {
    font-family: Poppins;
    font-display: swap;
}
BODY.popup-open {
    overflow: hidden;
}
h1:not(.titre-slider>h1) {
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 35px;
    text-align: center;
    position: relative;
    padding: 30px 0 0;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-top: 0;
}
h2 {
    font-size: 39px;
    color: #000114;
    font-weight: 700;
    padding: 0;
}
#footer a, #highlight h1, #highlight h2, .bloc_categorie>a:hover .titre, .button:focus, .button_return:focus, .display_bloc>.bloc a:hover .box_texte>:first-child, .pdf_articles>a:hover .texte, a:active, a:focus {
    color: #fff;
}
#highlight h3, h3 {
    text-align: center;
    color: #010101;
}
#highlight h3 {
    margin: 0;
    padding: 25px 0 10px;
    text-transform: uppercase;
    font-size: 21px;
}
.contentPage h2 {
    text-align: left;
    margin: 30px 0 0;
    padding: 0;
    position: relative;
    font-size: 30px;
    color: #0577bd;
}
#blogPage .content_articles_blog h3, .contentPage h3 {
    text-align: left;
    font-size: 17px;
    margin: 0 0 30px;
    padding: 0;
    color: #1e1e2d;
}
h3 {
    margin: 5px 0;
    font-size: 14px;
}
#materiaux .box_materiaux a>.box>.btn>div:last-child, #produit_show .produit_informations .info_produit .add_produit, .flexGallery>.video .videoBox .infoVideo>.btnPlay, header, nav .menu>ul:last-child {
    text-align: right;
}
hr {
    width: 185px;
    margin: 0 auto 20px;
    padding: 0;
    border: 1px solid #000;
}
a {
    color: #696969;
}
.titre-article {
    font-family: Poppins, sans-serif font-display: swap;
}
.bloc_categorie, .pdf_articles {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.pdf_articles>a {
    flex-basis: calc(100% / 5 - 15px);
    text-decoration: none;
    color: initial;
    padding: 15px;
    border-radius: 20px;
    background-color: #ededed;
    position: relative;
}
.bloc_categorie>a:hover, .display_bloc>.bloc>a:hover, .pdf_articles>a:hover {
    background-color: #000114;
    color: #fff;
}
.bloc_categorie>a>div>.img, .pdf_articles>a .image {
    height: 240px;
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    background-color: #fff;
}
.pdf_articles>a img {
    width: 100%;
    height: 100%:;
    object-fit: cover;
}
.pdf_articles .texte {
    font-size: 14px;
    color: #000114;
    text-transform: uppercase;
    text-align: left;
    display: -webkit-box;
    overflow: hidden;
    font-weight: 700;
    min-height: 45px;
    margin-top: 20px;
}
#mentions h3 {
    text-align: left;
}
#mentions div:not(#mentions h2>div) {
    margin-top: 40px;
}
#mentions .button {
    font-style: normal;
    padding: 10px 30px;
    margin-top: 20px;
    background-color: #000;
    border-radius: 50vh;
    color: #fff;
}
.notification {
    margin: 20px auto;
    padding: 12px 20px;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
    width: 100%;
    text-align: left;
}
#highlight2 h2, #highlight2 h3, .center, .cmd_fermees {
    text-align: center;
}
.notification.validation {
    background-color: #e4f6e6;
    color: #3abf3d;
}
.notification.erreur {
    background-color: #f9dddc;
    color: #f76b5b;
}
.notification.information {
    background-color: #d4e4fb;
    color: #3c8dfb;
}
.notification.alert {
    background-color: #faf2dd;
    color: #e5b235;
}
.notification.inscription {
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
    text-align: center;
    border-radius: 0!important;
}
.notification.informationSearch {
    background-color: #fff;
    color: #000;
}
.cmd_fermees {
    background-color: #fa2727;
    border-radius: 5px;
    padding: 10px;
    color: #fff;
    font-weight: 700;
}
.fade-in {
    opacity: 1;
    transition: opacity .5s ease-in-out;
}
.burger-open .toggler_nav>.burger:nth-child(2), .fade-content {
    opacity: 0;
}
@-webkit-keyframes posiLeft {
    from {
    transform: translate(0, 0);
}
to {
    transform: translate(0, 50px);
}
}@keyframes posiLeft {
    from {
    transform: translate(0, 0);
}
to {
    transform: translate(0, 50px);
}
}@-webkit-keyframes posiRight {
    from {
    transform: translate(0, 0);
}
to {
    transform: translate(0, 50px);
}
}@keyframes posiRight {
    from {
    transform: translate(0, 0);
}
to {
    transform: translate(0, 50px);
}
}::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 10px;
    transition: .5s;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #000;
    transition: .5s;
}
::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}
ol[itemtype="http://schema.org/BreadcrumbList"] {
    list-style: none;
    display: flex;
    padding: 10px 0;
}
ol[itemtype="http://schema.org/BreadcrumbList"]>li {
    margin-right: 15px;
    position: relative;
}
ol[itemtype="http://schema.org/BreadcrumbList"]>li:not(:last-child)::after {
    content: "›";
    margin-left: 15px;
}
ol[itemtype="http://schema.org/BreadcrumbList"] a {
    color: #000;
    text-decoration: none;
}
ol[itemtype="http://schema.org/BreadcrumbList"]>li:last-child a {
    color: #1e1e2d;
    cursor: default;
}
#highlight {
    position: relative;
}
#highlight2::before, #highlight::before {
    content: '';
    position: absolute;
    top: -300px;
    right: -100px;
    width: 600px;
    height: 600px;
    background-color: #001e4a;
    border-radius: 50%;
    box-shadow: 0 0 50px 30px rgb(0 30 74 / .5);
    animation: 2s infinite bouger;
    filter: blur(50px);
}
#footer>div, #highlight2, #info_header .input_search, #popup-content #points>li, #search-results .produit_image, #site, .container, .pictureArticle, .picturePage {
    position: relative;
}
#highlight2 {
    padding: 100px 0 140px;
    overflow: hidden;
}
#highlight2 h2 {
    font-size: 50px;
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
}
#highlight2 h3, .sur_nous>.texte>h3 {
    font-size: 18px!important;
    font-family: Poppins!important;
    color: #0577bd!important;
    text-transform: uppercase!important;
    line-height: 3.611!important;
}
#highlight2 h3 {
    font-display: swap;
    padding: 0!important;
    font-weight: initial;
}
@keyframes bouger {
    0%, 100% {
    transform: translateY(0) scale(1);
}
50% {
    transform: translateY(5%) scale(1.05);
}
}.center {
    justify-content: center;
}
.middle {
    display: flex!important;
    align-items: center!important;
}
.middle.center {
    justify-content: center;
}
.container {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1330px;
}
.row {
    margin: 0 -10px;
    padding: 0;
    font-size: 0;
    list-style: none;
}
.row>* {
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    font-size: 15px;
    vertical-align: top;
}
.row>.col-1 {
    width: 8.333333%}
.row>.col-2 {
    width: 16.666667%}
.row>.col-3 {
    width: 25%}
.row>.col-4 {
    width: 33.33%}
.row>.col-5 {
    width: 41.666667%}
.row>.col-6 {
    width: 50%}
.row>.col-7 {
    width: 58.333333%}
.row>.col-8 {
    width: 66.66%}
.row>.col-9 {
    width: 75%}
.row>.col-10 {
    width: 83.333333%}
.row>.col-11 {
    width: 91.666667%}
#blog .container .contenu-blog>div>a .image>img.portrait, #blogs .container .contenu-blog>div>a .image>img.portrait, #search-results .produit_image>img.portrait, #site, .boxListProduits>div .img>img.portrait, .flexGallery .imgFlexAccueil>div img, .flexGallery img, .row>.col-12, nav {
    width: 100%}
#site {
    margin: 0 auto;
}
header {
    z-index: 55;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background-color: rgb(0 0 0);
    transition: background-color .5s;
    backdrop-filter: blur(25px);
}
header.accueil {
    background: rgb(0 0 0 / .6);
    box-shadow: initial;
    backdrop-filter: blur(0);
}
header.accueil nav ul:not(.btn_action) li a.button {
    padding: 10px 30px;
    border-radius: 50vh;
    color: #000;
}
header.scroll {
    background-color: rgb(0 0 0);
    box-shadow: 0 2px 2px rgb(0 0 0 / .1);
}
.top_nav>div {
    display: flex;
}
#footer .info>div, #footer .information_footer>div, #materiaux .box_materiaux a>.box>.btn>*, #raccourciHighlight>li, .sur_nous>div, .top_nav>div>*, nav .menu>ul {
    flex-grow: 1;
}
#logo {
    display: flex;
    align-items: center;
    height: 60px;
    gap: 10px;
}
#info_header {
    display: flex;
    justify-content: right;
    gap: 35px;
}
#info_header>.mail>a, #info_header>.tel>a {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: #000;
}
#info_header>.mail>a>.picto, #info_header>.tel>a>.picto {
    padding: 10px 12.5px;
    font-size: 20px;
    background-color: #0577bd;
    border-radius: 50vh;
    color: #fff;
}
#info_header>.mail>a>.texte>div:last-child, #info_header>.tel>a>.texte>div:last-child {
    color: #000114;
    font-weight: 700;
}
#info_header .input_search input {
    width: 310px;
    border-radius: 50vh;
    background-color: #ededed;
    box-shadow: none;
}
#info_header .input_search .btn_search {
    position: absolute;
    top: 6px;
    right: 5px;
    padding: 10px 14px;
    font-size: 15px;
    background-color: #0577bd;
    border-radius: 50vh;
    color: #fff;
}
#search-results {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgb(0 0 0 / .1);
    z-index: 1000;
    max-height: 300px;
    overflow-y: auto;
    width: 40%}
#search-results .resultat {
    padding: 10px;
    border-bottom: 1px solid #ccc;
    width: 100%}
#search-results li {
    list-style: none;
}
#search-results div:last-child {
    border-bottom: none;
}
#search-results .resultat:hover {
    background-color: #f5f5f5;
    cursor: pointer;
}
#search-results a {
    display: flex;
    align-items: center;
    gap: 20px;
    text-decoration: none;
}
#search-results a>div:not(.product) {
    flex-basis: 100px!important;
}
#search-results .produit_image {
    height: 100px;
    width: 100px;
    overflow: hidden;
    background-color: #ededed;
    border-radius: 10px;
}
#search-results .product {
    flex-basis: calc(100% - 100px);
}
#search-results .product>.nom {
    font-weight: 700;
    font-size: 16px;
    color: #3073ba;
}
#search-results .product .reference, .bloc_categorie .box_texte .reference {
    padding: 2px 10px;
    background-color: #c2c2c2;
    display: inline-block;
    border-radius: 5px;
    color: #fff;
    font-style: italic;
    font-size: 11px;
}
#search-results .product>.epaisseur {
    padding: 2px 10px;
    background-color: #e1f1f6;
    display: inline-block;
    border-radius: 5px;
    color: #004a70;
    font-style: italic;
    font-size: 12px;
    margin-top: 7px;
}
#plaque_sur_mesure .etapeProduit {
    border: 5px solid #e6e6e6;
    border-radius: 10px;
    margin: 0 auto 20px;
    padding: 20px;
    position: relative;
    transition: .4s ease-in-out;
}
#plaque_sur_mesure .add_produit {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    margin: 0;
    border-radius: 0!important;
    background-color: #0577bd!important;
    color: #fff!important;
    box-shadow: 0 -2px 2px rgb(0 0 0 / .1);
    z-index: 9!important;
}
#plaque_sur_mesure .add_produit>.prix>span {
    color: #fff!important;
}
#plaque_sur_mesure .title_etape {
    text-align: left;
    text-transform: initial;
    padding: 0;
    margin: 0;
    position: relative;
    font-size: 21px;
    font-weight: 700;
}
#plaque_sur_mesure .title_etape::before, #slider .generateur>h2::before {
    content: '';
    position: absolute;
    top: 0;
    left: -36px;
    height: 32px;
    width: 24px;
    background-color: #0577bd;
    border-radius: 5px;
}
#plaque_sur_mesure p {
    padding: 0;
    margin: 0 0 25px;
    font-size: 14px;
}
#plaque_sur_mesure p:last-child, #slider .generateur p:last-child {
    font-size: 11px;
    line-height: initial;
    margin-top: 10px;
    text-align: justify;
}
#plaque_sur_mesure .button, #slider .generateur .button {
    width: 100%;
    border-radius: 5px;
    background-color: #0577bd;
    font-size: 16px;
    padding: 15px;
    text-align: center;
    text-transform: initial;
}
#plaque_sur_mesure .dimensions {
    font-size: 12px;
    margin-bottom: 20px;
}
#plaque_sur_mesure .valeurDiametreCM, #plaque_sur_mesure .valeurLargeurCM, #plaque_sur_mesure .valeurLongueurCM {
    color: red;
    display: none;
}
#plaque_sur_mesure>div {
    margin-bottom: 10px;
    position: relative;
}
#plaque_sur_mesure div>ul, #slider .generateur div>ul {
    display: flex;
    list-style: none;
    justify-content: space-around;
    padding: 0;
    margin: 0;
    gap: 20px;
}
#plaque_sur_mesure div>ul>li, #slider .generateur div>ul>li {
    flex-grow: 1;
    flex-basis: 0%}
#plaque_sur_mesure div>ul .option, #slider .generateur div>ul .option {
    display: flex;
    align-items: center;
    cursor: pointer;
}
#blogPage .content_image a>.show-photos, #plaque_sur_mesure div>ul .option input, #slider .generateur div>ul .option input, .dataProduit label.label_Panier>a>img, .tab-content .tab, input[type=file], nav .raccourci_mobile {
    display: none;
}
#plaque_sur_mesure div>ul .option label {
    width: 100%;
    padding: 15px;
    background-color: #ededed;
    text-align: center;
    border-radius: 5px;
    transition: .3s;
    cursor: pointer;
}
#plaque_sur_mesure div>ul .option label img:not(.tooltipImg) {
    height: 50px;
    width: initial;
    transition: height .3s;
}
#plaque_sur_mesure div>ul .option input:checked+label, #slider .generateur div>ul .option input:checked+label, .blocRaccourcisAccueil-espaceclient>div.select, .blocRaccourcisAccueil-espaceclient>div:hover, .boxAdresses ul .option input:checked+label, .boxLivraison ul .option input:checked+label, .boxLivraison ul .option label.checked, .boxPaiement ul .option input:checked+label, .boxPaiement ul .option label.checked, .commandesAccueil-espaceclient table tbody tr:hover, .commandesAccueil-espaceclient table-hover tbody tr:hover, .commandesAccueil-espaceclient table-striped tbody tr:nth-of-type(odd) {
    background-color: #c5e1f7;
}
#plaque_sur_mesure .btnAction {
    display: flex;
    gap: 20px;
}
nav .top_nav {
    background-color: #fff;
    text-align: left;
    padding: 23px 0;
    transition: .3s;
}
nav .bottom_nav {
    text-align: left;
    background-color: #0577bd;
}
#blogPage .content_blog_timedate>p, nav ul {
    margin: 0;
    padding: 0;
}
nav ul li {
    display: inline-block;
    list-style: none;
    padding: 30px 12px;
    position: relative;
    transition: .3s;
}
nav ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    padding: 30px 0;
    border-bottom: 2px solid #fff0;
    transition: .3s;
}
nav ul:not(.raccourci):not(.raccourci_mobile) li.select::before, nav ul:not(.raccourci):not(.raccourci_mobile) li:hover::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #49a9e2;
    border-radius: 0 0 20px 20px;
    transition: .5s;
}
#footer .double, nav .menu {
    display: flex;
    align-items: center;
}
nav .menu>.raccourci:last-child li, nav .raccourci_mobile:last-child li {
    display: inline-block;
    margin: 0;
    padding: 0;
}
nav .menu>.raccourci:last-child li>a, nav .raccourci_mobile:last-child li>a {
    margin-right: 5px;
    text-decoration: none;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50vh;
    background-color: #00609b;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    transition: .2s;
    font-family: initial;
    font-display: swap;
    padding: 0;
}
nav .menu>ul:last-child li:last-child span, nav .raccourci_mobile li:last-child span {
    position: absolute;
    top: -7px;
    right: -7px;
    background-color: #fa2727;
    padding: 5px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    transition: .3s;
}
nav .menu>ul:last-child li>a:hover {
    background-color: #00426b;
    transition: .2s;
}
nav ul li a.button {
    padding: 10px 30px;
    background-color: #fff;
    border-radius: 50vh;
    color: #000;
    display: inline;
    font-weight: 700;
}
.scroll nav ul li {
    padding: 15px 12px;
    transition: .3s;
}
.scroll nav ul li a {
    padding: 15px 0;
    transition: .3s;
}
.scroll nav .menu>ul:last-child li>a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    transition: .3s;
}
.scroll nav .menu>ul:last-child li:last-child span {
    width: 15px;
    height: 15px;
    top: -2px;
    right: -2px;
    transition: .3s;
}
.scroll nav .top_nav {
    padding: 10px 0;
    transition: .3s;
}
#avis ul, #selection_produits {
    padding: 0!important;
    margin: 0!important;
}
.burger-open #site {
    overflow-y: hidden;
    height: 100vh;
}
.toggler_nav {
    position: absolute;
    top: 23px;
    left: 35px;
    width: 40px;
    max-height: 100px;
    display: none;
    padding: 30px 0 5px;
    z-index: 3;
}
.burger {
    backface-visibility: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    transition: .55s;
    border-radius: 5px;
}
#slider, .card {
    position: relative;
}
.toggler_nav>span:first-child {
    top: 0;
}
.toggler_nav>span:nth-child(2) {
    top: 13px;
    width: 80%}
.toggler_nav>span:last-child {
    top: 27px;
    width: 70%}
.burger-open .toggler_nav>.burger:first-child {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    top: 15px;
    transform: rotate(45deg);
    transition: .55s .5s;
}
.burger-open .toggler_nav>.burger:last-child {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    top: 15px;
    transform: rotate(-405deg);
    transition: .55s .5s;
}
#slider {
    width: 100%;
    margin-top: 181px;
    height: 600px;
    overflow: hidden;
    border-bottom: 8px solid #0577bd;
}
#slider>.slide-image {
    height: 100%;
    display: none;
    overflow: hidden;
}
#slider>.slide-prec, #slider>.slide-suiv {
    position: absolute;
    top: calc(50% + 60px);
    transform: translate(0, -50%);
    font-size: 30px;
    padding: 15px;
    cursor: pointer;
    color: #fff;
    transition: .1s;
    user-select: none;
    opacity: .6;
}
#slider>.slide-prec:hover, #slider>.slide-suiv:hover {
    opacity: 1;
    transition: .1s;
}
#slider>.slide-suiv {
    right: 0;
}
#slider>.dots {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 5px;
    cursor: pointer;
}
#slider>.dots>span {
    display: inline-block;
    width: 30px;
    height: 3px;
    border-top: 3px solid #fff;
    margin: 0 5px;
    opacity: .6;
    transition: .1s;
}
#slider>.dots>span.active, #slider>.dots>span:hover {
    opacity: 1;
    transition: .1s;
    border-top: 6px solid #fff;
}
#slider>.slide-image .contenu-slider {
    position: absolute;
    color: #fff;
    letter-spacing: 2px;
    line-height: 35px;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    width: 65%}
#slider .contenu-slider>div {
    display: flex;
    gap: 50px;
    align-items: center;
}
#slider .contenu-slider>div>div:first-child {
    flex-basis: calc(100% - 470px);
}
#slider .contenu-slider>div>.generateur {
    flex-basis: 470px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 15px 95px 0 rgb(0 69 112 / .2);
    color: #000;
    padding: 40px 25px;
}
#slider .contenu-slider>div>.generateur .styleInput, #slider .generateur .dimensions input {
    border-radius: 5px;
    background-color: #ededed;
    box-shadow: initial;
}
#slider .contenu-slider>div>.generateur>a {
    text-decoration: none;
    color: #000;
}
#slider .contenu-slider>div>.generateur>a:active, #slider .contenu-slider>div>.generateur>a:focus {
    all: unset;
    color: #000;
}
#slider .contenu-slider>div>.generateur .styleInput {
    width: 100%;
    height: 51px;
}
#slider>.slide-image .contenu-slider .sous_titre-slider {
    font-family: Poppins, sans-serif;
    font-display: swap;
    font-style: normal;
    font-weight: initial;
    font-size: 18px;
    text-align: left;
    color: #0a8ede;
    line-height: 3.611;
    text-transform: uppercase;
}
#slider>.slide-image .contenu-slider .titre-slider {
    color: #fff;
    letter-spacing: 2px;
    font-size: 26px;
    text-transform: uppercase;
    line-height: initial;
}
#slider>.slide-image .contenu-slider .titre-slider>h1 {
    padding: 0;
    margin: 0;
}
#slider>.slide-image .contenu-slider .titre-slider:not(#slider>.slide-image:first-child .contenu-slider .titre-slider) {
    text-shadow: 3px 0 15px rgb(0 0 0)!important;
    font-family: Poppins, sans-serif;
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    font-size: 29px;
    align-items: left;
    text-align: left;
    color: #fff;
    line-height: 53px;
}
#slider>.slide-image .contenu-slider .description-slider {
    font-family: Poppins, sans-serif;
    font-display: swap;
    font-weight: 400;
    font-size: 17px;
    align-items: center;
    color: #fff;
    width: 80%}
#slider>.slide-image .contenu-slider .description-slider .button {
    background-color: #0577bd!important;
    color: #fff;
    text-transform: initial;
    border-radius: 50vh;
    transition: initial;
    padding: 10px 20px;
    font-size: 14px;
    text-decoration: none;
}
#slider>.slide-image .contenu-slider .description-slider .button:hover {
    color: #fff!important;
    transition: initial;
    background-color: #00609b!important;
}
#slider .generateur>h2 {
    text-align: left;
    text-transform: initial;
    padding: 0;
    margin: 0;
    position: relative;
}
#slider .generateur p {
    padding: 0;
    margin: 0;
    font-size: 12px;
}
#footer #infos_complementaires, #slider .generateur .dimensions {
    font-size: 12px;
}
#popup-content #points>li:not(:last-child), #slider .generateur>div, .panierBox .boxArticle>.produit>.qte>div:first-child {
    margin-bottom: 10px;
}
#slider .generateur div>ul .option label {
    width: 100%;
    padding: 15px;
    background-color: #ededed;
    text-align: center;
    border-radius: 5px;
}
#slider .generateur div>ul .option label img {
    height: 50px;
    width: initial;
}
#produit_show .slick-slide img, #slider>.slide-image img, .bloc_categorie>a>div>.img img:not(.ral), .pictureArticle picture img, .picturePage picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#slider img, #slider video {
    transform: scale(1.01);
    width: 100%}
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}
@-webkit-keyframes fade {
    from {
    opacity: .8;
}
to {
    opacity: 1;
}
}@keyframes fade {
    from {
    opacity: .8;
}
to {
    opacity: 1;
}
}@-webkit-keyframes posi {
    from {
    left: 15%}
to {
    left: calc(12% + 8px);
}
}@keyframes posi {
    from {
    left: 15%}
to {
    left: calc(12% + 8px);
}
}@-webkit-keyframes posiImg {
    from {
    right: 15%}
to {
    right: calc(12% + 8px);
}
}@keyframes posiImg {
    from {
    right: 15%}
to {
    right: calc(12% + 8px);
}
}@-webkit-keyframes zoomin {
    from {
    transform: scale(1, 1);
}
to {
    transform: scale(1.2, 1.2);
}
}@keyframes zoomin {
    from {
    transform: scale(1, 1);
}
to {
    transform: scale(1.2, 1.2);
}
}.card-pages {
    display: flex;
    gap: 60px 20px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 30px;
}
.card {
    border-radius: 20px;
    background: #f9f9f9;
    padding: 1.8rem;
    overflow: visible;
    box-shadow: 6px 5px 30px #bebebe, -5px -5px 30px #fff;
    border: 1px solid #fff0;
}
.card-pages a {
    flex-basis: 30%;
    text-decoration: none;
}
.card-details {
    color: #000;
}
.card-button {
    transform: translate(-50%, 125%);
    width: 60%;
    border-radius: 1rem;
    border: none;
    background-color: #000;
    color: #fff;
    font-size: 1rem;
    padding: .5rem 1rem;
    position: absolute;
    left: 50%;
    bottom: 0;
    opacity: 0;
    text-align: center;
}
.card .text-title {
    font-size: 1.5em;
    font-weight: 700;
    text-align: center;
}
.card:hover {
    border: 1px solid #000;
    box-shadow: 0 4px 18px 0 rgb(0 0 0 / .25);
}
.card:hover .card-button {
    transform: translate(-50%, 50%);
    opacity: 1;
}
fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}
input[type=date], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], select, textarea {
    margin: 2px 0;
    padding: 15px;
    outline: 0;
    font-family: 'Open Sans', sans-serif;
    font-display: swap;
    font-size: 14px;
    border-radius: 15px;
    border: 1px solid #fff0;
    width: 100%}
textarea {
    padding: 6px;
}
input[type=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=text]:focus, select:focus, textarea:focus {
    border: 1px solid #000;
    outline: 0;
}
input[type=date]:disabled, input[type=email]:disabled, input[type=number]:disabled, input[type=password]:disabled, input[type=tel]:disabled, input[type=text]:disabled, select:disabled, textarea:disabled {
    background-color: #e3e3e3;
    cursor: not-allowed;
}
input.error_form, select.error_form, textarea.error_form {
    border: 1px solid #f44336;
    font-weight: 700;
    color: #7d7d7d;
}
.quantiteInput::-webkit-inner-spin-button, .quantiteInput::-webkit-outer-spin-button {
    -webkit-appearance: none!important;
    margin: 0!important;
}
.quantiteInput {
    -moz-appearance: textfield!important;
    display: block;
}
form fieldset {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
form fieldset>div {
    flex-basis: calc(50% - 10px);
}
form fieldset.tree>div {
    flex-basis: calc(100% / 4 - 15px)!important;
}
form fieldset.pointsRelais {
    background-color: #0577bd;
    border-radius: 10px;
    padding: 5px;
    gap: 10px;
    justify-content: space-between;
    vertical-align: middle;
}
form fieldset.pointsRelais input {
    padding: 5px 10px;
}
form fieldset.pointsRelais>div:first-child {
    flex-basis: 40%!important;
}
form fieldset.pointsRelais>div:nth-child(3) {
    flex-basis: 18%!important;
}
form fieldset.pointsRelais>div:last-child {
    flex-basis: 5%!important;
}
form fieldset.pointsRelais #new-address-submit {
    width: 100%;
    border-radius: 50vh;
    background-color: #fff;
    font-size: 16px;
    padding: 8px 10px;
    text-align: center;
    text-transform: initial;
    color: #0577bd;
    border: 0;
    cursor: pointer;
    display: block;
    text-decoration: none;
    margin-top: 0;
}
#pointsRelaisContent h2 {
    font-family: Poppins, sans-serif;
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    text-align: left;
    position: relative;
    color: #0577bd;
    margin-bottom: 20px;
}
.boxAdresses ul>li, .boxLivraison ul>li, form fieldset.captcha>div.double, form fieldset>div.double {
    flex-basis: 100%}
#popup-content #points .distance, .boxPaiement ul .option .description .textPaiement, .panierBox .boxArticle>.produit:not(:first-child), .panierBoxLivraison .boxArticle>.produit:not(:first-child), form fieldset:not(:first-child)>div {
    margin-top: 10px;
}
form fieldset textarea {
    resize: vertical;
}
.checkbox_container {
    width: 51px;
    height: 31px;
    position: relative;
}
.checkbox {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
}
.switch {
    width: 100%;
    height: 100%;
    display: block;
    background-color: #e9e9eb;
    border-radius: 16px;
    cursor: pointer;
}
.slider {
    width: 27px;
    height: 27px;
    position: absolute;
    left: calc(50% - 27px/2 - 10px);
    top: calc(50% - 27px/2);
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 3px 8px rgb(0 0 0 / .15), 0 3px 1px rgb(0 0 0 / .06);
    cursor: pointer;
}
.checkbox:checked+.switch {
    background-color: #34c759;
}
.checkbox:checked+.switch .slider {
    left: calc(50% - 27px/2 + 10px);
    top: calc(50% - 27px/2);
}
#blogPage .lecture, #highlight .btn, #highlight2 .texte, #materiaux h2, #produit_show .btn_add_panier, .action_btn_table, .panierBox .boxArticle>.produit>.qte {
    text-align: center;
}
.button {
    font-style: normal;
    padding: 10px 30px;
    background-color: #000;
    border-radius: 50vh;
    color: #fff;
    border: none;
    text-transform: uppercase;
    display: inline-block;
    margin: 20px auto 0;
    cursor: pointer;
}
.button_return, .sur_nous>.texte>h2 {
    margin-bottom: 20px;
    font-weight: 700;
}
.btn_action>li>a.button:hover, .button:hover, .button_contact:hover {
    background-color: #00609b!important;
    color: #fff!important;
}
.button_return {
    font-style: normal;
    border-radius: 50vh;
    border: none;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
    margin-top: 0;
    background-color: #e3e3e3;
    color: #000;
    font-size: 12px;
    padding: 10px 15px;
}
.btn_action>li>a.button_return:hover, .button_return:hover, .button_return_contact:hover {
    background-color: #dbdbdb!important;
}
form>fieldset.uploader>div {
    flex-basis: calc(100% / 3 - 15px);
}
form fieldset.captcha>div {
    flex-basis: initial;
}
form fieldset.captcha>.captcha_container {
    max-width: 50%;
    background-color: #0577bd;
    font-size: 14px;
    line-height: 1.72;
    color: #bbb;
    padding: 10px;
    margin-bottom: 10px;
    text-align: justify;
    border-radius: 10px;
}
form fieldset.captcha>.captcha_container input {
    background-color: #fff;
    color: #111b22;
}
form fieldset.captcha label {
    color: #fff;
    margin-bottom: 10px;
}
form fieldset.captcha .captcha_code {
    display: flex;
    gap: 10px;
    vertical-align: middle;
    justify-content: center;
    margin-top: 10px;
    align-items: center;
}
form fieldset.captcha .captcha_code>div:first-child {
    height: 70px;
}
.file-upload-button {
    display: inline-block;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background-color: #0577bd;
    border: 1px solid;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color .3s, color .3s;
    margin-top: 10px;
}
.file-upload-button:hover {
    background-color: #00609b;
    color: #fff;
}
.file-name {
    display: inline-block;
    margin-left: 10px;
    font-style: italic;
    color: #bbb;
    margin-top: 10px;
}
#content {
    position: relative;
    min-height: calc(100% - 421px);
    padding: 187px 0 30px;
}
#top_accueil {
    margin: 0;
}
#bloc-accueil {
    margin: 20px auto;
    text-align: center;
    width: 50%}
#bloc-accueil .box-accueil {
    height: 200px;
    width: 310px;
    display: inline-block;
    margin: 10px;
    overflow: hidden;
}
#galerie-liste .galerie, #photos-liste>li {
    box-shadow: 0 0 10px rgb(0 0 0 / 30%);
    height: 215px;
}
#bloc-accueil .box-accueil>a>div {
    max-height: 200px;
    overflow: hidden;
    position: relative;
    border-radius: 20px;
}
#bloc-accueil .box-accueil>a>div>.titre {
    position: absolute;
    width: 100%;
    font-family: Poppins, sans-serif;
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    line-height: 23px;
    text-align: center;
    background: linear-gradient(.49deg, rgb(0 0 0 / .87) .43%, rgb(0 0 0 / .31) 50%);
    top: 0;
    height: 100%;
    z-index: 1;
}
#bloc-accueil .box-accueil>a>div>.titre>div:not(.picto) {
    position: absolute;
    bottom: 25px;
    width: 100%;
    font-family: Poppins, sans-serif;
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    color: #fff;
}
#bloc-accueil .box-accueil>a>div>.titre .picto {
    padding-bottom: 15px;
    font-size: 50px;
}
#bloc-accueil .box-accueil>a>div>.titre:hover>div {
    bottom: 35px;
}
#bloc-accueil .box-accueil>a:hover>div>.titre {
    padding: 87px 0;
}
#bloc-accueil .box-accueil .img {
    max-height: 200px;
    height: 200px;
    filter: blur(1.5px);
}
#gamme>.rectangle1::after, #gamme>.rectangle1::before {
    content: '';
    position: absolute;
    height: 400px;
    width: 400px;
    border-radius: 50px;
    animation-duration: 8s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
#bloc-accueil .box-accueil .img>img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
}
#gamme {
    padding: 100px 0 50px;
    position: relative;
    overflow: hidden;
}
#gamme>.rectangle1::before {
    top: -150px;
    right: -150px;
    background-color: #cfe2f5;
    transform: rotate(52deg);
    animation-name: bounceEffect;
}
#gamme>.rectangle1::after {
    top: -200px;
    right: -50px;
    background-color: #b8cbe0;
    transform: rotate(72deg);
    animation-name: bounceEffect2;
    animation-delay: 2s;
}
#gamme>.rectangle2::after, #gamme>.rectangle2::before {
    content: '';
    position: absolute;
    height: 300px;
    width: 300px;
}
#gamme>.rectangle2::before {
    bottom: 3%;
    left: -185px;
    background-color: #cfe2f5;
    transform: rotate(76deg);
    border-radius: 50px;
    animation-name: bounceEffect3;
    animation-duration: 8s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
#gamme>.rectangle2::after {
    bottom: 10%;
    left: -200px;
    background-color: #b8cbe0;
    transform: rotate(40deg);
    border-radius: 50px;
    animation-name: bounceEffect4;
    animation-duration: 8s;
    animation-delay: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
#materiaux>.rectangle1::after, #materiaux>.rectangle1::before {
    height: 400px;
    width: 400px;
    border-radius: 50px;
    animation-duration: 8s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    content: ''}
@keyframes bounceEffect {
    0%, 100% {
    transform: rotate(52deg) translateY(0);
}
50% {
    transform: rotate(52deg) translateY(3%) translateX(3%);
}
}@keyframes bounceEffect2 {
    0%, 100% {
    transform: rotate(72deg) translateY(0);
}
50% {
    transform: rotate(72deg) translateY(3%) translateX(3%);
}
}@keyframes bounceEffect3 {
    0%, 100% {
    transform: rotate(76deg) translateY(0);
}
50% {
    transform: rotate(76deg) translateY(3%) translateX(3%);
}
}.sur_nous {
    display: flex;
    align-items: center;
    gap: 50px;
    color: #fff;
}
.sur_nous>.texte>h3 {
    font-display: swap;
    text-align: left!important;
    padding: 0!important;
}
#avis .container .sous-titre-bloc, #footer .logo>div:first-child, .bloc_categorie .titre, .display_bloc>.bloc .box_texte>:first-child, .sur_nous>.texte>h2 {
    font-family: Poppins;
    font-display: swap;
}
.sur_nous>.texte>h2 {
    font-size: 50px;
    color: #fff;
    line-height: 1.2;
    text-align: left;
}
.sur_nous>.texte {
    text-align: justify;
}
.sur_nous>.texte ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#footer .lien ul li, .sur_nous>.texte ul li {
    padding: 5px 0;
}
.sur_nous>.texte ul li::before {
    content: "";
    display: inline-block;
    border-radius: 50%;
    background-color: #0577bd;
    width: 12px;
    height: 12px;
    margin-right: 10px;
}
.sur_nous>.texte .button {
    text-transform: initial;
    font-weight: 700;
    color: #fff;
    background-color: #0577bd;
}
#selectionProduits {
    background-color: #eaf0f6;
    padding: 50px 0;
}
#selectionProduits .container>div {
    display: flex;
    gap: 50px;
}
#selectionProduits .container>div>.titre_box {
    flex-basis: 375px;
}
#selectionProduits .container>div>.titre_box h2 {
    text-align: left;
    font-size: 42px;
    padding-bottom: 10px;
}
#selectionProduits .container>div>.titre_box h3 {
    text-align: left;
    color: #87888a;
    font-weight: initial;
}
#selectionProduits .container>div>.titre_box ul {
    list-style: none;
    padding: 0;
    margin: 40px 0 0;
}
#footer #reseau>li, #selectionProduits .container>div>.titre_box ul li:first-child {
    display: inline-block;
    margin-right: 10px;
}
#selectionProduits .container>div>.titre_box ul li:last-child {
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
}
#selectionProduits .container>div>.titre_box ul li>div>span {
    padding: 14px 15.25px;
    background-color: #0577bd;
    border-radius: 50vh;
    color: #fff;
    font-size: 20px;
}
#selectionProduits .container>div>.selection_produit {
    flex-grow: 1;
    width: calc(100% - 375px);
}
#selectionProduits #selection_produits .boxProduit {
    background-color: #fff;
    position: relative;
    border-radius: 20px;
    padding: 15px;
    margin: 0 25px 30px;
}
#selection_produits {
    width: 100%}
#materiaux .box_materiaux a, #selectionProduits #selection_produits .boxProduit a, .boxListProduits>div>a {
    text-decoration: none;
    color: initial;
}
#selectionProduits #selection_produits .boxProduit .img {
    position: relative;
    height: 190px;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
}
#materiaux .box_materiaux a>.box>.img img, #selectionProduits #selection_produits .boxProduit .img img, .boxListProduits>div .img img, .display_bloc>.bloc .img img, .flexGallery .imgFlexAccueil>.imagesInFlex>a>picture img, .flexPhotosContent>ul>li img, .panierBox .boxArticle>.produit>.infoProduit>.image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
#selectionProduits #selection_produits .boxProduit .titre, .boxListProduits>div .titre {
    font-size: 16px;
    font-family: Poppins;
    font-display: swap;
    color: #000114;
    font-weight: 700;
    padding: 15px 0 0;
    min-height: 65px;
    display: flex;
    justify-content: left;
    align-items: center;
    text-align: left;
}
#selectionProduits #selection_produits .boxProduit .prix, .boxListProduits>div .prix {
    padding: 10px 0 30px;
}
#selectionProduits #selection_produits .boxProduit .prix>span, .boxListProduits>div .prix>span {
    background-color: #e6eff5;
    padding: 5px;
    border-radius: 5px;
    font-weight: 700;
    color: #0577bd;
}
.avis_gm>div>div:last-child, .avis_gm_realisation>div>div:last-child {
    padding-left: 35px;
    max-height: 200px;
    overflow-y: auto;
    padding-right: 10px;
}
#selectionProduits #selection_produits .boxProduit .btn, .boxListProduits>div .btn {
    position: absolute;
    bottom: -30px;
    right: 0;
    background-color: #0577bd;
    border-radius: 20px 0 20px 20px;
    padding: 15px 10px;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
}
#raccourciHighlight {
    list-style: none;
    padding: 50px 0 0;
    margin: 0;
    display: flex;
    gap: 50px;
}
#raccourciHighlight .box a {
    text-decoration: none;
    color: #fff;
    background-color: #18192a;
    border-radius: 20px;
    padding: 30px;
    display: block;
}
#avis .button, #blogPage .share_blog a {
    background-color: #1e1e2d;
    transition: .5s;
}
#raccourciHighlight .box .btexte, .box-avis>.box-top>div:first-child, .flexGallery>.video .videoBox, .panierBox .boxArticle>.produit .infoProduit, .panierBoxLivraison .boxArticle>.produit .infoProduit {
    display: flex;
    gap: 20px;
    align-items: center;
}
#raccourciHighlight .box .btexte>:last-child {
    flex-grow: 1;
    text-align: right;
}
#raccourciHighlight .box .btexte>.btn>span, .bloc_categorie .btn span, .display_bloc>.bloc a .box_texte>.btn span {
    padding: 14px 15.25px;
    background-color: #0577bd;
    border-radius: 50vh;
    color: #fff;
}
#raccourciHighlight .box:hover>a {
    box-shadow: 0 0 30px 7px rgb(0 30 74 / .3);
}
#raccourciHighlight .box a:hover .btexte>.btn>span {
    background-color: #00426b;
}
#raccourciHighlight .box .btexte .picto {
    color: #54556b;
    font-size: 28px;
}
#raccourciHighlight .box .btexte>.texte>div:first-child {
    font-size: 17px;
    padding-bottom: 5px;
}
#raccourciHighlight .box .btexte>.texte>div:last-child {
    color: #54556b;
}
#materiaux {
    position: relative;
}
#materiaux>.rectangle1::before {
    position: absolute;
    top: -150px;
    left: -150px;
    background-color: #cfe2f5;
    transform: rotate(30deg);
    animation-name: bounceEffect4;
}
#materiaux>.rectangle1::after {
    position: absolute;
    top: -200px;
    left: -50px;
    background-color: #b8cbe0;
    transform: rotate(148deg);
    animation-name: bounceEffect3;
    animation-delay: 2s;
}
@keyframes bounceEffect4 {
    0%, 100% {
    transform: rotate(30deg) translateY(0);
}
50% {
    transform: rotate(30deg) translateY(3%) translateX(3%);
}
}@keyframes bounceEffect3 {
    0%, 100% {
    transform: rotate(148deg) translateY(0);
}
50% {
    transform: rotate(148deg) translateY(3%) translateX(3%);
}
}#materiaux>.rectangle2::before {
    content: '';
    position: absolute;
    bottom: -7%;
    right: -185px;
    height: 360px;
    width: 360px;
    background-color: #cfe2f5;
    transform: rotate(76deg);
    border-radius: 50px;
    animation-name: bounceEffect5;
    animation-duration: 8s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
#materiaux>.rectangle2::after {
    content: '';
    position: absolute;
    bottom: 10%;
    right: -200px;
    height: 300px;
    width: 300px;
    background-color: #b8cbe0;
    transform: rotate(40deg);
    border-radius: 50px;
    animation-name: bounceEffect6;
    animation-duration: 8s;
    animation-delay: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
@keyframes bounceEffect5 {
    0%, 100% {
    transform: rotate(76deg) translateY(0);
}
50% {
    transform: rotate(76deg) translateY(3%) translateX(3%);
}
}@keyframes bounceEffect6 {
    0%, 100% {
    transform: rotate(40deg) translateY(0);
}
50% {
    transform: rotate(40deg) translateY(3%) translateX(3%);
}
}#materiaux .box_materiaux {
    display: flex;
    gap: 50px;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}
#materiaux .box_materiaux a>.box {
    width: 325px;
    margin: 0 auto;
    border: 1px solid #fff0;
    background-color: #ececec;
    border-radius: 20px;
    padding: 15px;
}
#materiaux .box_materiaux a:hover>.box, .commandesAccueil-espaceclient table, .commandesAccueil-espaceclient table.pageCommande {
    border: 1px solid #0577bd;
}
#materiaux .box_materiaux a>.box>.img, .display_bloc>.bloc .img {
    border-radius: 10px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.avis_gm>div>div:first-child, .avis_gm_realisation>div>div:first-child {
    box-shadow: 6px 5px 30px #bebebe, -5px -5px 30px #fff;
    border-radius: 25px;
    min-height: 200px;
}
#materiaux .box_materiaux a>.box>.img {
    height: 250px;
}
#materiaux .box_materiaux a>.box>.titre {
    padding: 15px 0;
    font-weight: 700;
    font-size: 16px;
    color: #000;
}
#materiaux .box_materiaux a>.box>.description {
    text-align: left;
    color: #767676;
}
#materiaux .box_materiaux a>.box>.btn {
    display: flex;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 700;
}
#materiaux .box_materiaux a>.box>.btn>div:last-child>span {
    padding: 9px 15.25px;
    background-color: #0577bd;
    border-radius: 50vh;
    color: #fff;
    font-size: 15px;
}
.display_bloc, .picturePage>div {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.display_bloc>.bloc {
    flex-basis: calc(100% / 4 - 15px);
}
.display_bloc>.bloc>a {
    background-color: #ededed;
    text-align: center;
    padding: 20px;
    border-radius: 20px;
    display: block;
    text-decoration: none;
}
.display_bloc>.bloc .img {
    height: 240px;
}
.bloc_categorie .box_texte, .display_bloc>.bloc .box_texte {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 20px;
    min-height: 50px;
}
.display_bloc>.bloc .box_texte>:first-child {
    flex-basis: 70%;
    font-size: 15px;
    color: #000114;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
}
.boxInfoPromo .code_promo form>input:last-child, .display_bloc>.bloc .box_texte>:last-child, .flexGallery>.video .videoBox .infoVideo>div:last-child, .imagesArticles>div:last-child {
    flex-basis: 30%}
#avis {
    position: relative;
    background-color: #eaf1f7;
}
#avis .container .sous-titre-bloc {
    font-size: 16px;
    color: #767676;
    line-height: 1.75;
    text-align: center;
    font-weight: initial;
    max-width: 50%;
    margin: 0 auto 60px;
}
#avis .container .titre-bloc, #blog .container .contenu-titre h2 {
    text-align: center;
    font-weight: 700;
    font-size: 36px;
    text-transform: initial;
    max-width: 45%;
    padding-top: 0;
    margin: 0 auto;
    color: #1e1e2d;
}
#avis .container .texte-bloc {
    font-size: 15px;
    text-align: center;
    margin-bottom: 30px;
    color: #777;
}
#nos_avis {
    padding: 0;
    margin: 0 auto;
    width: 100%}
.box-avis {
    background: #fff;
    border-radius: 30px;
    filter: drop-shadow(0 0 6px rgb(0 0 0 / .25));
    margin: 20px;
    padding: 20px;
}
.box-avis .photo, .picture_gm>div {
    height: 50px;
    width: 50px;
}
.box-avis>.texte {
    text-align: left;
    font-size: 14px;
    min-height: 80px;
    height: 80px;
    overflow-x: auto;
    text-overflow: ellipsis;
    margin-top: 30px;
    color: #777;
    padding-right: 15px;
}
.box-avis>.date {
    text-align: right;
    margin-top: 30px;
    color: #979797;
    font-style: italic;
}
.box-avis>.box-top {
    display: flex;
    width: 100%;
    align-items: center;
    color: #000;
    justify-content: space-between;
}
.box-avis .nom {
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    margin-top: 5px;
}
.box-avis>div>.nom>span {
    text-transform: uppercase;
}
.box-avis .score>i {
    text-align: right;
    font-size: 21px;
    padding-top: 5px;
    color: #ffa800;
}
#avis .button_center {
    text-align: center;
    margin: 45px auto;
    width: 100%}
#avis .button {
    padding: 10px 30px;
    border-radius: 50vh;
    color: #fff;
    text-decoration: none;
}
#avis .button:hover {
    background-color: #000!important;
    transition: .5s;
}
.boxListProduits {
    display: flex;
    gap: 19px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.boxListProduits>div {
    flex-basis: calc(100% / 4 - 20px);
    background-color: #ededed;
    position: relative;
    border-radius: 20px;
    padding: 15px;
    margin-bottom: 30px;
}
#galerie-liste, #photos-liste {
    flex-wrap: wrap;
    gap: 20px;
    display: flex;
}
.boxListProduits>div .img {
    position: relative;
    width: 278px;
    height: 228px;
    overflow: hidden;
    border-radius: 10px;
}
.boxListProduits>div .prix.devis>span {
    background-color: #f5dbd9;
    padding: 5px;
    border-radius: 5px;
    font-weight: 700;
    color: #a32100;
}
#galerie-liste {
    justify-content: flex-start;
}
#galerie-liste .galerie {
    width: calc(100% / 3 - 14px);
    position: relative;
    border-radius: 10px;
}
#galerie-liste .galerie img, #photos-liste>li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    margin: 0!important;
    padding: 0;
}
#galerie-liste .galerie .box-galerie-contenu {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background-image: linear-gradient(to top, rgb(0 0 0 / .8), #fff0);
    color: #fff;
    transition: .3s;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
#galerie-liste .galerie .box-galerie-contenu .galerie-nom {
    font-size: 20px;
    text-shadow: 2px 2px 4px rgb(0 0 0 / 50%);
    text-align: left;
}
#photos-liste {
    justify-content: flex-start;
    list-style: none;
    padding: 0;
    margin: 0;
}
#photos-liste>li {
    width: calc(100% / 4 - 15px);
    border-radius: 10px;
    position: relative;
}
#photos-liste>li .show-photos {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    color: #fff;
    font-size: 35px;
    opacity: 0;
    transition: .5s;
}
#photos-liste>li:hover .show-photos {
    display: block;
    opacity: 1;
    transition: .5s;
}
#photos-liste>li:hover>a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / .5);
    border-radius: 10px;
}
.flexPhotosContent>ul {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 2vmin;
    padding: 0 14px;
}
.flexPhotosContent>ul>li {
    list-style: none;
    height: 250px;
    flex-grow: 1;
    border-radius: 20px;
    overflow: hidden;
}
.flexPhotosContent>ul>li picture {
    position: relative;
    display: block;
    height: 100%;
    width: 100%}
.flexPhotosContent>ul>li picture .titre {
    position: absolute;
    bottom: 0;
    z-index: 3;
    width: 100%;
    padding: 5px;
    background-color: rgb(255 255 255 / .6);
    color: #000;
    text-align: center;
}
.picturePage>div>picture {
    flex-basis: 307px;
    height: 307px;
}
.picturePage picture a {
    position: relative;
    height: 100%;
    width: 100%;
    display: block;
}
.pictureArticle picture a>.show-photos, .picturePage picture a>.show-photos {
    display: none;
    animation: .5s ease-out apparition;
}
#blogPage .content_image a>.show-photos>i, .pictureArticle picture a>.show-photos>i, .picturePage picture a>.show-photos>i {
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    font-size: 30px;
    color: #fff;
}
.pictureArticle picture a:hover>.show-photos, .picturePage picture a:hover>.show-photos {
    display: block;
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / .3);
    backdrop-filter: blur(3px);
    animation: .5s ease-out apparition;
    top: 0;
}
.panierBox .boxArticle>.produit .infoData, .panierBoxLivraison .boxArticle>.produit .infoData, .pictureArticle>div {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.pictureArticle picture a {
    position: relative;
    height: 100%;
    width: 100%;
    display: block;
    border-radius: 20px;
    overflow: hidden;
}
@keyframes apparition {
    0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}.imagesArticles {
    display: flex;
    align-items: center;
    gap: 30px;
    margin: 30px 0;
}
.imagesArticles.left {
    flex-direction: row-reverse;
}
#devis>.formulaire, .bloc_categorie .box_texte>div:first-child, .boxAdresses, .boxInfoPromo .code_promo form>input:first-child, .boxLivraison, .boxPaiement, .flexGallery>.video .videoBox .infoVideo>div:first-child, .imagesArticles>div:first-child, .panierBox .boxArticle>.produit>.infoProduit, .panierBox>.boxCoordonnees, .panierBox>.boxTablePanier, .panierBoxLivraison .boxArticle>.produit>.infoProduit, .panierBoxLivraison>.boxCoordonnees {
    flex-basis: 70%}
.picture_gm {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
.avis_gm .photo img, .avis_gm_realisation .photo img, .picture_gm>div>img {
    height: 100%;
    width: 100%}
.avis_gm {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 40px;
    margin: 60px 0;
}
.avis_gm>div {
    flex-basis: calc(50% - 20px);
    display: flex;
    align-items: center;
    gap: 20px;
}
.avis_gm>div>div:first-child {
    flex-basis: 40%;
    position: relative;
    background-color: #f9f9f9;
}
.avis_gm>div>div:last-child {
    flex-basis: 60%;
    text-align: justify;
}
.avis_gm .nom, .avis_gm_realisation .nom {
    z-index: 99;
    font-size: 19px;
}
.avis_gm .note, .avis_gm_realisation .note {
    margin-top: 15px;
    font-size: 17px;
    border-top: 3px solid #cecece;
    padding-top: 10px;
}
.avis_gm .note ul, .avis_gm_realisation .note ul {
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 99;
}
.avis_gm .note ul>li, .avis_gm_realisation .note ul>li {
    display: inline-block;
    color: #fbbc04;
}
.avis_gm .photo, .avis_gm_realisation .photo {
    position: absolute;
    top: 50%;
    right: -40px;
    transform: translate(0, -50%);
    height: 80px;
    width: 80px;
}
.avis_gm .picto, .avis_gm_realisation .picto {
    position: absolute;
    bottom: -52px;
    left: 0;
    font-size: 155px;
    color: #efefef;
    z-index: 1;
}
.bottom_PointsRelais .anlPointsRelais, .bottom_PointsRelais .valPointsRelais {
    font-size: 16px;
    padding: 8px 20px;
    text-align: center;
    text-transform: initial;
    cursor: pointer;
    margin-top: 0;
    text-decoration: none;
}
.avis_gm .bloc_info, .avis_gm_realisation .bloc_info {
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translate(0, -50%);
    z-index: 99;
}
.avis_gm_realisation {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0 60px;
}
.avis_gm_realisation>div {
    flex-basis: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
}
.avis_gm_realisation>div>div:first-child {
    flex-basis: 25%;
    position: relative;
    background-color: #f9f9f9;
}
.avis_gm_realisation>div>div:last-child {
    flex-basis: 75%;
    text-align: justify;
    font-size: 17px;
}
#popup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(3px) saturate(0);
}
#popup-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .7;
}
#popup iframe, #popup img {
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#popup .contenu-popup {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    background-color: #fff;
    transform: translate(-50%, -50%);
    padding: 15px;
    border-radius: 10px;
}
#popup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: auto;
    border-radius: 20px 0 0 20px;
    background-color: #fff;
    box-shadow: 0 15px 95px 0 rgb(0 69 112 / .2);
    padding: 25px;
}
#popup-content #points {
    list-style: none;
    padding: 0 10px 0 0;
    margin: 0;
}
#popup-content #points>li>label {
    background-color: #ededed;
    padding: 10px 15px;
    border-radius: 10px;
    position: relative;
    transition: .3s;
}
#popup-content #points>li input:checked+label {
    background-color: #c5e1f7;
    transition: .3s;
}
#popup-content #points>li label {
    cursor: pointer;
    display: flex;
    vertical-align: middle;
    gap: 20px;
    justify-content: center;
    padding-left: 20px;
}
#popup-content #points>li .adresse_livraison {
    width: 300px;
    margin-left: 30px;
}
#popup-content #points input[type=radio] {
    top: 50%;
    transform: translate(0, -50%);
    left: 15px;
    position: absolute;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    z-index: 1;
}
#popup-content #points .hours table {
    width: 95%;
    border: none;
    border-collapse: collapse;
    margin: 5px auto 0;
}
#popup-content #points .hours table>tbody>tr:nth-child(odd) {
    background-color: #ededed;
}
#popup-content #points .hours table>tbody>tr>td {
    border: none;
}
#popup-content #points .hours table>tbody>tr>td:first-child {
    text-align: center;
    font-weight: 700;
    text-transform: capitalize;
}
.bottom_PointsRelais {
    margin-top: 35px;
    text-align: center;
}
.bottom_PointsRelais .anlPointsRelais {
    width: 100%;
    border-radius: 50vh;
    background-color: #0577bd;
    color: #fff;
    border: 0;
}
.bottom_PointsRelais .valPointsRelais {
    width: 100%;
    border-radius: 50vh;
    background-color: #8cad16;
    color: #fff;
    border: 0;
}
#next_img {
    z-index: 99;
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(0, -50%);
    color: #fff;
    font-size: 50px;
}
#prev_img {
    z-index: 99;
    display: block;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translate(0, -50%);
    color: #fff;
    font-size: 50px;
}
#close_img_popup {
    z-index: 99;
    display: block;
    position: absolute;
    right: 15px;
    top: 0;
    color: #fff;
    font-size: 30px;
}
@keyframes fadeIn {
    0% {
    transform: translate(-50%, -60%);
    opacity: 0;
}
100% {
    transform: translate(-50%, -50%);
    opacity: 1;
}
}#forfaits {
    display: flex;
    margin: 60px 0;
    gap: 17px;
    align-items: flex-start;
}
#forfaits>div {
    background: #fff;
    box-shadow: 0 4px 4px rgb(0 0 0 / .25);
    flex-basis: calc(100% / 3);
    overflow: hidden;
}
#forfaits .box-info {
    padding: 10px;
    color: #000;
    min-height: 585px;
}
#footer .contact ul>li, #forfaits .box-info .box-texte ul>li {
    padding: 10px 0;
}
#forfaits .box-info .box-sous-titre {
    padding-bottom: 20px;
    text-align: center;
    font-size: 15px;
    color: #8d8d8d;
}
#forfaits .box-info .box-titre {
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    padding-bottom: 0;
    padding-top: 20px;
}
#forfaits .box-prix {
    text-align: center;
    padding: 15px 0;
    background-color: #000;
    color: #fff;
    font-weight: 700;
    font-size: 27px;
}
#devis {
    display: flex;
    gap: 40px;
    align-items: center;
}
#devis>.recap {
    flex-basis: 30%;
    background-color: #eac765;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 11px 11px 11px #eee, -11px -11px 11px #fcfcfc;
    color: #fff;
}
#devis .recap h2 {
    padding: 0 0 20px;
    color: #fff;
    font-size: 19px;
    border-bottom: 1px solid #fff;
}
#devis .recap ul, #footer #reseau, #footer .lien ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#devis .recap ul li.title {
    font-weight: 700;
    font-size: 17px;
    padding-top: 20px;
}
.bloc_categorie>* {
    flex-basis: calc(100% / 4 - 15px);
    text-decoration: none;
    color: initial;
    padding: 15px;
    border-radius: 20px;
    background-color: #ededed;
    position: relative;
}
.bloc_categorie>a>div>.img>.couleur {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    gap: 10px;
    padding: 10px;
    width: 100%;
    justify-content: end;
    flex-wrap: wrap-reverse;
}
.bloc_categorie>a>div>.img>.couleur>span {
    height: 25px;
    width: 25px;
    display: block;
    border-radius: 50vh;
    border: 2px solid #fff;
    box-shadow: 0 0 13px -7px rgb(0 0 0 / .75);
}
.bloc_categorie .titre {
    font-size: 14px;
    color: #000114;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    display: -webkit-box;
    overflow: hidden;
}
.bloc_categorie .btn {
    flex-basis: 30%;
    text-align: right;
}
#produit_show {
    display: flex;
    gap: 20px;
    align-items: center;
    overflow: hidden;
}
#produit_show>.information, #produit_show>.photos {
    flex-basis: 50%}
#produit_show .photos>.slick_produit {
    position: relative;
    width: 582px;
    height: 582px;
    overflow: hidden;
    background-color: #ededed;
    border-radius: 20px;
}
#produit_show .slick-slide {
    width: 100%;
    height: 582px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
#produit_show .produit_informations h1 {
    text-align: left;
    color: #0577bd;
    padding: 0;
    margin: 0;
}
#produit_show .produit_informations .reference {
    font-style: italic;
    padding-bottom: 20px;
    font-size: 12px;
}
#produit_show .produit_informations label {
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    display: block;
    color: #00609b;
    padding-bottom: 5px;
}
#produit_show .produit_informations .modele, #produit_show .produit_informations .qte {
    padding-top: 10px;
    padding-bottom: 10px;
}
#produit_show .produit_informations .information {
    padding: 30px 0;
}
#produit_show .produit_informations .information>ul>li {
    display: inline-block;
    padding: 0 20px;
}
#produit_show .produit_informations .information .check {
    padding: 5px 6.25px;
    background-color: #04bd6c;
    color: #fff;
    border-radius: 50vh;
}
#produit_show .produit_informations .information .uncheck {
    padding: 5px 6.25px;
    background-color: #fa2727;
    color: #fff;
    border-radius: 50vh;
}
#produit_show .produit_informations .add_produit>.prix {
    display: inline-flex;
}
#produit_show .produit_informations .add_produit>.prix>span {
    padding: 15px;
    border-radius: 20px;
    text-align: center;
    color: #0577bd;
    font-size: 19px;
}
#produit_show .produit_informations .add_produit {
    text-align: center;
    background-color: #e6e6e6;
    border-radius: 10px;
}
#produit_show .btn_submit_produit {
    color: #fff;
    width: 100%;
    border-radius: 5px;
    background-color: #0577bd;
    font-size: 16px;
    text-align: center;
    text-transform: initial;
    padding: 15px;
    display: block;
    border: none;
    margin: 15px 0;
    cursor: pointer;
}
#produit_show .btn_submit_produit:hover {
    background-color: #00609b;
}
#produit_show .partage_btn {
    margin-right: 10px;
    line-height: 30px;
    font-weight: 700;
    color: #47494a;
    font-size: 14px;
    margin-top: 20px;
}
#produit_show .partage_btn ul {
    list-style: none;
    margin: 0;
    padding: 0 15px;
    display: inline-block;
}
#produit_show .partage_btn ul>li
{
    display: inline-block;
}
#produit_show .partage_btn ul>li>a {
    line-height: 30px;
    text-align: center;
    color: #b4b4b4;
    margin-right: 20px;
    white-space: normal;
    text-indent: 0;
    padding: 0;
}
.flying-item {
    position: absolute;
    transition: .5s ease-in-out;
    z-index: 1000;
}
.tabs {
    width: 100%;
    margin-top: 40px;
}
.tab-headers {
    display: flex;
    justify-content: space-around;
}
.tab-header {
    cursor: pointer;
    padding: 0 0 15px;
    margin: 0 30px;
    font-size: 20px;
    text-transform: capitalize;
    line-height: 24px;
    color: #888;
    border-bottom: 2px solid #fff0;
}
.tab-header.active {
    color: #000;
    border-bottom: 2px solid #0577bd;
}
.tab-content {
    padding: 30px;
    border: 1px solid #ebebeb;
}
.flexGallery .imgFlexAccueil>.imagesInFlex>a, .tab-content .tab.active {
    display: block;
}
#footer {
    color: #757a8d;
    z-index: -1;
    position: relative;
}
#footer .info {
    display: flex;
    vertical-align: middle;
}
#footer .info>div:last-child {
    text-align: right;
    color: #757a8d;
    font-size: 16px;
}
#footer .information_footer {
    display: flex;
    vertical-align: top;
    gap: 40px;
}
#footer .information_footer>div:first-child {
    flex-basis: 20%}
#footer .double>.icone {
    padding: 5px 7.25px;
    background-color: #0577bd;
    color: #fff;
    border-radius: 50vh;
    font-size: 18px;
}
#footer .double>div:not(.icone) {
    font-size: 16px;
    margin-left: 10px;
}
#footer .info>div:last-child a {
    padding: 15px;
    background-color: #0577bd;
    border-radius: 50vh;
    text-decoration: none;
    margin-left: 15px;
    font-weight: 500;
}
#footer>div:first-child {
    padding: 70px 0 40px;
}
#footer>.sous_footer {
    padding: 50px 0;
}
#footer>div:not(.sous_footer)>div>div {
    vertical-align: top;
}
#footer .titre-footer {
    font-family: Poppins, sans-serif;
    font-display: swap;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    padding-bottom: 20px;
    color: #fff;
}
#footer .logo>div {
    margin: 20px 0;
}
#footer .logo>div:first-child {
    font-size: 13px;
    color: #b3b5bd;
    line-height: 1.619;
    text-align: left;
    max-width: 75%}
#footer .logo>div:nth-child(2)>span {
    color: #4aa9e3;
}
#footer .logo>div:nth-child(3)>a {
    display: flex;
    text-decoration: none;
}
#footer .logo>div:nth-child(3)>a>div:last-child {
    padding-left: 10px;
}
#footer .lien ul li a {
    text-decoration: none;
    color: #6c6e83;
}
#footer #infos_site {
    padding: 15px 0;
    font-size: 12px;
    text-align: left;
    margin-right: 20px;
}
#footer #infos_complementaires ul li a>span {
    padding: 9px 10px;
    border-radius: 50vh;
    background-color: #1d2130;
    font-size: 17px;
    transition: .5s;
    margin-right: 5px;
}
#footer #infos_complementaires ul li a:hover>span {
    background-color: #fff;
    transition: .5s;
}
#footer .contact ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#footer .contact ul>li:last-child {
    padding-top: 20px;
}
#footer .contact ul>li a:not(.button) {
    text-decoration: none;
    font-weight: 700;
    font-size: 22px;
}
#footer #reseau>li>a {
    font-size: 20px;
    background-color: #000;
    padding: 7px;
    border-radius: 50vh;
    width: 40px;
    height: 40px;
    display: block;
    color: #fff;
    transition: .5s;
}
#footer #reseau>li>a:hover {
    background-color: #fff;
    color: #000;
    transition: .5s;
}
#footer .information_footer .reseau ul {
    list-style: none;
    padding: 0;
    margin: 10px 0 0;
    text-align: center;
    display: flex;
}
#footer .information_footer .reseau ul>li:not(:last-child) {
    margin-right: 20px;
}
#footer .information_footer .reseau ul>li>a {
    margin-right: 20px;
    text-decoration: none;
}
#footer .information_footer .reseau ul>li>a>span:first-child {
    text-decoration: none;
    display: inline-block;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    background-color: #0d1033;
    text-align: center;
    line-height: 33px;
    color: #fff;
    font-size: 16px;
    transition: .5s;
    font-family: initial font-display: swap;
}
#footer .information_footer .reseau ul>li>a:hover>span:first-child {
    background-color: #0577db;
}
#footer .information_footer .reseau ul>li>a>span:last-child {
    font-size: 16px;
    font-family: Poppins;
    font-display: swap;
    color: #fff;
    line-height: 1.5;
    padding-left: 3px;
}
.hidden {
    opacity: 0;
    transition: 1s;
}
.show {
    opacity: 1;
}
.panierBox, .panierBoxLivraison {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-content: flex-start;
}
.panierBox>.boxCoordonnees>div, .panierBoxLivraison>.boxCoordonnees>div {
    background-color: #ededed;
    padding: 10px 15px;
    border-radius: 10px;
}
.panierBox>.boxCoordonnees .titre, .panierBoxLivraison>.boxCoordonnees .titre {
    font-size: 16px;
    font-family: Poppins;
    font-display: swap;
    color: #000114;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    padding-bottom: 15px;
}
.boxAdresses ul, .boxAdressesEspaceClient ul, .boxLivraison ul {
    display: flex;
    list-style: none;
    justify-content: space-around;
    padding: 0;
    margin: 0;
    gap: 10px;
    flex-wrap: wrap;
}
.boxAdresses ul .option, .boxAdressesEspaceClient ul .option, .boxLivraison ul .option {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
}
.boxAdresses ul .option input, .boxAdressesEspaceClient ul .option input, .boxLivraison ul .option input {
    position: absolute;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0 0 0 15px;
}
.boxAdresses ul .option label, .boxLivraison ul .option label {
    width: 100%;
    padding: 15px 15px 15px 60px;
    background-color: #ededed;
    text-align: justify;
    border-radius: 5px;
    transition: .3s;
}
.boxAdresses ul .option .editAdresse {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50vh;
    background-color: #f3f3f3;
    border: 1px solid #cecece;
    text-align: center;
    line-height: 30px;
    color: #696969;
    font-size: 10px;
    transition: .2s;
    font-family: initial;
    font-display: swap;
    padding: 0;
}
.boxAdresses ul .option .nom, .boxAdressesEspaceClient ul .option .nom, .boxLivraison ul .option .adresses .nomAdresse, .boxPaiement ul .option .adresses .nomAdresse {
    font-weight: 700;
    color: #000;
    font-size: 14px;
}
.boxAdresses ul .option .adresse, .boxAdressesEspaceClient ul .option .adresse, .boxLivraison ul .option .adresse, .boxPaiement ul .option .adresse {
    color: #666;
}
.boxAdresses ul .option .telephone, .boxAdressesEspaceClient ul .option .telephone, .boxLivraison ul .option .telephone, .boxPaiement ul .option .telephone {
    color: #666;
    padding-top: 10px;
    font-size: 15px;
}
.boxLivraison ul .option.disabled::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(45deg, rgb(0 0 0 / .1) 25%, transparent 25%, transparent 50%, rgb(0 0 0 / .1) 50%, rgb(0 0 0 / .1) 75%, transparent 75%, transparent);
    background-size: 20px 20px;
    pointer-events: all;
    opacity: .5;
    z-index: 80;
}
.boxLivraison ul .option.disabled::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ededed;
    opacity: .9;
    z-index: 70;
}
.boxLivraison ul .option .overlay_disabled {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 99;
    padding: 10px;
    border-radius: 5px;
    background-color: #f9dddc;
    color: #f76b5b;
    width: 70%}
.boxLivraison ul .option .editAdresse, .boxPaiement ul .option .editAdresse {
    position: absolute;
    top: calc(50% + 15px);
    right: 10px;
    cursor: pointer;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50vh;
    background-color: #959595;
    border: 1px solid #cecece;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 15px;
    transition: .2s;
    font-family: initial;
    font-display: swap;
    padding: 0;
    transform: translate(0, -50%);
}
.boxLivraison ul .option .nom {
    font-size: 16px;
    font-family: Poppins;
    font-display: swap;
    color: #000114;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 15px;
}
.boxLivraison ul .option .notification, .boxPaiement ul .option .notification {
    font-size: 13px;
    width: initial;
    margin-bottom: 0;
}
.boxLivraison ul .option .prix, .boxPaiement ul .option .prix {
    position: absolute;
    top: 12.5px;
    right: 12.5px;
    padding: 2px 10px;
    background-color: #8cad16;
    font-weight: 700;
    color: #fff;
    border-radius: 10px;
}
.boxInfoPromo .titre, .boxPaiement ul .option .nom {
    color: #000114;
    text-transform: uppercase;
    font-weight: 700;
    font-family: Poppins;
    font-display: swap;
}
.boxLivraison ul .option .description {
    display: flex;
    align-items: center;
    gap: 20px;
}
.boxPaiement ul {
    display: flex;
    list-style: none;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    gap: 10px;
    flex-wrap: wrap;
}
.boxPaiement ul>li {
    flex-basis: calc(100% / 2 - 5px);
}
.boxPaiement ul .option {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
}
.boxPaiement ul .option input {
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: -1;
}
.boxPaiement ul .option label {
    width: 100%;
    padding: 15px;
    background-color: #ededed;
    border-radius: 5px;
    transition: .3s;
    cursor: pointer;
}
.boxPaiement ul .option .nom {
    font-size: 16px;
    text-align: center;
    margin-bottom: 15px;
}
.boxPaiement ul .option .description {
    align-items: center;
    text-align: center;
}
.panierBox>.boxInfoPanier, .panierBoxLivraison>.boxInfoPanier {
    flex-basis: 30%!important;
}
.panierBox>.boxInfoPanier>div, .panierBoxLivraison>.boxInfoPanier>div {
    background-color: #c5e1f7;
    padding: 10px 15px;
    border-radius: 10px;
    position: sticky;
    top: 220px;
}
.panierBox>.boxInfoPanier>div>.moyensPaiement {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    background-color: #fff;
    padding: 0 5px;
    justify-content: center;
    border-radius: 5px;
}
.panierBox>.boxInfoPanier>div>.moyensPaiement img, .panierBoxLivraison>.boxInfoPanier>div>.moyensPaiement img {
    width: 55px;
    display: flex;
}
.panierBox .boxArticle>.produit .titre, .panierBox>.boxInfoPanier>div>.titre, .panierBoxLivraison .boxArticle>.produit .titre, .panierBoxLivraison>.boxInfoPanier>div>.titre {
    font-size: 16px;
    font-family: Poppins;
    font-display: swap;
    color: #000114;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
}
.panierBox>.boxInfoPanier>div>.bloc_panier, .panierBoxLivraison>.boxInfoPanier>div>.bloc_panier {
    margin-top: 15px;
    margin-bottom: 20px;
}
.panierBox>.boxInfoPanier>div>.bloc_panier>div, .panierBoxLivraison>.boxInfoPanier>div>.bloc_panier>div {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    margin-bottom: 10px;
    align-items: center;
}
#address-form, .boxInfoPromo {
    margin-bottom: 20px;
}
.bloc_panier>.code_promotion_recap {
    margin-top: -12px;
}
.bloc_panier>.code_promotion_recap>div {
    font-size: 12px;
    font-style: italic;
    color: red;
}
.boxInfoPromo {
    margin-top: 20px;
    border-top: 1px solid #0577bd;
    padding-top: 10px;
}
.boxInfoPromo .titre {
    all: unset;
    font-size: 14px;
    text-align: left;
    margin-bottom: 5px;
    display: block;
}
.boxInfoPromo .code_promo input {
    all: unset;
    width: 100%;
    padding: 7px 15px;
    background-color: #ededed;
    border-radius: 5px;
    box-shadow: initial;
}
.boxInfoPromo .code_promo input[type=submit] {
    all: unset;
    width: 100%;
    border-radius: 5px;
    background-color: #0577bd;
    font-size: 16px;
    padding: 5px 15px;
    text-align: center;
    text-transform: initial;
    color: #fff;
    border: 0;
    cursor: pointer;
    display: block;
    text-decoration: none;
}
.boxInfoPromo .code_promo form {
    display: flex;
    gap: 10px;
    align-items: center;
}
.panierBox>.boxInfoPanier>div>.bloc_panier .total, .panierBoxLivraison>.boxInfoPanier>div>.bloc_panier .total {
    margin-top: 40px;
    padding-top: 10px;
    border-top: 1px solid #0577bd;
}
.panierBox>.boxInfoPanier>div>.bloc_panier .total>div:last-child, .panierBoxLivraison>.boxInfoPanier>div>.bloc_panier .total>div:last-child {
    font-weight: 700;
    font-size: 20px;
}
.panierBox>.boxInfoPanier>div>.btnPanier>a, .panierBoxLivraison>.boxInfoPanier>div>.btnPanier>a {
    width: 100%;
    border-radius: 5px;
    background-color: #0577bd;
    font-size: 16px;
    padding: 15px;
    text-align: center;
    text-transform: initial;
    color: #fff;
    margin-bottom: 20px;
    border: 0;
    cursor: pointer;
    display: block;
    text-decoration: none;
}
.panierBox .boxArticle {
    background-color: #ededed;
    padding: 10px 15px;
    border-radius: 10px;
    margin-bottom: 10px;
    position: relative;
    transition: .2s;
}
.clicDataProduit>.chevron, .clicDataProduit>.rotate {
    transition: transform .3s;
}
.panierBox .boxArticle>.produit, .panierBoxLivraison .boxArticle>.produit, .qte>.contenuQte {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.panierBox .boxArticle>.produit>.actionPrice, .panierBoxLivraison .boxArticle>.produit>.actionPrice, .panierBoxLivraison .boxArticle>.produit>.qte {
    flex-basis: 15%;
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
}
.panierBox .boxArticle>.produit>.actionPrice>div:last-child {
    border: 1px solid #cecece;
    padding: 5px;
    background-color: #f3f3f3;
    gap: 10px;
    margin: 0 auto;
    width: 28px;
    border-radius: 50vh;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 10px;
    cursor: pointer;
}
.panierBox .boxArticle>.produit>.actionPrice>div:first-child, .panierBoxLivraison .boxArticle>.produit>.actionPrice>div:first-child {
    font-size: 18px;
    font-weight: 700;
}
.panierBox .boxArticle>.produit>.infoProduit>.image>div {
    width: 140px;
    position: relative;
    overflow: hidden;
    height: 140px;
    border-radius: 5px;
}
.panierBox .boxArticle>.produit .infoProduit .info>.infoData>div, .panierBoxLivraison .boxArticle>.produit .infoProduit .info>.infoData>div {
    padding: 5px 0;
    background-color: #ededed;
    font-size: 12px;
    border-radius: 5px;
}
.dataProduit label.label_Panier, .panierBox .boxArticle>.produit .infoProduit label.label_Panier, .panierBoxLivraison .boxArticle>.produit .infoProduit label.label_Panier {
    color: #fff!important;
    background-color: #0577bd!important;
    display: inline-block!important;
    padding: 2px 6px!important;
    border-radius: 5px!important;
    font-size: 11px!important;
    font-weight: 700!important;
}
.panierBox .ulPanierGamme, .panierBoxLivraison .ulPanierGamme {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    gap: 10px;
    justify-content: space-evenly;
}
.panierBox .ulPanierGamme>li, .panierBoxLivraison .ulPanierGamme>li {
    background-color: #c5e1f7;
    padding: 5px;
    border-radius: 10px;
}
.panierBox .ulPanierGamme .color_blue, .panierBoxLivraison .ulPanierGamme .color_blue, label.cgv>div>a, label.cgv>div>a:active, label.cgv>div>a:focus, label.cgv>div>a:hover {
    color: #00609b;
}
.panierBox .ulPanierGamme li>ul, .panierBoxLivraison .ulPanierGamme li>ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.panierBox .ulPanierGamme li>ul>li, .panierBoxLivraison .ulPanierGamme li>ul>li {
    padding: 2px 0;
}
.panierBoxLivraison>.boxInfoPanier>div>.moyensPaiement {
    display: flex;
    gap: 10px;
    align-items: center;
    background-color: #fff;
    padding: 0 5px;
    justify-content: center;
    border-radius: 10px;
}
.panierBoxLivraison .boxArticle {
    background-color: #ededed;
    padding: 10px 15px;
    border-radius: 10px;
    margin-bottom: 10px;
}
.panierBoxLivraison .boxArticle>.produit>.infoProduit>.image>div {
    width: 140px;
    position: relative;
    overflow: hidden;
    height: 140px;
    border-radius: 10px;
}
.panierBoxLivraison .boxArticle>.produit>.infoProduit>.image img.paysage {
    width: initial;
    height: 100%}
.panierBoxLivraison .boxArticle>.produit>.infoProduit>.image img.portrait {
    height: initial;
    width: 100%}
.dataProduit label.label_Panier>a {
    all: unset;
}
.clicDataProduit {
    border: 0;
    background: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    cursor: pointer;
    margin-bottom: .5rem;
    margin-top: .5rem;
}
.dataProduit, .qte>.contenuQte {
    padding: 10px;
    background-color: #f3f3f3;
}
.clicDataProduit>span:not(.chevron) {
    color: #333;
    pointer-events: none;
    padding-top: .0625rem;
    text-decoration: underline;
    margin: 0;
    word-break: break-word;
    font-size: 14px;
    line-height: 1.5;
    padding-right: 5px;
}
.clicDataProduit>.rotate {
    transform: rotate(-180deg);
}
.clicDataProduit:focus {
    outline: #000 solid 2px!important;
    outline-offset: 3px;
    border-radius: 2px;
}
.dataProduit {
    display: none;
    margin-top: 15px;
    border-radius: 10px;
    border: 1px dashed #cecece;
}
.dataProduit>div:not(:first-child) {
    padding-top: 10px;
}
.dataProduit>div:not(:last-child) {
    padding-bottom: 10px;
    border-bottom: 1px dashed #cecece;
}
.qte>.contenuQte {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #cecece;
    width: 100px;
    gap: 10px;
    margin: 0 auto;
    border-radius: 10px;
}
.qte>.contenuQte>div {
    flex: 1;
    text-align: center;
}
.qte>.contenuQte input[type=number] {
    width: 30px;
    border: none;
    box-shadow: none;
    background-color: #fff0;
    padding: 0;
    margin: 0;
    text-align: center;
}
.flexGallery>.video .boxVideo, .qte>.contenuQte i {
    cursor: pointer;
}
.fal.fa-minus, .fal.fa-plus {
    font-size: 18px;
    color: #000;
}
.progressbar {
    display: flex;
    width: 100%;
    padding: 0;
    margin: 0 0 30px;
    counter-reset: step;
}
.progressbar li {
    list-style: none;
    display: inline-block;
    position: relative;
    text-align: center;
    cursor: pointer;
    flex-basis: calc(100% / 4);
}
.progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd;
    border-radius: 100%;
    display: block;
    text-align: center;
    margin: 0 auto 10px;
    background-color: #fff;
}
.progressbar li:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    top: 15px;
    left: -50%;
    z-index: -1;
}
.progressbar li:first-child:after {
    content: none;
}
.progressbar li.active {
    color: #0577bd;
}
.progressbar li.active:before {
    border-color: #0577bd;
}
.progressbar li.active+li:after {
    background-color: #0577bd;
}
.map {
    height: 325px;
    border: 0;
    width: 100%}
.validation_pointrelais {
    position: absolute!important;
    bottom: 0!important;
    width: 100%!important;
    text-align: center!important;
    height: 31px!important;
    font-size: 17px!important;
    top: initial!important;
    background-color: green!important;
    margin: 0!important;
    padding-top: 5px!important;
    right: 0!important;
    cursor: pointer!important;
}
.content_points {
    display: flex;
    gap: 20px;
    vertical-align: center;
}
#points-container {
    flex-basis: 70%;
    max-height: 100%;
    height: 350px;
    display: block;
    overflow-y: scroll;
}
#map-container {
    width: 50%;
    height: 350px;
}
#points {
    list-style: none;
    padding: 0;
}
#popup #popup-spin {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 20%;
    color: #fff;
    font-size: 18px;
}
#popup #popup-spin .spinner {
    border: 4px solid;
    border-top: 4px solid #0577bd;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: 1s linear infinite spin;
    margin: 0 auto;
}
@keyframes spin {
    0% {
    transform: rotate(0);
}
100% {
    transform: rotate(360deg);
}
}.contenu-espaceclient {
    max-width: 1200px;
    margin: 0 auto;
}
.contenu-espaceclient input:not(input[type=submit]), .contenu-espaceclient select {
    padding: 5px 10px;
    width: 100%;
    max-width: initial;
    border-radius: .5rem;
}
.raccourciAccueil-espaceclient {
    border: 5px solid #e6e6e6;
    border-radius: 10px;
    margin: 0 auto 20px;
    padding: 20px;
    position: relative;
}
.raccourciAccueil-espaceclient::before {
    content: '';
    position: absolute;
    top: 15px;
    left: -16px;
    height: 32px;
    width: 24px;
    background-color: #0577bd;
    border-radius: 5px;
}
.raccourciAccueil-espaceclient>.titre-espaceclient {
    text-align: left;
    text-transform: initial;
    padding: 0 0 25px;
    margin: 0;
    position: relative;
    font-size: 16px;
    font-weight: 700;
}
.boxAdressesEspaceClientContenu, .commandesAccueil-espaceclient {
    background-color: #ededed;
    padding: 10px;
    margin-top: 25px;
    border-radius: 5px;
}
.boxAdressesEspaceClient .titre, .commandesAccueil-espaceclient .titre {
    padding: 5px 10px;
    border-radius: 5px;
    margin: 0 0 25px;
}
.boxAdressesEspaceClient .titre>div, .commandesAccueil-espaceclient .titre>div {
    display: flex;
    gap: 10px;
    font-weight: 700;
    align-items: center;
}
.boxAdressesEspaceClient .titre>div>div>span, .commandesAccueil-espaceclient .titre>div>div>span {
    text-decoration: none;
    display: inline-block;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    background-color: #0577bd;
    text-align: center;
    line-height: 33px;
    color: #fff;
    font-size: 16px;
    transition: .5s;
    font-family: initial font-display: swap;
}
.commandesAccueil-espaceclient table.pageCommande>thead, .commandesAccueil-espaceclient table>thead {
    background-color: #0577bd;
    color: #fff;
}
.commandesAccueil-espaceclient table thead th, .commandesAccueil-espaceclient table.pageCommande>thead>tr>th, .commandesAccueil-espaceclient table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 1px solid #e7edf3;
    border-top: 1px solid #e7edf3;
    text-align: left;
}
.blocRaccourcisAccueil-espaceclient {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}
.blocRaccourcisAccueil-espaceclient>div {
    padding: 15px;
    background-color: #ededed;
    text-align: center;
    border-radius: 5px;
    transition: .3s;
    width: 250px;
}
.blocRaccourcisAccueil-espaceclient>div>a, .blocRaccourcisAccueil-espaceclient>div>a:active, .blocRaccourcisAccueil-espaceclient>div>a:focus {
    text-decoration: none;
    color: #000114;
}
.blocRaccourcisAccueil-espaceclient>div>a .icone {
    font-size: 30px;
}
.blocRaccourcisAccueil-espaceclient>div>a .titre {
    color: #00609b;
    font-weight: 700;
}
.tableauTotal {
    margin-bottom: 1rem;
    margin-top: 10px;
}
.commandesAccueil-espaceclient table {
    width: 100%;
    color: #212529;
    border-collapse: collapse;
    overflow: hidden;
}
.commandesAccueil-espaceclient table tbody tr:not(:last-child) {
    border-bottom: 1px solid #e7e7e7;
}
.commandesAccueil-espaceclient table tbody tr.alert {
    background-color: #f4c22b;
}
.commandesAccueil-espaceclient table td, .commandesAccueil-espaceclient table th {
    padding: .75rem;
    vertical-align: middle;
}
.commandesAccueil-espaceclient table tbody+tbody {
    border-top: 2px solid #dee2e6;
}
.commandesAccueil-espaceclient table .action_table {
    text-align: center;
    width: 0;
    white-space: nowrap;
}
.commandesAccueil-espaceclient table .btn_table {
    padding: 8px;
    background-color: #141414;
    border-radius: 10px;
    color: #fff;
    font-weight: 700;
}
label.label_paiement {
    padding: 5px 10px;
    font-weight: 500;
    font-size: 12px;
    border-radius: 50rem;
}
.label_paiement.validation {
    background-color: #e8fdf8;
    color: #1de9b6;
    border: 1px solid;
}
.label_paiement.erreur {
    background-color: #feeceb;
    color: #f44236;
    border: 1px solid;
}
.label_paiement.information {
    background-color: #e6f6fe;
    color: #04a9f5;
    border: 1px solid;
}
.label_paiement.alert {
    background-color: #fef9ea;
    color: #f4c22b;
    border: 1px solid;
}
.boxAdressesEspaceClient {
    margin-top: 25px;
}
.boxAdressesEspaceClient ul>li {
    flex-basis: calc(50% - 5px);
}
.boxAdressesEspaceClient ul .addAdresse {
    color: #fff!important;
    font-weight: 700!important;
    display: flex!important;
    align-items: center!important;
    cursor: pointer!important;
    position: relative!important;
}
.boxAdressesEspaceClient ul .addAdresse>label {
    width: 100%!important;
    padding: 15px!important;
    background-color: #0577bd!important;
    text-align: justify!important;
    border-radius: 5px!important;
    transition: .3s!important;
}
.boxAdressesEspaceClient ul .addAdresse a {
    text-decoration: none;
    color: #fff;
}
.boxAdressesEspaceClient ul .option label {
    width: 100%;
    padding: 15px;
    background-color: #ededed;
    text-align: justify;
    border-radius: 5px;
    transition: .3s;
}
.boxAdressesEspaceClient ul .option .editAdresse {
    position: absolute;
    top: 10px;
    right: 50px;
    cursor: pointer;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50vh;
    background-color: #fff0;
    border: 1px solid #0577bd;
    text-align: center;
    line-height: 30px;
    color: #0577bd;
    font-size: 10px;
    transition: .2s;
    font-family: initial;
    font-display: swap;
    padding: 0;
}
.boxAdressesEspaceClient ul .option .editAdresse:hover {
    background-color: #0577bd;
    color: #fff;
    border: 1px solid #0577bd;
}
.boxAdressesEspaceClient ul .option .supAdresse {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50vh;
    background-color: #fff0;
    border: 1px solid #fa2727;
    text-align: center;
    line-height: 30px;
    color: #fa2727;
    font-size: 10px;
    transition: .2s;
    font-family: initial;
    font-display: swap;
    padding: 0;
}
.boxAdressesEspaceClient ul .option .supAdresse:hover {
    background-color: #fa2727;
    color: #fff;
    border: 1px solid #fa2727;
}
.infoBtnBox {
    border: 1px solid #0577bd;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    border-radius: .25rem;
}
.infoBtnBox>div {
    padding: 10px;
    font-size: 13px;
    color: #fff;
    border-radius: 0;
}
.infoBtnBox>.buttonDiv:last-child {
    display: flex;
    gap: 5px;
    background-color: #0577bd;
}
.infoBtnBox .button {
    background-color: #ededed;
    border-color: #ededed;
    padding: .25rem .5rem;
    font-size: .765625rem;
    border-radius: .2rem;
    text-decoration: none;
    color: #0577bd;
    margin: 0 5px;
}
.infoBtnBox .button:last-child {
    margin-right: 0;
}
.infoBtnBox .button:active, .infoBtnBox .button:focus, .infoBtnBox .button:hover {
    background-color: #b2dbf3;
    border-color: #b2dbf3;
}
.infoCommande .coordonnees_commande {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}
.infoCommande .coordonnees_facturation, .infoCommande .coordonnees_livraison {
    border-radius: .25rem;
    border: 1px solid #0577bd;
    color: #212529;
    flex-basis: 50%}
.infoCommande .coordonnees_facturation .contenu_coordonnee, .infoCommande .coordonnees_livraison .contenu_coordonnee {
    padding: 10px 1rem;
}
.infoCommande .coordonnees_livraison .contenu_coordonnee .codePickup {
    color: red;
    font-weight: 700;
}
.infoCommande .coordonnees_facturation>.titre, .infoCommande .coordonnees_livraison>.titre {
    padding: 10px;
    font-size: 13px;
    margin: 0 0 7px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    background-color: #0577bd;
    border-radius: 0;
}
.infoCommande .coordonnees_facturation>.titre>div, .infoCommande .coordonnees_livraison>.titre>div {
    font-weight: initial;
}
#commandeInfo .coordonnees_facturation>.titre span.picto, #commandeInfo .coordonnees_livraison>.titre span.picto {
    margin-right: 7px;
}
.infoProduits>.titre {
    padding: 10px;
    font-size: 13px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    background-color: #0577bd;
    border-radius: 5px 5px 0 0;
    margin-bottom: 0;
}
.infoProduits .tableauTotal {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    align-items: center;
}
.infoProduits table td {
    padding: 5px;
}
.infoProduits .tableauTotal>.inutile {
    flex-basis: calc(100% - 300px);
    padding: 15px;
}
.infoProduits .tableauTotal table {
    border: 1px solid #0577bd;
    width: 300px;
}
.infoProduits .tableauTotal table .info {
    font-weight: 700;
    background-color: #0577bd;
    color: #fff;
    width: 50%;
    padding-left: 10px;
}
.infoProduits .tableauTotal table .valeur {
    text-align: right;
    padding-right: 10px;
}
label.cgv {
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: #fff;
    padding: 10px;
    margin-bottom: 10px;
    justify-content: center;
    text-align: center;
    color: #0577bd;
    font-weight: 700;
    border-radius: 5px;
}
label.cgv>div>input[type=checkbox] {
    width: 20px;
    height: 20px;
}
.flexGallery {
    display: flex;
    gap: 80px;
}
.flexGallery>div {
    flex-basis: calc(100% / 2);
}
.flexGallery>.photos>.photosTitle, .flexGallery>.video>.videoTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    margin-top: 60px;
}
.flexGallery>.photos>.photosTitle>.titre, .flexGallery>.video>.videoTitle>.titre {
    font-size: 26px;
    font-family: Poppins;
    font-display: swap;
    color: #fff;
    font-weight: 700;
    line-height: 2;
    text-align: left;
}
.flexGallery>.photos>.photosTitle .button, .flexGallery>.video>.videoTitle .button {
    margin-top: 0;
    background-color: #0577bd;
    text-transform: initial;
}
.flexGallery>.video .videoBox>div {
    flex-basis: calc(100% / 2 - 10px);
}
.flexGallery>.video .videoBox .image {
    position: relative;
    padding: 0 20px;
    height: 220px;
}
.flexGallery>.video .videoBox .image>picture {
    height: 220px;
    width: 100%;
    z-index: 2;
    position: relative;
}
.flexGallery>.video .videoBox .image>picture img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
    overflow: hidden;
}
.flexGallery>.video .videoBox .image::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 90px;
    background-color: #18192a;
    z-index: 0;
    border-radius: 20px 20px 0 0;
    transition: height .2s;
}
.flexGallery>.video .boxVideo:hover .image::after {
    height: 125px;
    transition: height .2s;
}
.flexGallery>.video .videoBox .infoVideo {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    padding: 30px 20px;
    background-color: #18192a;
    border-radius: 0 0 20px 20px;
}
.flexGallery>.video .videoBox .infoVideo>.titre {
    font-size: 14px;
    font-family: Poppins;
    font-display: swap;
    color: #fff;
    font-weight: 700;
    display: flex;
    justify-content: left;
    align-items: center;
    text-align: left;
}
.flexGallery>.video .videoBox .infoVideo>.btnPlay>.picto {
    text-decoration: none;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #0577bd;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    transition: .5s;
    font-family: initial font-display: swap;
}
.flexGallery .imgFlexAccueil {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}
.flexGallery .imgFlexAccueil>div {
    flex-basis: calc(100% / 3 - 14px);
    height: 160px;
    overflow: hidden;
}
.flexGallery .imgFlexAccueil>.imagesInFlex>a>picture {
    height: 160px;
    width: 100%;
    position: relative;
    display: block;
    border-radius: 20px;
    overflow: hidden;
}
.flexGallery .imgFlexAccueil>.imagesInFlex>a>picture .titre {
    position: absolute;
    bottom: 10px;
    width: 90%;
    color: #fff;
    font-size: 12px;
    left: 50%;
    text-align: center;
    transform: translate(-50%, 0);
    background-color: rgb(0 0 0 / .7);
    padding: 10px 6px;
    border-radius: 15px;
    min-height: 60px;
    align-content: center;
}
/*BLOG*/
#blogPage h1
{
	margin-top: 45px;
}
#blogPage .lecture
{
	text-align: center;
}
#blogPage .content_blog_timedate
{
	text-align: center;
	color: #cecece;
	font-style: italic;
	font-size: 10px;
}
#blogPage .share_blog
{
	display: flex;
	border: 1px solid #2D8BCE;
	width: 70%;
	margin: 20px auto 0;
	border-radius: 1rem;
	overflow: hidden;
	align-items: center;
}
#blogPage .share_blog > .share_node
{
	padding: 10px 20px;
	background: #2D8BCE;
	color: #fff;
}
#blogPage .share_blog > .share_node > i
{
	padding-right: 5px;
}
#blogPage .share_blog > ul
{
	flex-grow: 1;
}
#blogPage .share_blog > ul a
{
	color: #2D8BCE;
	font-size: 16px;
}
#blogPage .content_blog_timedate > p
{
	margin: 0;
	padding: 0;
}
#blogPage .content_blog_timedate > p > time
{
	font-weight: bold;
}
#blogPage .content_categorie
{
	text-align: center;
	margin: 10px 0 50px;
}
#blogPage .content_categorie > span
{
	padding: 5px 15px;
	background-color: #f1f1f1;
	border-radius: 1rem;
	color: #1e1e2d;
}
#blogPage .content_image
{
	height: 350px;
	width: 100%;
	overflow: hidden;
	position: relative;
	margin: 30px 0;
	border-radius: 1rem;
}
#blogPage .content_image a
{
	display: block;
	height: 100%;
	width: 100%;
	position: relative;
}
#blogPage .content_image a > .show-photos
{
	display: none;
}
#blogPage .content_image a:hover > .show-photos
{
	display: block;
	position: absolute;
	z-index: 99;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	backdrop-filter: blur(3px);
	animation: apparition 0.5s ease-out;
}
#blogPage .content_image a > .show-photos > i
{
	left: 50%;
	top: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
	font-size: 30px;
	color: #fff;
}
#blogPage .content_image a > img
{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
#blogPage .share_blog > ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	display: flex;
	gap: 20px;
	justify-content: center;
}
#blogPage .share_blog li
{
	display: inline-block;
}
#blogPage .content_articles_blog h2
{
	text-align: left;
	color: #2D8BCE;
	margin: 0;
	padding: 0;
	margin-top: 30px;
	position: relative;
}
#blogPage .content_articles_blog > article > h3:first-of-type
{
	text-align: left;
	font-size: 17px;
	margin: 0;
	padding: 0;
	margin-bottom: 0;
	color: #1e1e2d;
}
#blogPage .content_articles_blog > article > h3:not(:first-of-type)
{
	margin-top: 40px !important;
	text-align: left;
	font-size: 17px;
	margin: 0;
	padding: 0;
	color: #1e1e2d;
}
#blogPage .content_articles_blog figure
{
  background-color: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}

#blogPage .content_articles_blog blockquote
{
  font-style: italic;
  margin: 0;
  padding: 0;
}

#blogPage .content_articles_blog blockquote p
{
  margin: 0;
  padding: 10px 0;
}

#blogPage .content_articles_blog figcaption
{
  margin-top: 10px;
  text-align: right;
  font-style: italic;
  color: #777;
}

#blogPage .content_articles_blog cite
{
  font-style: normal;
}
#blogPage .blogsContent
{
	display: flex;
	flex-direction: row-reverse;
	gap: 20px;
}
#blogPage .blogsContent > div:first-child
{
	flex-basis: 360px;
}
#blogPage .blogsContent > div:last-child
{
	flex-basis: calc(100% - 360px);
	flex-grow: 0;   /* Empêche l'élément de grandir */
  flex-shrink: 0; /* Empêche l'élément de rétrécir */
}
#blogPage .blogsContent > div > .content_articles_blog a
{
	font-weight: bold;
	color: #2D8BCE;
}
#blogPage .blogsContent > div > .content_articles_blog > .gris
{
	margin: 30px auto 30px;
	padding: 30px;
	background-color: #f7f7f7;
	text-align: left;
	border-radius: 10px;
}
#blogPage .blogsContent > div > .content_articles_blog > .gris h2
{
	margin-top: 0;
	padding-top: 0;
}
#blogPage .blogsContent > div > .content_articles_blog
{
	position: relative;
}
#blogPage .blogsContent > div > .content_articles_blog picture
{
	width: 100%;
	height: 300px;
	display: block;
	overflow: hidden;
	border-radius: 1rem;
	margin-bottom: 20px;
}
#blogPage .blogsContent > div > .content_articles_blog picture img
{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
#blogPage .sommaire
{
	position: -webkit-sticky;
	position: sticky;
	top: 150px;
	height: 100%;

}
#blogPage .sommaire .content_Sommaire
{
	border: 1px solid rgba(17, 23, 81, .16);
	background-color: #fff;
	-webkit-box-shadow: 0 0 2px rgba(17, 23, 81, .08), 0 2px 4px rgba(17, 23, 81, .12);
	box-shadow: 0 0 2px rgba(17, 23, 81, .08), 0 2px 4px rgba(17, 23, 81, .12);
	border-radius: 1rem;
	padding: 2rem;
	-webkit-transition: sticky .2s ease;
	transition: sticky .2s ease;	
	position: relative;
}
#blogPage .sommaire .content_Sommaire::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Ajoute un léger flou autour des coins */
  filter: blur(5px); /* Applique un flou pour adoucir les coins */
  pointer-events: none;
}
#blogPage .sommaire .content_Sommaire .titre
{
	font-size: 18px;
	font-family: "Poppins";
	color: #2D8BCE;
	font-weight: bold;
	line-height: 1.333;
	text-align: left;
}
#blogPage .sommaire .content_Sommaire .titre > i
{
	padding-right: 10px;
}
#blogPage .sommaire .content_Sommaire .listeSommaire
{
	margin-top: 20px;
}
#blogPage .sommaire .content_Sommaire .listeSommaire > ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#blogPage .sommaire .content_Sommaire .listeSommaire > ul > li
{
	padding: 5px 0;
}
#blogPage .sommaire .content_Sommaire .listeSommaire > ul > li > a
{
	text-decoration: none;
	display: flex;
	gap: 10px;
	color: #353535;
}
#blogPage .sommaire .content_Sommaire .listeSommaire > ul > li > a > div:first-child
{
	flex-basis: 1.25rem;
}
#blogPage .sommaire .content_Sommaire .listeSommaire > ul > li > a > div > span
{
	background-color: rgba(45, 139, 206, 0.3);
	padding: 0 .25rem;
	border-radius: 5px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	min-width: 1.25rem;
	display: block;
}
#blogPage .contenu-blog-autres
{
	margin-top: 60px;
	border-top: 1px solid rgba(45, 139, 206, 0.3);
}
#blogPage .contenu-blog-autres h2
{
	font-family: 'Poppins', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 26px;
	line-height: 35px;
	text-align: center;
	color: #2D8BCE;
}
#blogPage .contenu-blog-autres .blogs
{
	display: flex;
	gap: 20px;
	margin-top: 35px;
}
#blogPage .contenu-blog-autres .blogs > div
{
	flex-basis: calc(100% / 3 - 20px);
	position: relative;
}
#blogPage .contenu-blog-autres .blogs > div > a
{
	text-decoration: none;
	max-height: 615px;
	overflow: hidden;
	display: block;
}
#blogPage .contenu-blog-autres .blogs > div > a .image
{
	position: relative;
	height: 315px;
	overflow: hidden;
	border-radius: 1rem;
	transition: all ease 0.5s;
}
#blogPage .contenu-blog-autres .blogs > div > a .image > div
{
	position: absolute;
	top: 20px;
	left: 0;
	z-index: 3;
	padding: 10px 20px;
	background-color: #49a9e2;
	border-radius: 0 20px 20px 0;
	color: #fff;
}
#blogPage .contenu-blog-autres .blogs > div > a:hover .image
{
	-webkit-box-shadow: 0 0 4px rgba(17, 23, 81, .08), 0 4px 8px rgba(17, 23, 81, .12);
	box-shadow: 0 0 4px rgba(17, 23, 81, .08), 0 4px 8px rgba(17, 23, 81, .12);
	transition: all ease 0.5s;
}
#blogPage .contenu-blog-autres .blogs > div > a picture > img
{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
#blogPage .contenu-blog-autres .blogs > div > a .titre
{
	font-weight: bold;
	padding: 15px;
	font-size: 22px;
	text-align: left;
	color: #101a2d;
}
#blogPage .contenu-blog-autres .blogs > div > a .description
{
	text-align: justify;
	font-size: 15px;
	padding: 0 15px;
	color: #aaaaaa;
}
#blogs
{
	padding: 0;
	position: relative;
}
#blogs .container .contenu-titre h2
{
	text-align: center;
	font-weight: bold;
	font-size: 36px;
	text-transform: initial;
	max-width: 45%;
	padding-top: 0;
	margin: 0 auto;
	color: #1e1e2d;
}
#blogs .container .contenu-blog
{
	display: flex;
	gap: 20px;
	margin-top: 35px;
	flex-wrap: wrap;
	justify-content: flex-start;
}
#blogs .container .contenu-blog > div
{
	flex-basis: calc(100% / 3 - 14px);
	position: relative;
}
#blogs .container .contenu-blog > .firstBlog
{
	flex-basis: 100%;
}
#blogs .container .contenu-blog > div > a
{
	text-decoration: none;
}
#blogs .container .contenu-blog > .firstBlog > a
{
	display: flex;
	align-items: center;
}
#blogs .container .contenu-blog > div > a .image
{
	position: relative;
	height: 315px;
	overflow: hidden;
	border-radius: 1rem;
	transition: all ease 0.5s;
}
#blogs .container .contenu-blog > .firstBlog > a .image
{
	flex-basis: 550px;
}
#blogs .container .contenu-blog > div >  a:hover .image
{
	-webkit-box-shadow: 0 0 4px rgba(17, 23, 81, .08), 0 4px 8px rgba(17, 23, 81, .12);
	box-shadow: 0 0 4px rgba(17, 23, 81, .08), 0 4px 8px rgba(17, 23, 81, .12);
	transition: all ease 0.5s;
}
#blogs .container .contenu-blog > div > a .image > div
{
	position: absolute;
	top: 20px;
	left: 0;
	z-index: 3;
	padding: 10px 20px;
	background-color: #49a9e2;
	border-radius: 0 20px 20px 0;
	color: #fff;
}
#blogs .container .contenu-blog > div > a .image img
{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
#blogs .container .contenu-blog > div > a .titre
{
	font-weight: bold;
	padding: 15px;
	font-size: 22px;
	text-align: left;
	color: #101a2d;
}
#blogs .container .contenu-blog > .firstBlog > a .titre
{
	flex: 1;
}
#blogs .container .contenu-blog > div > a .description
{
	text-align: justify;
	font-size: 15px;
	padding: 0 15px;
	color: #aaaaaa;
}
#blogs .container .contenu-blog > .firstBlog > a .resume
{
	font-size: 15px;
	color: #aaaaaa;
	font-weight: initial;
	padding: 0;
}
#blogs > div > div:nth-child(3) > div
{
	margin-top: 60px;
	text-align: center;
}
#blogs > div > div:nth-child(3) > div > a
{
	text-decoration: none;
}
@media screen and (max-width:860px), screen and (max-width:1050px) and (orientation:landscape) {
    .row>* {
    display: block!important;
    width: initial!important;
    padding: initial!important;
}
#bloc-accueil .box-accueil>a>div>.titre>div:not(.picto) {
    bottom: 0;
    padding: 10px;
}
#footer #infos_complementaires ul li:first-child {
    margin-top: 0;
}
#footer #infos_complementaires ul li:last-child, fieldset.tree.pointsRelais>div {
    margin-bottom: 0;
}
#footer #infos_complementaires ul li {
    display: block;
    margin: 50px 0;
}
.box-avis>.box-top {
    padding-left: 0;
    margin-top: 10px;
}
.box-avis>div>.nom {
    font-size: 15px;
}
.box-avis>div>.score {
    font-size: 14px;
}
.box-avis>.texte {
    min-height: 230px;
    height: 230px;
}
.toggler_nav {
    display: block;
    transition: .2s;
}
.burger-open .toggler_nav {
    top: -60px;
    transition: .2s;
}
nav .raccourci_mobile:last-child li {
    transition: .2s;
    top: 0;
}
.burger-open nav .raccourci_mobile:last-child li {
    z-index: 99;
    top: -80px;
    transition: .2s;
}
nav .raccourci_mobile {
    display: block;
    padding: 14px 7px;
    text-align: end;
}
#footer .sous_footer>.container>div, #materiaux .box_materiaux, #produit_show, #raccourciHighlight, #selectionProduits .container>div, #slider>.slide-image, .avis_gm, .avis_gm_realisation>div, .box-1>div, .box-2>div, .card-pages, .content_points, .content_texte a, .contenu-texte a, .imagesArticles, .panierBox, .panierBoxLivraison, .pictureArticle>div, form>fieldset {
    display: block;
}
#footer>div:not(.sous_footer)>div>div, #materiaux .box_materiaux a:not(:last-child)>.box, #produit_show>.photos {
    margin-bottom: 30px;
}
#footer #infos_complementaires, #footer #infos_site {
    text-align: center;
}
#bloc-accueil .box-accueil .img>img, #blog .container .contenu-blog>div, #logo>a, #materiaux .box_materiaux a>.box, #plaque_sur_mesure div>ul .option a, .box-1, .box-2, .burger-open .toggler_nav>span:last-child, .burger-open .toggler_nav>span:nth-child(2) {
    width: 100%}
nav {
    min-height: 100px;
}
nav .menu ul {
    transition: opacity .5s, background 1s;
    width: 0%;
    position: fixed;
    left: -45%;
    opacity: 0;
    overflow: hidden;
    background: #fff0;
}
nav .menu ul li {
    padding: 20px 40px;
    margin: 0;
}
nav .menu ul li a {
    color: #fff;
    font-size: 20px;
}
nav .menu ul:not(.btn_action) li.select::before, nav .menu ul:not(.btn_action) li:hover::before {
    background-color: #fff0;
}
nav .menu ul li.select a, nav .menu ul li:hover a {
    color: #0577bd;
    font-weight: 400;
}
#logo>div:nth-child(2), #logo>div:nth-child(3), #slider .generateur p, #slider .generateur>a>div>div:first-child, #slider .generateur>a>div>div:nth-child(2), .generateur ol[itemtype="http://schema.org/BreadcrumbList"], .sur_nous>div:first-child, nav .menu ul.btn_action, nav .menu>.raccourci {
    display: none;
}
#info_header>.mail>a>.picto, #info_header>.tel>a>.picto {
    font-size: 15px;
    padding: 10px 11.5px;
}
#info_header .input_search .btn_search {
    position: relative;
    top: 0;
    right: 0;
    padding: 10px 13.5px;
    font-size: 15px;
    background-color: #0577bd;
    border-radius: 50vh;
    color: #fff;
    z-index: 99;
}
#info_header .input_search.active input {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: calc(83% - 30px);
    transform: translate(0, -50%);
    z-index: 99;
    margin-left: 20px;
}
#info_header .input_search.active .btn_search {
    padding: 10px 16.5px;
}
#info_header .input_search.active .btn_search>i:before {
    content: "\f00d"}
#search-results {
    position: absolute;
    top: 100%;
    right: 50%;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgb(0 0 0 / .1);
    z-index: 1000;
    max-height: 300px;
    overflow-y: auto;
    width: 90%;
    transform: translate(50%, 0);
}
#footer #infos_complementaires, #info_header .input_search.active {
    position: initial;
}
#info_header .input_search.active::after {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgb(255 255 255);
    width: 100%;
    height: 100%;
    content: ''}
#info_header .input_search input {
    display: none;
    width: 240px;
}
.burger-open nav .menu ul:not(.btn_action) {
    top: 0;
    left: 0;
    width: 100%;
    position: fixed;
    background: rgb(0 0 0 / .9);
    height: 100vh;
    padding: 200px 0 0;
    overflow: auto;
    opacity: 1;
    margin: 0;
    transition: opacity .5s, background 1s;
    z-index: 1;
    white-space: nowrap;
}
.burger-open nav .menu ul, .burger-open nav .menu ul>li, .burger-open nav .menu ul>li>a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px 20px;
}
form fieldset.captcha>.captcha_container {
    width: 100%;
    max-width: 100%}
#footer .information_footer, form fieldset.captcha .captcha_code {
    display: block;
    text-align: center;
}
.box-avis {
    margin-left: 20px;
}
.box-avis>.photo {
    top: -50px;
    left: 50%;
    transform: translate(-50%, 0);
}
.burger-open nav ul li {
    display: block;
    text-align: left;
    height: initial;
}
#logo {
    width: 75%;
    text-align: left;
}
#logo>a>img {
    height: initial;
    width: 100%;
    margin-top: 10px;
}
#info_header {
    justify-content: flex-end;
    gap: 10px;
    align-items: center;
}
#slider {
    height: 470px;
    overflow: hidden;
}
#slider>.slide-image .contenu-slider .titre-slider {
    font-size: 16px;
}
#slider>.slide-image .contenu-slider .sous_titre-slider {
    line-height: initial;
    font-size: 13px;
}
#slider>.slide-image>.contenu-slider {
    top: 50%;
    line-height: 25px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%}
#slider>.slide-image .contenu-slider .description-slider {
    font-size: 12px;
}
#slider>.slide-image .contenu-slider>.titre-slider {
    margin-top: 0;
    font-size: 12px!important;
    line-height: initial!important;
    text-align: center;
}
#slider .generateur h2 {
    font-size: 2em;
    text-align: center;
}
#slider .generateur .button {
    position: relative;
    color: #fff0;
}
#slider .contenu-slider>div>div:first-child {
    flex-basis: calc(100% - 290px);
}
#slider .contenu-slider>div>.generateur {
    flex-basis: 290px;
}
#slider .generateur .button::before {
    content: 'Commencez maintenant !';
    font-size: 16px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    text-align: center;
}
#footer .double, #footer .information_footer .reseau ul, #footer .logo>div:nth-child(3)>a, .display_bloc {
    justify-content: center;
}
.bloc_categorie>*, .display_bloc>.bloc {
    flex-basis: calc(100% / 3 - 15px);
}
#gamme>.rectangle2::after, #gamme>.rectangle2::before, #materiaux>.rectangle2::after, #materiaux>.rectangle2::before {
    z-index: -1;
}
.display_bloc>.bloc .img {
    height: 220px;
}
#raccourciHighlight>li:not(:last-child), .boxAdresses, .boxLivraison, .boxPaiement, .content_points #points-container, .panierBox>.boxCoordonnees, form>fieldset>* {
    margin-bottom: 10px;
}
#selectionProduits .container>div>.selection_produit {
    width: 100%;
    margin-top: 60px;
}
h1:not(.titre-slider>h1) {
    padding: 0;
    font-size: 21px;
}
.contentPage {
    padding-top: 60px;
}
#plaque_sur_mesure>div {
    max-width: 90%;
    margin: 0 auto;
}
#produit_show .photos>.slick_produit {
    width: 100%;
    height: 250px;
}
#produit_show .slick-slide {
    height: 250px;
    object-fit: cover;
}
#produit_show .slick-slide picture {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#produit_show .photos>.slick_produit canvas {
    height: 250px!important;
    width: 100%!important;
    object-fit: contain;
}
#popup-content {
    width: 90%!important;
}
fieldset.tree.pointsRelais {
    display: flex!important;
    align-items: center;
}
.content_points #map-container {
    width: 100%!important;
}
#popup-content #points>li label {
    justify-content: space-between;
}
#bloc-accueil .box-accueil>a:hover>div>.titre, h2:not(.contentPage h2) {
    padding: 0;
}
#bloc-accueil .box-accueil>a>div>.titre>div {
    font-size: 15px;
    padding: 2px 0;
    background-color: rgb(0 0 0 / .6);
    bottom: 0;
}
#bloc-accueil .box-accueil>a>div>.titre:hover>div {
    bottom: 0;
}
#bloc-accueil .box-accueil .img {
    max-height: 150px;
}
#bloc-accueil {
    margin: 0 0 30px;
}
h1:not(.titre-slider>h1)::before, h2:not(.contentPage h2)::before {
    content: initial;
    display: none;
}
@-webkit-keyframes posiImg {
    from {
    right: 55%}
to {
    right: 50%}
}@keyframes posiImg {
    from {
    right: 55%}
to {
    right: 50%}
}#avis::before, #blog::before, #nos_services::after, #nos_services::before, #slider::after, #slider::before {
    animation-name: initial!important;
}
.content_texte a img {
    width: 100%;
    height: initial;
}
#avis .container .titre-bloc, #blog .container .contenu-titre h2 {
    max-width: 100%}
.box-2 {
    margin-left: initial;
}
#blog {
    padding: 0 0 60px;
}
#bloc-accueil .box-accueil>a>div>.titre {
    backdrop-filter: none;
}
#blog .container .contenu-blog {
    display: block;
    margin-top: 0;
}
#blog .container .contenu-blog>div:not(:last-child) {
    margin-bottom: 20px;
}
#blog .container .contenu-blog>div>a .image>img {
    height: 100%}
#bloc-accueil .box-accueil {
    width: 90%;
    margin: 3px auto;
    padding: 0;
    height: 105px;
}
.hidden {
    opacity: 1;
    transform: translateX(0);
    filter: blur(0);
}
#bloc-accueil .box-accueil>a>div {
    max-height: 105px;
}
#galerie-liste .galerie {
    width: calc(100% / 2 - 14px);
}
#photos-liste>li {
    width: calc(100% / 2 - 15px);
}
#footer>div>div {
    margin: 0;
}
#footer .a-propos {
    list-style-position: inside;
}
@-webkit-keyframes posi2 {
    from {
    top: 50%}
}@keyframes posi2 {
    from {
    top: 50%}
}#popup .contenu-popup {
    width: 95%}
.avis_gm_realisation>div>div:last-child {
    padding-left: 0;
    max-height: initial;
    margin-top: 30px;
}
.avis_gm .photo, .avis_gm_realisation .photo {
    right: 40px;
}
.card-pages>a {
    margin-bottom: 50px;
    display: block;
}
.card-button {
    opacity: 1;
    bottom: 25%}
.card:hover .card-button {
    transform: translate(-50%, 125%);
}
ol[itemtype="http://schema.org/BreadcrumbList"] {
    display: block;
    overflow-x: auto;
    width: 100%}
ol[itemtype="http://schema.org/BreadcrumbList"]>li {
    margin-bottom: 5px;
}
ol[itemtype="http://schema.org/BreadcrumbList"]>li:not(:last-child)::after {
    content: "";
    margin-left: 0;
}
.avis_gm>div {
    display: block;
    margin-bottom: 50px;
}
.avis_gm>div>div:last-child {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
    max-height: initial;
}
}@media screen and (max-width:430px) {
    #footer .info>div: last-child, #footer>div>div, #header_top, .flexGallery>.photos>.photosTitle>.titre, .flexGallery>.video>.videoTitle>.titre {
    text-align: center;
}
#slider {
    height: 140vw;
}
.bloc_categorie>*, .display_bloc>.bloc {
    flex-basis: 100%}
.generateur {
    padding-top: 0;
}
#footer>div:not(.sous_footer)>div>div, #plaque_sur_mesure div>ul, #slider .contenu-slider>div, .boxAdressesEspaceClient ul, .flexGallery, .flexGallery>.video .videoBox, .infoBtnBox>.buttonDiv:last-child, .infoCommande .coordonnees_commande, .panierBox .boxArticle>.produit, .panierBox .boxArticle>.produit .infoProduit, form fieldset {
    display: block;
}
#plaque_sur_mesure div>ul>li {
    margin-top: 5px;
}
.formulaireLogin, .percageTrou ul {
    display: block!important;
}
.recapitulatif>div {
    flex-basis: 100%!important;
}
#footer .info>div:last-child a {
    display: inline-block;
}
#info_header>div>a>.texte, .commandesAccueil-espaceclient .pageCommande>tbody>tr>td:nth-child(2), .commandesAccueil-espaceclient .pageCommande>tbody>tr>td:nth-child(3), .commandesAccueil-espaceclient .pageCommande>thead>tr>th:nth-child(2), .commandesAccueil-espaceclient .pageCommande>thead>tr>th:nth-child(3), .commandesAccueil-espaceclient table:not(.pageCommande):not(.pageCommandeRecap)>tbody>tr>td:first-child, .commandesAccueil-espaceclient table:not(.pageCommande):not(.pageCommandeRecap)>tbody>tr>td:nth-child(3), .commandesAccueil-espaceclient table:not(.pageCommande):not(.pageCommandeRecap)>tbody>tr>td:nth-child(5), .commandesAccueil-espaceclient table:not(.pageCommande):not(.pageCommandeRecap)>thead>tr>th:first-child, .commandesAccueil-espaceclient table:not(.pageCommande):not(.pageCommandeRecap)>thead>tr>th:nth-child(3), .commandesAccueil-espaceclient table:not(.pageCommande):not(.pageCommandeRecap)>thead>tr>th:nth-child(5), .panierBox .boxArticle>.produit .image, .progressbar {
    display: none;
}
.panierBox .boxArticle>.produit>.qte {
    display: flex;
    align-items: center;
    gap: 10px;
}
.panierBox .boxArticle>.produit>.qte>div:first-child {
    margin-bottom: 0;
}
.panierBox .boxArticle>.produit>.actionPrice>div:first-child {
    position: absolute;
    top: 12px;
    right: 50px;
    background-color: #0577bd;
    color: #fff;
    padding: 1px 15px;
    border-radius: 10px;
    font-size: 14px;
}
.panierBox .boxArticle>.produit .titre {
    max-width: 60%}
.qte>.contenuQte {
    margin: initial;
}
#slider .contenu-slider>div>div:first-child, .flexGallery>.video .videoBox>div:not(:last-child), .formulaireLogin>div:first-child {
    margin-bottom: 20px;
}
#footer>div>div {
    display: block;
    position: relative!important;
    top: initial!important;
    right: initial!important;
    left: initial!important;
}
.blocRaccourcisAccueil-espaceclient {
    flex-wrap: wrap;
    gap: 5px;
    justify-content: center;
}
.blocRaccourcisAccueil-espaceclient>div {
    flex-basis: calc(100% / 2 - 10px);
}
.blocRaccourcisAccueil-espaceclient>div>a .icone {
    font-size: 20px;
}
.blocRaccourcisAccueil-espaceclient>div>a .titre {
    font-size: 11px;
}
.boxAdressesEspaceClient ul>li, .infoCommande .coordonnees_commande>div:first-child {
    margin-bottom: 10px;
}
.infoBtnBox>.buttonDiv:last-child>div:not(:last-child) {
    margin-bottom: 5px;
}
.flexGallery .imgFlexAccueil>div {
    flex-basis: calc(100% / 2 - 14px);
}
.flexGallery>.photos>.photosTitle, .flexGallery>.video>.videoTitle {
    display: block;
    text-align: center;
}
}