@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

:root {
	--CustomColorBack: #CACACA;
	--CS_color1: #CA5310;
	--CS_color2: #CA531080;
	--CustomColor3: #000000;
	--CustomColor4: #FFFFFF;
	--CustomColor5: #008000;
	--CustomColor6: #00000029;
	--CustomColor7: #979797E5;
	--CustomColor8: #D9AA8F;
	--CustomColor9: #CA531080;
	--CustomColor10: #FF4B55;
	--CustomColor11: #F5F5F5;
	--CS_font2: 'Bebas Neue';
	--CS_font1: 'Montserrat';
}

body, .header[b-wlneili91f]{
background: var(--CustomColorBack);
}


/*CONNEXION*/

.blurConnexion > div:first-child [b-27tit77l18] {
  width: 50%;
}

.blurConnexion[b-27tit77l18] {
  background: var(--CustomColorBack);
  backdrop-filter: none;
}

.formConnexion > div > div[b-27tit77l18] {
  background: var(--CS_color1)
}

.btnBlanc
{
	color: var(--CustomColor4);
	background: var(--CustomColor3);
	border-color:  var(--CustomColor3);
}

.actionConnexion > div:first-child > p:last-child[b-27tit77l18] {
	display: none;
}

/*HEADER*/

.recherche input[b-p63at71cfz] {
  border: 1px solid #eee;
  box-shadow: inset #ddd 3px 3px 11px;
}
#header .pub{
margin: 0;
}
#header .pub > div{
color: var(--CustomColorBack) !important;
}

.header {
  border-bottom: none;
}
/*MENU*/

.MegaMenu .dropdown-content[b-m46ugzswwf] {
    background-color: var(--CustomColorBack);
}

.Niveau1[b-m46ugzswwf] {
    flex-direction: column;
    flex-wrap: nowrap;
}

#MenuExterne[b-1qmsv4zkzs] {
    width: 95%;
    margin: 10px auto 0;
}

/*HOMEPAGE*/



.enteteListeCards div:nth-child(4) select, .enteteListeCards div:last-child select
{
	border: none !important;
}


.BlazorNavigation_textPagin {
  padding: 4px !important;
}

/*CARDS*/
.cardArticle
{
background: var(--CustomColor4) !important;
margin: 1vh 0;
}


.btnPlusMoins > div:first-child[b-zl3e4vkp6b], .btnPlusMoins > div:last-child[b-zl3e4vkp6b] {
  background: var(--CS_color2) 0% 0% no-repeat padding-box !important;
}
.cardArticle[b-zl3e4vkp6b]
{
	width: 20.3125vw;
}
.imgCard > img[b-zl3e4vkp6b] {
  /*margin-top: 41px;*/
}

/*CATEGORIES*/

.categorie .img {
    border-radius: 5% !important;
    height: 30.7vh !important;
    border: solid var(--CS_color1) !important;
    background: var(--CS_color2) !important;
    text-align: center !important;
}

.categories .categorie .img img
{width: 95% !important;
    margin-top: 3px !important;
	border: none !important;}





#ContainerCard .imgProduit {
  height: 410px ;
}

 .vignettes:hover{
    	background-color: white !important;
	box-shadow: 0px 3px 15px #00000029 !important;
}

/* ACCUEIL BANDEAU HTML 1 */

.pub {
margin: 3% auto;
}
		.pub-background {
			display: flex;
			flex-direction: column;
			width: 100%;
			height: fit-content;
			margin: 0;
			position: absolute;
			z-index: 1
		}

			.pub-background > div {
				width: 100%;
				margin: 0;
			}
			.pub-background > div:first-child {
				background-color: var(--CustomColorBack);
				height: 16.2vw;
			}

			.pub-background > div:last-child {
				background-color: var(--CS_color1);
				height: 12.5vw;
			}

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

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

				.pub-content > div:first-child > img {
					width: -webkit-fill-available;
					box-shadow: 0px 3px 6px #00000029;
				}

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

				.pub-content > div:last-child > img {
					width: 24.5%;
					float: right;
				}


					.pub-content > div:last-child > div > h2 {
						font-family: var(--CS_font2);
						text-transform: uppercase;
						color: var(--CustomColor4);
						font-size: 50px;
					}
	
					.pub-content > div:last-child > div > p {
						color: var(--CustomColor4);
						font-family: var(--CS_font1);
					}

/* ACCUEIL BANDEAU HTML 2*/

		.pub-content2 {
			display: flex;
			flex-direction: row;
			width: 85%;
			height: fit-content;
			margin: 0 15%;
		    z-index: 12;
    		position: relative;
		}

			.pub-content2 > div:last-child {
				width: 45%;
				height: fit-content;
				margin: 0 25px 0 0;
			}

				.pub-content2 > div:last-child > img {
					width: -webkit-fill-available;
					box-shadow: 0px 3px 6px #00000029;
				}

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


				.pub-content2 > div:first-child > div:first-child > h2 {
font-family: var(--CS_font2);
					text-transform: uppercase;
					color: var(--CS_color1);
					font-size: 50px;
					width: 95%;
					margin: 0 auto;
					text-align: right;
				}

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

				.pub-content2 > div:first-child > div:nth-child(2), .pub-content2 > div:first-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-content2 > div:first-child > div:nth-child(2) {
					background-color: var(--CS_color1);
				}

					.pub-content2 > div:first-child > div:nth-child(2) > a {
					color: var(--CustomColor4);
				}

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

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

					.pub-content2 > div:first-child > div:nth-child(2) > a, .pub-content2 > div:first-child > div:nth-child(3) > a {
						text-transform: uppercase;
						text-decoration: none;
						text-align: center;
					}
				.bold {
font-weight: 600;}

/* MENU */
[b-c5s1eakf8d] .dropdownmenu ul, .MegaMenu .dropdown-content[b-dl1uu3vvbi] {
background: var(--CustomColorBack);
}

.Niveau2 > div > div {
color: var(--CustomColor3);
}

/* QUI SOMMES NOUS*/
		
		.qui-sommes-nous-title {
			text-transform: uppercase;
			color: var(--CS_color1);
			font-size: 30px;
			width: 95%;
			margin: 5% auto 0;
			text-align: center;
			font-weight: 600;
}

		.qui-sommes-nous {
			display: flex;
			flex-direction: row;
			width: 100%;
			height: fit-content;
			margin: 5% 0;
		    z-index: 12;
    		position: relative;
		}

			.qui-sommes-nous .div-image {
				width: 30%;
				height: fit-content;
				margin: 0 25px 0 0;
			}

				.qui-sommes-nous img {
					width: -webkit-fill-available;
					box-shadow: 0px 3px 6px #00000029;
				}

			.qui-sommes-nous .div-text {
				width: 30%;
				height: auto;
				margin: 0;
				display: flex;
				flex-direction: column;
				align-items: flex-end;
				justify-content: flex-end;
			}


				.qui-sommes-nous h2 {
					text-transform: uppercase;
					color: var(--CS_color1);
					font-size: 30px;
					width: 95%;
					margin: 0 auto;
					text-align: right;
				}

				.qui-sommes-nous  p {
					color: var(--CustomColor3);
					width: 95%;
					margin: 10px auto;
				}

				.qui-sommes-nous .button {
					width: 90%;
					margin: 10px auto;
					height: fit-content;
					padding: 20px;
					border-radius: 5px;
					box-shadow: 0px 3px 6px #00000029;
					text-align: center;
					background-color: var(--CS_color1);
					cursor: pointer
				}

				.qui-sommes-nous > div:first-child > div:nth-child(2) {
					background-color: var(--CS_color1);
				}

					.qui-sommes-nous .button a {
					color: var(--CustomColor4)!important;
					text-transform: uppercase;
					text-decoration: none;
					text-align: center;
				}

				.qui-sommes-nous > div:first-child {
					margin: 0 0 0 20%;
				}

			.qui-sommes-nous > div:last-child > div:first-child > h2 {
				text-align: left;
			}

/* CONTACT */
		.contact {
			display: flex;
			flex-direction: row;
			align-items: center;
			height: 50%;
			width: 100%;
			margin: 12% 0;
		}

			.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: var(--CustomColor4)!important;
			text-decoration: none;}

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

.BlazorNavigation_pagination_Item[b-878746k6rc] {
background: none;}

.material-symbols-outlined[b-x8vk2cyxac] {
    font-size: 100px;
    color: var(--CustomColor3);
    margin: auto 0;
}

.categorie .img {
    border-radius: 0 !important;
    border: none !important;
    background: none !important;
    height: fit-content!important;
}

[b-y3vdrhljw2] .titleSection {
background-color: var(--CS_color1);
color: var(--CustomColor4);
}

.composantCompte > div, #listeArticlePanier > .article {
background-color: var(--CustomColor4);
}

#CompteAdresses > div {
background-color: transparent;
}

#CompteAdresses > div > .blocAdresse {
background-color: var(--CustomColor4);
}

.imgCard {
    height: 20vw!important;
    align-items: center;
}

.imgCard > img {
    max-width: 100%;
    max-height: 100%;
    height: fit-content;
    width: auto;
}

.cardArticle > div:nth-child(3)[b-64cqfxzfld] {
    height: 45px;
}

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

#validationCommande > div[b-udhtan4692] {
background-color: var(--CustomColor4);
}

.transitionFooter {
    width: fit-content;
    margin: auto;
}

.Copyright {
cursor: pointer;
}

.menuExterne {
	display : flex;
	flex-direction : row;
	flex-wrap : wrap;
	width: 100%;
	padding: 10px;
	justify-content: center;
}

.Nouveaute, .Fam, .Bestof {
	width: fit-content;
}

.Nouveaute {
	margin-right : 25px;
}

.MegaMenu[b-m46ugzswwf], .MiniMenu[b-m46ugzswwf] {
    padding: 0 25px 0 0;
}

.Nouveaute > a, .Bestof > a {
	text-transform: uppercase;
	text-decoration: underline;
	font-weight: 600;
}

.Nouveaute > a:hover, .Bestof > a:hover, .MegaMenu:hover > a {
	color: var(--CustomColor3)!important;
}

.Niveau1[b-m46ugzswwf], .Niveau2[b-m46ugzswwf] {
    text-transform: lowercase;
}
.Niveau1 .Titre {
	display: block;
}

.Niveau1 .Titre::first-letter {
	text-transform : uppercase;
}

/*MASQUAGES*/

/*LIEN MENU 'INFORMATIONS'*/
.navbarBDSP > #menu1 > .control-section > .menu-control > .dropdownmenu > li:last-child {
display: none;
}

/*CARTE COMMERCIAL - MON COMTPE */
#CompteCommercial > div:nth-child(2), #CompteCommercial > div:nth-child(3)  {
display: none;
}

/* LIENS FOOTER */
.footer-menu > .menu > div:nth-child(2) > div:nth-child(2) > ul > li:nth-child(2), .footer-menu > .menu > div:nth-child(2) > div:nth-child(2) > ul > li:nth-child(3) {
display: none;
}

/* LIENS TELECHARGEMENTS MES COMMANDES LISTE */
#CompteCommandes > div:nth-child(2) > div > div:last-child > svg {
display: none;
}

/* LIENS TELECHARGEMENTS MES COMMANDES + RENOUVELLEMENT*/
#CompteCommandeDetails > .footerCommandeDetails > div:first-child > div:first-child {
display: none;
}

/* LIENS TELECHARGEMENTS FACTURES */
#CompteFactures > div:first-child > div > div:last-child > svg {
display: none;
}

/* LIENS TELECHARGEMENT FICHE PRODUIT */
#detailArticle > #informationArticle > div > .telechargement {
display: none;
}

/*CONNEXION LIEN*/
.actionConnexion > div:first-child > p {
	display: none;
}

/*CONTENU MINI BANDEAU PUB EN HAUT DU HEADER*/
.pub > div {
	display: none;
}

.menu-control[b-m46ugzswwf] {
    flex-wrap: wrap;
    justify-content: center;
}

.PanierResumePage_ResumeGlobal table {
background-color: var(CustomColor4);
 }

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

.pub-content2 > div:last-child {
    width: 60%;
}
}

@media screen and (max-width: 1024px) {
.pub-background > div:last-child {
    height: 21.5vw;
}

.pub-content2 {
    display: flex;
    flex-direction: column-reverse;
}

.pub-content2 > div:first-child {
    width: 75%;
}

.pub-content2 > div:last-child {
    width: 75%;
}
}

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

.pub-content {
    flex-direction: column;
    width: 90%;
}

.pub-content > div:last-child > img {
	display: none;
}

.pub-content > div:first-child {
    width: 90%;
    margin: 15px 0;
}

.pub-content > div:last-child {
    width: 90%;
}

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

.pub-content > div:last-child > div > p {
    color: var(--CustomColor3);
}


}



#BodyMP .rz-datatable-thead th, #BodyMP .rz-grid-table thead th, #BodyMP .rz-cell-filter, #BodyMP .rz-paginator {
    background-color: var(--CustomColorBack);
}

a {
color: var(--CS_color1)!important;
cursor:pointer;
}

.rz-spinner-button, [b-d3hyyr2r9f] .btnDetail {
background-color: var(--CS_color1)!important;
}

.btnPlusMoins {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}