@import url('https://fonts.googleapis.com/css2?family=Raleway: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');

/*CAROUSEL 4 SLIDES*/

/*.slides {
    animation: carousel2 27s infinite !important;
}*/

@keyframes carousel2 {
    0% {
        left: 0%;
    }

    25% {
        left: 0%;
    }

    35% {
        left: -100%;
    }

    55% {
        left: -100%;
    }

    65% {
        left: -200%;
    }

    85% {
        left: -200%;
    }

    100% {
        left: 0%;
    }
}

:root {
    --CS_color1: #bf3425;
    --CS_color2: #bd726a;
    --Color-dark: #000000;
    --Color-medium: #1f1f1f;
    --Color-light: #ffffff;
}

.nav__switch a, .top__name {
    text-decoration: none;
    font-weight: 600;
}

.bg-primary, .bg-primary p {
	color: white;
}

b, strong {
    font-weight: 600;
}

.top__phone {
    margin-left: 10px;
}

body, .about {
    background-color: var(--Color-light);
}

.about {
    box-shadow: inset 0px 3px 6px #00000029;
}

h1, h4, .about__title, .about__showroom__title, .top__phone, .nav__search span, .text-editor h2, .text-editor h3, .text-editor h4 {
    color: var(--CS_color1);
}


.about__showroom__desc, .top__plus, a:hover, a:focus, li, .top__name, .top__name:hover {
    color: var(--Color-medium)
}


.about__access {
    background-image: linear-gradient(to top, var(--CS_color2) 0%, var(--CS_color1) 100%);
}

.footer {
    background-color: var(--CS_color1);
}

.text-editor ul li:before {
    background-color: var(--CS_color1);
}

.btn {
    background-color: var(--CS_color1);
    box-shadow: 0px 3px 6px #00000029;
}

.btn:hover {
background-color: var(--CS_color1);
    box-shadow: inset 0px 3px 6px #00000029;
}

.nav__bar {
    background-image: none;
    background-color: var(--CS_color1);
    box-shadow: 0px 3px 6px #00000029;
}

.top__sticky, .nav__input__btn, .top__box, .top__last {
    background-color: var(--CS_color2);
}



.enteteListeCards div {
    height: fit-content;
}

select {
    height: fit-content;
    width: fit-content;
    padding: 5px !important;
}

.cardArticle > div:nth-child(3)[b-64cqfxzfld] {
    width: 85% !important;
}

.footer-menu a {
    padding: 0;
}


.footer-menu ul {
    margin: 0;
}

.footer-menu .btnPrimary {
    margin-top: 2vh;
}

.titleSection {
    background: var(--CS_color1) 0% 0% no-repeat padding-box !important;
}

.titleSection p, .btnPlusMoins > div:first-child > div:first-child[b-y3vdrhljw2], .btnPlusMoins > div:first-child > div:last-child[b-y3vdrhljw2], .btnPlusMoins > div:first-child[b-zl3e4vkp6b], .btnPlusMoins > div:last-child[b-zl3e4vkp6b], .btnPlusMoins > div:first-child[b-64cqfxzfld], .btnPlusMoins > div:last-child[b-64cqfxzfld], .detail[b-xt8npu3gh6],.actionArticleFavoris > div:first-child > div:last-child > div:last-child[b-8i06ilto2b] p  {
	color: white;
}

.ajouterPanier[b-xt8npu3gh6] {
	background-color: var(--Colibase)!important;
}

.ajoutePanierOther[b-xt8npu3gh6] {
	background: none;
}

.listeArticleFavoris > div:first-child > div:nth-child(2) > div > svg[b-8i06ilto2b] {
    fill: white;
}

.popup > div {
	width: 90%;
	margin: auto;
}

.addP button {
    height: fit-content!important;
}

label {
    white-space: nowrap;
}

.titreCard[b-zl3e4vkp6b] {
margin-top: 8vh;
}

.MegaMenu, .MiniMenu, .LienMenu {
    align-items: center;
    display: flex;
}

/* MENU DE NAVIGATION */

	#MenuExterne > .menu {
		display: flex;
		width: 90%;
		flex-wrap: wrap;
		margin: auto;
		vertical-align: baseline;
		align-items: flex-start;
		padding: 1%;
		align-content : flex-start;
	}

		.MegaMenu[b-m46ugzswwf], .MiniMenu[b-m46ugzswwf] {
			margin-top: 0px;
            

		}

				.menu-control {
					align-items: stretch;	
				}

	.menu :nth-child(3){
		align-items: flex-end;
		margin:0;
	}

	.FamilleL, .FamilleF, .FamilleP {	
		flex-direction: column;
	}

	/*DROPDOWN - CONTENT*/
	
		.dropdown-content > div[class*="Niveau"]{
			display: flex;
			justify-content: flex-start;
			column-gap: 30px;
		}
		
		.MenuMerchandising > .control-section > .menu-control > .MegaMenu > .dropdown-content {
			align-items: flex-start;
		}
		.LienMenu.CataCgv > ul {
			margin-top: 0px !important;
		}
		.Referencement.LienMenu > ul {
			margin-top: 0px !important;
		}
		
	/**/
	.menu > a {
	padding: 0;

	}

	.menu > a > svg {
		height: 30px;
	}

	.menu > a > svg > path {
		fill: var(--CS_color1);
	}

	.MegaMenu .dropdown-content {
		margin-top:30px;
	}

/*Card Merchandising*/

	.listeCardMerchandising {
		justify-content: center;
	}
		.cardLineaire {
			min-width: 170px;
			max-width: 310px;
			align-items: center;
		}
			.IconeTopNew {
				height: 22px;
				margin: 0px;
			}

			.divImgLineaire {
				height: 200px !important ;
				width: 100% !important;
				
				justify-content: center;
				align-items: flex-end;
			}
				.divImgLineaire > img {
					width: 100% ! important;					
					margin: 0px !important;
					max-width: 210px !important;
				}

			.divInfoLineaire {
				height: 180px;
				margin: 5px;				
			}

			.cardLineaire > div:last-child {
				height: 22px;
			}

/**/
.Referencement ul, .CataCgv ul {
    margin-top: 9vh!important;
}

.LienMenu {
	    margin: 0 2.6041666666666665vw 0 0;
}

.Referencement .dropdown, .CataCgv .dropdown {
	/*text-transform: uppercase;
    color: var(--Colibase);
    font-size: 17px;
    margin: 0 2.6041666666666665vw 0 0;*/
	cursor:pointer;
}

.Referencement a {
	text-transform : uppercase;
}

.headerCompte > ul > li:nth-child(7) {
display: none;
}

.collapse:not(.show) {
display: block!important;
}

.nav-btm {
background-color: var(--Color-light)!important;
}

.image img[b-m46ugzswwf] {
    max-height: 100%;
	height: fit-content;
}

.btnAddPanier {
    color: white;
}

/* MASQUAGES */
#detailArticle .telechargement, #CompteCommercial > div:nth-child(2), #CompteCommandes > div:nth-child(2) > div > div:last-child > svg, #CompteCommandeDetails > .footerCommandeDetails > div:first-child > div:first-child, #CompteFactures > div:first-child > div > div:last-child > svg {
display: none;
}

.actionConnexion > div:first-child {
visibility: hidden;
}

.titreCard > p {
    height: fit-content;
}

.imgCard[b-zl3e4vkp6b] {
    margin-bottom: 100px;
}

.enteteListeCards > div > select > option:nth-child(6), .enteteListeCards > div > select > option:nth-child(7), .enteteListeCards > div > select > option:nth-child(8) {
display:none;
}

#MenuExterne .menu {
    width: 100%;
}


/* ACCUEIL */
#home-slider {
    height: 70vh;
    overflow-y: hidden;
    overflow-x: clip;
}

    #home-slider div {
        position: absolute;
        width: 60vw;
        margin: 50vh 20vw 0;
        display:none;
    }

    #home-slider div p {
        text-align: right;
        color: var(--CS_color-blanc);
        font-weight: 600;
    }

    #home-slider video {
    width: 100vw;
    height: auto;
    }

    .container-flexbox, .container-flexbox-reverse {
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow-y: hidden;
    margin: 10vh 0;
}
.container-flexbox {
    flex-direction: row;
        max-height: 45vh;
}

.container-flexbox-reverse {
    flex-direction: row-reverse;
}

    .container-flexbox img, .container-flexbox-reverse img {
        width: 55%;
        box-shadow: 0px 3px 6px #00000029;
    }

    .container-flexbox .div, .container-flexbox-reverse .div {
        width: 40%;
    }

    .container-flexbox a, .container-flexbox-reverse a {
        width: 48%;
    }

    /* ACCUEIL BANDEAU HTML 2*/

        .pub-content {
            display: flex;
            flex-direction: row;
            width: 80%;
            height: fit-content;
            margin: 25px 10%;;
                z-index: 12;
                position: relative;
        }

            .pub-content > div:first-child {
                width: 50%;
                height: fit-content;
                margin: 0 25px 0 0;
            }

                .pub-content > div:first-child > img {
                    width: -webkit-fill-available;              }

            .pub-content > div:last-child {
                width: 50%;
                height: auto;
                margin: 0;
                display: flex;
                flex-direction: column;
                align-items: flex-end;
                justify-content: flex-end;
            }


                .pub-content > div:last-child > div:first-child > h2 {
                    color: var(--Colibase);
                }

                .pub-content > div:last-child > div:first-child > p {
                    color: var(--CustomColor3);
                    width: 90%;
                    margin: 10px auto;
                    font-family: var(--CS_font1);
                }

                .pub-content > div:last-child > div:nth-child(2), .pub-content > div:last-child > div:nth-child(3) {
                    width: 90%;
                    margin: 5px auto;
                    height: fit-content;
                    padding: 15px;
                    border-radius: 5px;
                    box-shadow: 0px 3px 6px #00000029;
                    text-align: center;
                    cursor: pointer
                }

                .pub-content > div:last-child > div:nth-child(2) {
                    background-color: var(--CS_color1);
                }

                    .pub-content > div:last-child > div:nth-child(2) > a {
                    color: var(--CustomColor4);
                    color: white;
                }

                .pub-content > div:last-child > div:nth-child(3) {
                    background-color: var(--CustomColor4);
                }

                    .pub-content > div:last-child > div:nth-child(3) > a {
                    color: var(--CS_color1);
                }

                    .pub-content > div:last-child > div:nth-child(2) > a, .pub-content > div:last-child > div:nth-child(3) > a {
                        text-transform: uppercase;
                        text-decoration: none;
                        text-align: center;
                    }
                .bold {
                    font-weight: 600;}
.qui-sommes-nous-title {
    text-transform: uppercase;
    color: var(--CS_color1);
    font-size: 30px;
    width: 95%;
    margin: 5% auto;
    text-align: center;
    font-weight: 600;
}

/* BANDEAU CATEGORIE */
.categories[b-x8vk2cyxac] {
    width: 100vw;
    padding: 20px 5vw 0;
    background-color: var(--CS_color1);
    cursor: pointer;
}

.fenetre[b-x8vk2cyxac] {
width: 100%;
}

img[b-x8vk2cyxac] {
    border-radius: 50%;
    scale: 90%;
    transition: all 0.3s ease-in;
}

.categorie:hover > .img > img[b-x8vk2cyxac] {
scale: 100%;
}

.categorie:hover > .libelle {
text-decoration: underline;
}

.categorie .libelle[b-x8vk2cyxac] {
font-weight: 400;
    font-size: 20px;
    color: var(--CS_color-blanc);
    font-family: var(--CS_font1);
}

/*.fenetre::after {
    content: 'Decouvrez nos categories !';
    font-family: var(--CS_font2);
    font-size: 30px;
    float: right;
    color: var(--CS_color-blanc);
}*/

.BandeauCategories{
    background-color: var(--CS_color1);
}

.BandeauCategories p{
    margin-right: 6vw;
    display: flex;
    justify-content: flex-end;
    font-family: var(--CS_font2);
    font-size: 30px;
    color: var(--CS_color-blanc);
}


.material-symbols-outlined[b-x8vk2cyxac] {
    color: var(--CS_color-blanc);
}
/* CONTACT */
		.contact {
			display: flex;
			flex-direction: row;
			align-items: center;
			height: 50%;
			width: 100%;
			margin-top : 5vh;
		}

			.contact > div:first-child {
				width: 50%;
			}

				.contact > div:first-child > img  {
					width: 100%;
				}

			.contact > div:last-child {
				width: 50%;
				margin-left: 10%;
			}

		.contact > div > .button, .contact > div > .buttonConnexion {
			width: 50%;
			margin: 15px 0;
			height: fit-content;
			padding: 15px;
			border-radius: 5px;
			box-shadow: 0px 3px 6px #00000029;
			text-align: center;
			background-color: var(--CS_color1);
			text-transform: uppercase;
			cursor: pointer;
		}

		.contact > div > .buttonConnexion {
			background-color: transparent;
			border: solid 2px var(--CS_color1);
		}
	
		.contact > div > .buttonConnexion > a {
			color: var(--CS_color1);
			text-decoration: none;}

		.contact > div > .button > a {
			color: white;
			text-decoration: none;}

.contact > div > p > a {
color: var(--CustomColor3);
font-weight: 600;
text-decoration: none;
}

.menu ul li a:hover[b-m881yl9ddi] {
    font-weight: bold;
}

.listecards[b-zl3e4vkp6b] {
    justify-content: flex-start;
}

.bg-success, .niveau0Merch p, .textDetailLineaire {
    color: white!important;
}

.enteteLineaire, .divDescLineaire, .telechargerLineaire {
	height: fit-content!important;
}

.telechargerLineaire {
	font-size: 13px!important;
}

.textAjouterPanierLineaire, .textDetailLineaire {
	font-size: 15px!important;
}

.textDescLineaire {
	font-size: 12px!important;
}

.titleLineaire {
	font-size: 14px!important;
}

#popupImage img.original {
	    width: auto;
    max-height: 38vh;
}

.rz-selectable tbody tr.rz-data-row.rz-state-highlight .rz-cell-data {
    color: var(--Colibase);
}

#popupImage .material-symbols-outlined, #informationArticle img, .btnDisable, .categorie {
	cursor: pointer;
}

#CompteCommandes > div > div > div:last-child > svg {
	display: none;
}

.cardArticle {
	padding-top: 15px;
}

.cardArticle > div {
	z-index: 5;
	position: relative;
}

.danslepanier {
	    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
        background-color: var(--Gris);
    opacity: 0.4;
    z-index: 2;
}

.cardArticle {
    position: relative;
}

.cardArticle > div:nth-child(3) {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .cardArticle > div:nth-child(3) > img {
        height: 33vh;
    }

.listecards .cardArticle > div:nth-child(4) {
    margin-top: 9vh;
        //position: absolute;
        width: inherit;
		display: flex;
		justify-content: center;
    }

.listecards .cardArticle > div:nth-child(4) > div[b-zl3e4vkp6b] {
    top: -9vh;
    right: 2vw;
        }

            .cardArticle > div:nth-child(4) > div > div {
                margin: auto;
            }

                .cardArticle > div:nth-child(4) > div > div:first-child {
                    margin-right: 0.8vw;
                    margin-bottom: 1vh;
                }

                    .cardArticle > div:nth-child(4) > div > div:first-child svg {
                        height: 3vh;
                        stroke: #000;
                        fill: transparent;
                    }

                        .cardArticle > div:nth-child(4) > div > div:first-child svg:hover {
                            stroke: var(--CS_colorinvalid);
                        }

                .cardArticle > div:nth-child(4) > div > div:last-child {
                    margin-right: 0.8vw;
                }

    .cardArticle > div:nth-child(6) {
        display: flex;
        justify-content: space-between;
    }

        .cardArticle > div:nth-child(6) > div:last-child {
            padding: 0.5vh 0.5vw;
        }

            .cardArticle > div:nth-child(6) > div:last-child > .prixCard {
                text-align: right;
                font: normal normal normal 20px/24px var(--CS_font1);
                letter-spacing: 0px;
                color: var(--CS_color-noir);
            }

                .cardArticle > div:nth-child(6) > div:last-child > .prixCard > p {
                    margin-bottom: 0;
                }

            .cardArticle > div:nth-child(6) > div:last-child > .stockCard {
                text-align: left;
                font: normal normal normal 20px/24px var(--CS_font1);
                letter-spacing: 0px;
            }

            .cardArticle > div:nth-child(6) > div:last-child > .stockCard {
                display: flex;
                justify-content: center;
                font-size: 17px !important;
            }

                .cardArticle > div:nth-child(6) > div:last-child > .stockCard > div > svg {
                    height: 1.6vh;
                    margin: auto 0.5vw auto 0;
                }


@media screen and (max-width: 1920px) {
.MegaMenu:hover .dropdown-content[b-dl1uu3vvbi] {
    margin-left: -20%;
}
}

@media screen and (max-width: 1440px) {
.MegaMenu:hover .dropdown-content[b-dl1uu3vvbi] {
    margin-left: -16.5%;
}
}

@media screen and (max-width: 1024px) {
.nav__search {
    width: 30%;
}

.MegaMenu:hover .dropdown-content[b-dl1uu3vvbi] {
    margin-left: -12.5%;
}

.slides[b-osprfm8y6t] {
    min-height: 245px;
}
}

@media screen and (max-width: 768px) {
.top__logo {
    justify-content: center;
}

.nav__search {
    width: 100%;
}

.top__user {
    flex-direction: row;
}

.MegaMenu:hover .dropdown-content[b-dl1uu3vvbi] {
    margin-left: -48%;
}

.menu {
justify-content: center;
}

.slides[b-osprfm8y6t] {
    min-height: 180px;
}
}

@media screen and (max-width: 425px) {
.MegaMenu:hover .dropdown-content[b-dl1uu3vvbi] {
    margin-left: -8%;
}
.top__user {
    flex-direction: column;
}

.nav > ul {
    flex-wrap: wrap;
    padding: 0;
    justify-content: center;
}

.ListUnivers .cell {
    width: 90%;
}

.cardArticle > div:nth-child(3)[b-zl3e4vkp6b] {
margin: 0 auto;
    width: 90%;
}

.cardArticle > div:nth-child(3) > img {
    height: auto;
    width: 100%;
}

.cardArticle > div:nth-child(4) > div[b-zl3e4vkp6b] {
    right: -3vw;
    width: fit-content;
}

.cardArticle > div:nth-child(3) > div[b-zl3e4vkp6b] {
    width: 100%;
    float: none;
    right: 0;
    top: 0;
}

.titreCard[b-zl3e4vkp6b] {
    width: 100%;
    margin-top: 1vh;
}

.recherche {
width : 100%!important;
margin-top : 10px;
}

.recherche input {
	width: 100%!important;
}

.rz-grid-table {
    width: 500%;
}

.slides[b-osprfm8y6t] {
    min-height: 100px;
}

.listecards > div[b-zl3e4vkp6b] {
    width: 75vw;
}

.cardArticle[b-zl3e4vkp6b] {
    margin: 25px auto;
	    width: 95%;
}

.cardArticle > div:first-child[b-zl3e4vkp6b] {
    width: 100%;
}



}