@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@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');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
	--fixwidth: 1340px;
	--green: #91AE3B;
	--blue: #124170;
	--blackWithOpactiy: #2323238C;
}

#ToggleMenu { display: none; }

/*================================*/
/* Repeated Style use this class */
/*================================*/
.Repeatedpara {
	color: rgba(35, 35, 35, 0.55);
	text-align: center;
	font-family: Poppins;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 100% */
	margin: 0;
}
.RepeatedheadTwo {
	color: #124170;
	font-family: "Playfair Display";
	font-size: 46px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.RepeatedLongpara {
	color: #1B1B1B;
	text-align: center;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	width: 1103px;
}
.spacer {
	height: 150px;
	width: 100%;
}
a {
	outline: none !important;
	text-decoration: none;
}

/*================================*/
/************ Header **************/
/*================================*/
header {
	-webkit-box-shadow: unset !important;
	box-shadow: unset !important;
}
header .top {
	background: var(--green);
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
header .top section {
	width: var(--fixwidth);
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 50px;
}
header .top section ul {
	display: flex;
	align-items: center;
	margin: 0;
	gap: 50px;
}
header .top section ul a {
	color: #FFF !important;
	font-family: Lato;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: 19.5px; /* 130% */
	display: flex;
	align-items: center;
	gap: 8px;
}
header .top section ul a:first-child img { height: 21px; width: 21px; object-fit: contain;}
header .top section ul a img { height: 21px; width: 27px; object-fit: contain;}
header .top section ul a:last-child img { height: 17px; width: 15px; object-fit: contain;}
header .top section span {
	color: #FFF;
	font-family: Lato;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: 19.5px; /* 130% */
}


header .middle {
	display: flex;
	justify-content: center;
}
header .middle section {
	width: var(--fixwidth);
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 71px;
	margin: 10px 0;
}
header .middle section img {
	width: 108.153px;
	height: auto;
}
header .middle section ul {
	display: flex;
	align-items: center;
	margin: 0;
	gap: 40px;
}
header .middle section ul a {
	color: #000 !important;
	font-family: "poppins";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 100% */
}
header .middle section .middleRight {
	display: flex;
	align-items: center;
	gap: 18px;
}
header .middle section .middleRight div#_desktop_user_info {
	order: 1;
}
header .middle section .middleRight .wishlistIcon {position: relative;}
header .middle section .middleRight .wishlistIcon img {
	width: 23px;
	height: auto;
}
header .middle section .middleRight .wishlistIcon .count-wishlist-product {
	position: absolute;
	top: 10px;
    right: -5px;
    background: #D53541;
    width: 17px;
    height: 17px;
    font-size: 10px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    
}

header .middle #_desktop_user_info a i,
header .middle #_desktop_cart .header i,
header .middle #_desktop_cart span {
	display: none;
}
header .middle #_desktop_cart .header::after {
    content: '';
    display: inline-block; 
    width: 25px;
    height: 24px;
    background-image: url('/img/images/icons/shop.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 8px; 
    vertical-align: middle; 
}
header .middle #_desktop_user_info a::before {
    content: '';
    display: inline-block; 
    width: 25px;
    height: 24px;
    background-image: url('/img/images/icons/user.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 8px; 
    vertical-align: middle; 
}
header .middle #_desktop_user_info a.logout.hidden-sm-down {
	display: none;
}
header .middle #_desktop_user_info a {
	color: #000;
	font-family: "poppins";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 19.8px; /* 99% */
}
header .bottom {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 32px;
	border-top: 1px solid var(--green);
	border-bottom: 1px solid var(--green);
	margin: 0;
}

header .bottom a {
	display: flex;
	padding: 10px 20px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 60px;
	border: 1px solid #124170;
	color: #124170 !important;
	font-family: "poppins";
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 20px; /* 100% */
}
header .bottom  li.parent:first-child a:first-child {
	background: var(--blue);
	color: #FFF !important;
}
header .bottom a i {
	font-size: 15px;
}

header .bottom li {
	display: flex;
	flex-direction: column;
}
header .bottom li.parent {padding: 20px 0;}
header .bottom li.parent:hover .mega-menu {display: flex;}
header .bottom .mega-menu {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #FFF;
	z-index: 1000;
	display: none;
	flex-direction: column;
	align-items: center;
	padding: 20px 50px;
	gap: 24px;
	overflow: hidden;
}
header .bottom .mega-menu p {
	color: var(--blue);
	font-family: "poppins";
	font-size: 32px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}
header .bottom .mega-menu ul {
	display: flex;
	gap: 32px;
}
header .bottom .mega-menu li {
	border: 1px solid var(--blue);
	border-radius: 20px;
	box-shadow: 0 4px 7.7px 0 rgba(0, 0, 0, 0.25);
	display: flex;
	width: 300px;
	height: 340px;
	padding: 20px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 24px;
	background: #FFF;
}

header .bottom .mega-menu li img {
	width: 225px;
	height: 225px;
	flex-shrink: 0;
	aspect-ratio: 1/1;
}
header .bottom .mega-menu li a {
	display: flex;
	width: 260px;
	padding: 10px 0px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 60px;
	border: 1px solid #91AE3B;
	color: var(--green) !important;
	font-family: "poppins";
	font-size: 19px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align: center;
}
header .bottom .mega-menu li a:hover {
	color: #FFF !important;
	background: var(--green);
}

header.scrolled {
	position: fixed !important;
	top: 0;
	z-index: 999;
	width: 100%;
}
body header.scrolled .top {
    display: none !important;
}
header.scrolled .middle section {
	margin: 0 !important;
}
header.scrolled .middle section img {
     width: 75.153px;
}
header.scrolled .bottom li.parent {
	padding: 10px 0;
}


/*================================*/
/************ Footer **************/
/*================================*/

footer#footer {
	background: var(--blue);
	display: flex;
	justify-content: center;
	/*align-items: center;*/
	padding: 0;
	min-height: 567px;
}
footer .content {
	width: var(--fixwidth);
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
footer .content .top {
	display: flex;
	justify-content: space-between;
}
footer .content .top .topLeft {
	width: 318px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
}
footer .content .top .topLeft p {
	color: #FFF;
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

footer .content .top .topRight {
	display: flex;
	gap: 73px;
}
footer .content .top .topRight .col {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
footer .content .top .topRight .col p {
	color: #FFF;
	font-family: "poppins";
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
footer .content .top .topRight .col a {
	color: #FFF;
	font-family: "poppins";
	font-size: 16px;
	font-style: normal;
	font-weight: 350;
	line-height: normal;
	display: flex;
	align-items: center;
	gap: 14px;
}
footer .content .top .topRight .ContactIcon  { width: 15px;}
footer .content .top .topRight .col:last-child div {
	display: flex;
	gap: 12px;
}
footer .content .top .topRight .col:last-child div img { width:25px; }


footer .content .bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 24px;
	border-top: 1px solid #FFF;
}
footer .content .bottom p {
	color: #FFF;
	font-family: "poppins";
	font-size: 16px;
	font-style: normal;
	font-weight: 350;
	line-height: 24px; /* 150% */
	margin: 0;
}
footer .content .bottom p a {
	font-weight: 600;
	color: #fff;
	font-size: 15px;
}
footer .content .bottom p a span {
	color: #28abd7;
}
footer .content .bottom img {
	height: 23.764px;
}




/*================================*/
/************ Homepage ************/
/*================================*/
#wrapper .container .row #content-wrapper,
#wrapper .container .row,
#wrapper .container,
#wrapper {
	all: unset;
}
section#main {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0;
	margin: 0;
	min-width: 100% !important;
}

.heroSection {
	background-image: url('/img/images/novelfen_herosection.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 601px;
	width: 100%;
	position: relative;
}
.heroSection .overlay {
	background: linear-gradient(
		92deg,
		rgba(0,0,0,0.5) 36%,
		rgba(0,0,0,0) 60%
	);
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	inset: 0;
	z-index: 0;
}
.heroSection .content {
	position: absolute;
	z-index: 1;
	left: 0;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.heroSection .content .contentFixed {
	width: var(--fixwidth);
}
.heroSection .content h1 {
	color: #FFF;
	font-family: "Playfair Display";
	font-size: 72px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.heroSection .content h2 {
	position: relative;
	height: 75px;
	background: var(--blue);
	color: #FFF;
	font-family: Poppins;
	font-size: 32px;
	font-weight: 400;
	display: inline-flex;
	align-items: center;
	width: fit-content;
	padding: 0 30px;
	padding-left: calc(0px + (100vw - var(--fixwidth)) / 2);
	margin-left: calc(-1 * (100vw - var(--fixwidth)) / 2);
}
.heroSection .content p {
	color: #FFF;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	width: 605px;
}
.heroSection .content a {
	display: flex;
	padding: 10px 20px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 61px;
	background: #91AE3B;
	color: #FFF;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	width: fit-content;
	line-height: normal;
}



.NosActualitesSection,
.NosArticlesSection,
.aboutusSection {
    /*width: var(--fixwidth);*/
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
}
.aboutusSection .cards {
    display: flex;
    width: var(--fixwidth);
    margin-top: 50px;
    gap: 0px; 
}

.aboutusSection .card {
    flex: 1; 
    display: flex;
    justify-content: space-between;
    height: 461px;
    position: relative;
    background: var(--green);
    transition: flex 0.5s ease; 
    overflow: hidden;
}

.aboutusSection .card:hover {
    flex: 3;
}
.aboutusSection .card p.title{
	color: #FFF;
	font-family: Poppins;
	font-size: 36px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	
	writing-mode: sideways-lr;
    text-orientation: inherit;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 72px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.aboutusSection .card .cardContent {
    width: 100%; 
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    position: relative;
    transition: all 0.5s ease;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.aboutusSection .card.c1 .cardContent { background-image: url('/img/images/fenetres.png'); }
.aboutusSection .card.c2 .cardContent { background-image: url('/img/images/portes.png'); }
.aboutusSection .card.c3 .cardContent { background-image: url('/img/images/volets.png'); }
.aboutusSection .card.c4 .cardContent { background-image: url('/img/images/baiesVitrees.png'); }
.aboutusSection .card.c5 .cardContent { background-image: url('/img/images/accessoires.png'); }
.aboutusSection .card.c6 .cardContent { background-image: url('/img/images/garage.png'); }

.aboutusSection .card .cardContent .overlay {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: #00000080;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease;
}
.aboutusSection .card .cardContent div.content {
    position: absolute;
    inset: 0;
    z-index: 1;
    padding: 0 26px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease;
}
.aboutusSection .card .cardContent a {
    color: #FFF;
    font-family: Poppins, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;
    background: var(--blue);
    border-radius: 60px;
    width: fit-content;
}
.aboutusSection .card .cardContent p {
    color: #FFF;
    font-family: Poppins, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
}
.aboutusSection .card:hover .cardContent .overlay,
.aboutusSection .card:hover .cardContent div.content {
    opacity: 1;
    visibility: visible;
}



.EtapesConfigurationSection {
	background: #FCFFF3;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 100px 0;
}
.EtapesConfigurationSection .content {
	width: var(--fixwidth);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.EtapesConfigurationSection .content .grid {
	display: flex;
	justify-content: space-between;
	gap: 52px;
	margin-top: 50px;
}
.EtapesConfigurationSection .content .grid .col {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 226px;
}
.EtapesConfigurationSection .content .grid .col .top {
	display: flex;
	align-items: center;
	gap: 16px;
}
.EtapesConfigurationSection .content .grid .col .top p {
	width: 55px;
	height: 55px;
	background: #124170;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
	text-align: center;
	font-family: "Open Sans";
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin: 0;
}
.EtapesConfigurationSection .content .grid .col .top img {
	width: 80px;
}
.EtapesConfigurationSection .content .grid .col .bottom h3 {
	color: #124170;
	font-family: Poppins;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 136.125%; /* 32.67px */
	text-transform: capitalize;
}
.EtapesConfigurationSection .content .grid .col .bottom p {
	color: #423D3D;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: 25px; /* 138.889% */
	margin: 0;
}




/*================================*/
/*********** Product card *********/
/*================================*/
.product-list-reviews {
	display: none;
}
section.featured-products.clearfix {
	width: 100% !important;
}
.productCard {
	border-radius: 8px;
	border: 1px solid var(--blue);
	background: #FFF;
	width: calc(320px - 23px);;
	padding: 15px 23px;
}
.productCard .product-miniature {
	height: 100%;
}
/*.productCard .product-miniature .thumbnail-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
*/
.product-miniature .thumbnail-container:hover .product-description::after,
.productCard .highlighted-informations {display: none;}
.productCard .product-title {
	margin-bottom: 12px;
	width: 100%;
	text-align: left;
}
.productCard .product-title a {
	color: #4B4743;
	font-family: Poppins;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 0; /* 127.5% */
	text-align: left;
}  
.productCard .price {
	display: flex;
	align-items: self-end;
	gap: 5px;
}
.productCard .price {
	color: var(--blue);
	font-family: Poppins;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 4px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.productCard .price span {
	color: var(--blue);
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 0px; 
}
.productCard .price .priceDiscount {
	display: flex;
	align-items: center;
	width: 100%;
	gap: 8px;
}
.productCard .price .priceDiscount .price-ht {
	color: #4B4743;
	font-family: Poppins;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 24.75px;
	position: relative;
}
.productCard .price .priceDiscount .price-ht span {
	color: #4B4743;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24.75px; /* 154.688% */
}
.productCard .price .priceDiscount .price-ht::after {
	content: '';
	display: flex;
	position: absolute;
	top: 50%; 
	left: 0;
	background: #FFFF54;
	height: 2px;
	width: 100%;
	transform: rotate(-4deg); /* rotate the line */
    transform-origin: left center;
} 
.productCard .price .priceDiscount .tax-rate {
	display: flex;
    height: 3px;
    padding: 5px 5px 11px 5px;
    align-items: flex-start;
    border-radius: 8px;
    background: #D53541;
    color: #FFF;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 0.5;
    width: fit-content;
}

.productCard .product-description {
	display: flex;
	flex-direction: column;
	align-items: start;
}
.productCard .cartbtns {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-top: 12px;
}
.productCard .cartbtns a {
	display: flex;
	/*width: 274px;*/
	padding: 5px 20px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background: var(--green);
	border-radius: 61px;
	color: #FFF;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.productCard .wishlist-button-add {
	top: -10px !important;
    right: -9px !important;
	box-shadow: unset !important;
	background: unset !important;
	padding: 0 !important;
}
.productCard .wishlist-button-add i {
	color: #4B4743 !important;
	font-size: 25px !important;
}
.product-miniature .thumbnail-container .product-thumbnail {
	height: 100%;
}
.productCard .thumbnail-container {
	margin: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.productCard .thumbnail-top img {
	width: 100%;
	height: auto;
	object-fit: cover;
}
.productCard .product-flags {
	padding: 0 !important;
	margin: 0 !important;
	 display: flex;
    gap: 4px;
    width: 90%;
    flex-direction: row;
    flex-wrap: wrap;
}
.productCard .product-flags .product-flag {
	padding: 3px 10px !important;
	margin: 0 !important;
	min-height: fit-content !important;
	min-width: fit-content !important;
	background: var(--blue) !important;
    
    font-size: 12px;
    font-weight: 500 !important;
    border-radius: 4px;
}
.productCard .product-flags .product-flag.discount { display:none; }

._desktop_wishlist_icon {
	position: absolute;
	top: 0;
	right: 0;
}

.productCard .nxtal-wishlist-icon {
	top: 0 !important;
	right: 0 !important;
	padding: 0 !important;
	background: unset;
}
.productCard .nxtal-wishlist-icon i {
	color: #4B4743;
}
.productCard .nxtal-wishlist-icon.active i {
	color: #D53541;
}


/*================================*/
/*********** Blog card *********/
/*================================*/
.novelfen.content {
	width: var(--fixwidth);
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 98px;
	margin-top: 50px;
}
.novelfen.content article.novelfen.card {
	position: relative;
	padding-top: 32px;
	margin: 0 !important;
}
.novelfen.content article.novelfen.card  div.date {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 85px;
	height: 85px;
	padding: 16px 18px;
	flex-direction: column;
	gap: 4px;
	background: var(--blue);
	color: #FFF;
	font-family: Lato;
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: 32px; /* 100% */
	letter-spacing: 1px;
	position: absolute;
	top: 0;
	left: 30px;
}
.novelfen.content article.novelfen.card  div.date span:last-child {
	color: #FFF;
	font-family: Lato;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px; /* 100% */
	letter-spacing: 4px;
	text-transform: uppercase;
}	
.novelfen.content article.novelfen.card  p.blogtxt {
	display: flex;
	padding: 10px 20px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 25px;
	border: 1px solid #91AE3B;
	background: #FFF;
	color: #91AE3B;
	font-family: Lato;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 14px; /* 87.5% */
	letter-spacing: 1px;
	width: fit-content;
	margin-top: 32px;
}
.novelfen.content article.novelfen.card  p.text {
	color: #121212;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 28px; /* 155.556% */
	letter-spacing: 0.3px;
	margin-top: 16px;
}
.novelfen.card .sedestral.blog-img img {
	width: 100%;
}


/*================================*/
/******** Blog Page Details *******/
/*================================*/
#module-sedestral-post .breadcrumb {
	display: none;
}
#module-sedestral-post h1 {
	color: var(--black, #000);
	font-family: Poppins;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.3px;
}
article.sedestral.single-post {
	/*border: 3px solid red;*/
	width: var(--fixwidth);
	padding-top: 34px;

}
article.sedestral.single-post .blog-post-wrapper {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
}
article.sedestral.single-post .sedestral.content {
	border-left: 3px solid #124170;
	padding-left: 10px;
}
article.sedestral.single-post .blog-date-badge {
	position: absolute;
    top: 15px;
    left: 15px;
    display: flex;
	width: 85px;
	height: 85px;
	padding: 16px 18px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	background: var(--blue);
}
article.sedestral.single-post .blog-date-badge span:first-child {
	color: #FFF;
	font-family: Lato;
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: 32px; /* 100% */
	letter-spacing: 1px;
}
article.sedestral.single-post .blog-date-badge span:last-child {
	color: #FFF;
	font-family: Lato;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 16px; /* 100% */
	letter-spacing: 1px;
}

article.sedestral.single-post .sedestral.content p {
	color: var(--gris, #6E6E6E);
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin: 0;
	padding: 0;
}

.blog-post-wrapper .blog-post-sidebar {
	width: 350px;
	height: fit-content;
	border-radius: 4px;
	background: var(--gray-light, #F9F9FB);
	padding: 28px 15px;
}
.blog-post-wrapper .blog-post-sidebar h3 {
	color: var(--black, #000);
	font-feature-settings: 'liga' off, 'clig' off;
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
	border-left: 4px solid var(--green);
	padding: 0;
	margin: 0;
	padding-left: 6px;
	margin-bottom: 32px;
}
.blog-post-wrapper .blog-post-sidebar .sidebar-recent-item {
    display: flex;
    gap: 12px;
    margin-bottom: 15px;
    text-decoration: none;
    color: inherit;
}

.blog-post-wrapper .blog-post-sidebar .sidebar-recent-item img {
	aspect-ratio: 1 / 1;
	width: 107px;
	height: auto;
	object-fit: cover;
}
.blog-post-wrapper .blog-post-sidebar .sidebar-recent-item h4 {
	color: var(--black, #000);
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px; /* 142.857% */
	text-transform: capitalize;
	margin: 0;
}
.blog-post-wrapper .blog-post-sidebar .sidebar-recent-item .sidebar-date {
	color: var(--gris, #6E6E6E);
	font-family: Poppins;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px; /* 150% */
	letter-spacing: 0.25px;
}

/*================================*/
/********** AboutUs page **********/
/*================================*/
body.cms-id-4 nav.breadcrumb {
	display: none;
}
.aboutpage {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.aboutHeroSection {
	display: flex;
	align-items: center;
	gap: 30px;
}
.aboutHeroSection div {
	margin-left: 6%;
}
.aboutHeroSection h1 {
	color: #124170;
	font-family: "Playfair Display";
	font-size: 46px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.aboutHeroSection p {
	color: #1B1B1B;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin: 0;
}

.expertiseSection {
	width: var(--fixwidth);
	display: flex;
	flex-direction: column;
	align-items: center;
}
.expertiseSection .cards {
	display: flex;
	gap: 20px;
	margin-top: 50px;
}
.expertiseSection .cards .card {
	border-radius: 10px;
	background: #FFF;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.10);
	display: flex;
	width: 100%;
	padding: 20px;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}
.expertiseSection .cards .card h3 {
	color: #91AE3B;
	font-family: Poppins;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.3px;
	display: flex;
	gap: 10px;
	align-items: center;
}
.expertiseSection .cards .card h3 img { height:auto; width:48px; }
.expertiseSection .cards .card:nth-child(3) h3 img { height:auto; width:36px; }
.expertiseSection .cards .card p {
	color: #423D3D;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; /* 144.444% */
	letter-spacing: 0.3px;
}



/*================================*/
/******** ACTUALITÉS page *********/
/*================================*/
body.cms-id-6 nav.breadcrumb {
	display: none;
}
.actualitesPage {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.actualitesPage section {
	width: var(--fixwidth);
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 31px;
}


/*================================*/
/********** Contact page **********/
/*================================*/
body#contact #left-column,
body#contact .breadcrumb {
	display: none;
}
.contactpage {
	width: var(--fixwidth);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}
.actualitesPage h1,
.contactpage h1 {
	color: #124170;
	font-family: "Playfair Display";
	font-size: 46px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align: center;
	margin-top: 35px;
}
.contactpage form {
	display: inline-flex;
	padding: 20px;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
	border-radius: 15px;
	border: 1px solid #BDBDBD;
	width: 70%;
}
.contactpage form .contactRow {
	width: 100%;
	display: flex;
	justify-content: space-between;
	gap: 35px;
}
.contactpage form label {
	width: 50%;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 4px;
    color: var(--Colors-Text-primery, #1A1A1A);
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 133.333% */
}
.contactpage form label input {
	border-radius: var(--Corner-Small, 8px);
	border: 1px solid var(--Colors-Stroke-Input-Default, #EBEBEB);
	background: var(--Colors-Background-white, #FFF);
	display: flex;
	padding: var(--Spacing-Spacing-s, 12px);
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	outline: none;
	color: #000;
	font-family: Lexend;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 20px; /* 142.857% */
}
.file-upload {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  height: 44px;
  background: #F5F5F5;
  border-radius: 8px;
  cursor: pointer;
  font-size: 16px;
  color: #595959;
  border: 1px solid #EBEBEB;
  transition: background 0.2s;
}
input#contactpage-tel {
	width: 100% !important;
}
.iti__selected-dial-code {
	color: #000;
	font-family: Lexend;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 20px; /* 142.857% */
}
.contactpage .contactCol label,
.contactpage .contactCol {
	width: 100%;
}
.contactpage .contactCol label textarea {
	width: calc(100% - 27px);
	display: flex;
	height: 135px;
	padding: var(--Spacing-Spacing-s, 12px);
	align-items: flex-start;
	gap: 4px;
	flex-shrink: 0;
	align-self: stretch;
	border-radius: var(--Corner-Small, 8px);
	border: 1px solid var(--Colors-Stroke-Input-Default, #EBEBEB);
	background: var(--Colors-Background-white, #FFF);
	color: #000;
	font-family: Lexend;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 20px; /* 142.857% */
	outline: none;
	resize: none;
}

.contactpage input.btn.btn-primary {
	border-radius: 61px;
	background: #91AE3B;
	display: flex;
	height: 51px !important;
	padding: 0px 20px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	color: #FFF;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: capitalize;

}



/*================================*/
/***** Product Details page *******/
/*================================*/
body#product.page-product #wrapper {
	
	width: 100%;
	display: flex;  
	justify-content: center;
}
body#product.page-product #wrapper .container {
	width: var(--fixwidth);
	/*width: 100%;*/
	padding-top: 38px;
}

body#product.page-product #wrapper .breadcrumb {
	display: flex;
	padding: 10px 20px;
	flex-direction: column;
	align-items: flex-start;
	border-radius: 4px;
	background: rgba(121, 121, 121, 0.06);
	width: fit-content;
}

body#product.page-product #wrapper .breadcrumb li {
	color: #2A3B43;
	font-family: Poppins;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 11.25px; /* 93.75% */
	display: inline-flex;
	align-items: center;
}
#wrapper .breadcrumb li::after {
	content: '' !important;
	background-image: url('/img/images/icons/arrowRight.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: inline-flex;
	height: 14px;
	width: 14px;
}
#wrapper .breadcrumb li:last-child::after {
    display: none;
}

/*LEFT*/
#product #content {
	max-width: fit-content;
	padding: 0;
	margin: 0;
}
body#product.page-product .images-container.js-images-container {
	display: flex;
	gap: 12px;
}
body#product.page-product .page-content .product-flags {
	left: 105px;
	top: 10px;
	width: fit-content;
	gap: 8px;
}

body#product.page-product .product-flags li {
	padding: 3px 10px !important;
    margin: 0 !important;
    min-height: fit-content !important;
    min-width: fit-content !important;
    background: var(--blue) !important;
    font-size: 12px;
    font-weight: 500 !important;
    border-radius: 4px;
}
body#product.page-product .product-flags li.discount {display: none;}
ul.product-images.js-qv-product-images li.thumb-container .thumb:hover,
.product-images>li.thumb-container .thumb.selected {
	border: 3px solid var(--green) !important;
}

#main .images-container .js-qv-mask.scroll,
#main .images-container .js-qv-mask {
	min-width: 83px !important;
	width: 83px !important;
	order: -1;
	overflow: visible !important;
	height: auto !important;
	white-space: normal !important;
	padding: 0;
	margin: 0;
}
ul.product-images.js-qv-product-images {
	display: flex !important;
	flex-direction: column !important;
	align-items: center;
	width: 100% !important;
	position: static !important;
	transform: none !important;
	translate: none !important;
}
ul.product-images.js-qv-product-images li.thumb-container {
	width: 100% !important;
	height: auto !important;
	display: block !important;
	float: none !important;
}
ul.product-images.js-qv-product-images li.thumb-container .thumb {
	cursor: pointer;
	width: 100% !important;
	height: auto !important;
}
.scroll-box-arrows.scroll,
.scroll-box-arrows {
	display: none !important;
}
.product-cover-image.js-product-cover-image {
	border-radius: 5px;
	border: 1px solid #797979;
	width: 100%;
	aspect-ratio: 1/1;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.product_description.mobile { display:none }
.product_description span {
	font-size: 16px;
	color: #000;
	font-weight: 400;
}
.product_description ul,
.product_description p,
.product_description {
	border-radius: 0 0 5px 5px;
	background: #F6F6F6;
	display: flex;
	width: calc(100% - 40px);
	height: fit-content;
	padding: 13.12px 21px 32.88px 22px;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	flex-shrink: 0;
	color: #000;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
	color: #000;
}
.product_description ul {gap: 0;}
.product_description p {
	padding: 0;
}

.product_description ul {
	list-style-position: inside;
	list-style-type: disc;
	padding: 0;
}
.product_description h2 {
	color: #124170;
	font-family: "Playfair Display";
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.48px;
}
.product_description p {
	margin: 0;
}
.product_description .description-content {
	overflow: hidden;
	transition: max-height 0.4s ease;
}
.product_description .description-content.collapsed {
	max-height: 15em; /* ~10 lines (1.5em line-height x 10) */
}
.product_description .description-content.expanded {
	max-height: none;
}
.voir-plus-btn {
	color: #4D4D4D;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
	outline: none;
    background: no-repeat;
    border: none;
    cursor: pointer;
}
.voir-plus-btn:hover {
	color: #0d2f52;
}
.voir-plus-btn:focus {outline: none;}

.row.product-container.js-product-container {
	display: flex !important;
	gap: 16px !important;
}
.row.product-container.js-product-container .col-md-6{
	padding: 0;
}

body#product.page-product h1 {
	color: #124170;
	font-family: "Playfair Display";
	font-size: 46px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
body#product.page-product .textTitle {
	color: #1B1B1B;
	font-family: Poppins;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin: 0;
	padding: 0;
}
body#product.page-product .avisWishlist ._desktop_wishlist_icon {
	position: relative;
}
body#product.page-product .promo {
	display: flex;
	width: fit-content;
	padding: 10px 20px;
	justify-content: center;
	align-items: flex-start;
	gap: 12px;
	border-radius: 4px;
	background: #124170;
	color: #FFF;
	font-family: Poppins;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
body#product.page-product .promo span {
	display: flex;
	width: fit-content;
	padding: 5px 10px;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
	border-radius: 4px;
	background: #91AE3B;
	color: #FFF;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 22px; /* 137.5% */
}

.caracteristiques-table {
	display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    margin: 0;
    	margin-top: 12px;
}

.caracteristiques-table h2 {
	display: flex;
	width: 100%;
	height: 48px;
	padding: 0;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 4px 4px 0 0;
	background: #124170;
	box-shadow: 0 8px 24px 0 rgba(149, 157, 165, 0.20);
	color: #FFF;
	text-align: center;
	font-family: Poppins;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 23.1px; /* 115.5% */
	margin: 0;
}
.caracteristiques-table table {
	padding: 0;
    margin: 0;
    width: 100%;
}
.caracteristiques-table table tr {
	display: flex;
}
.caracteristiques-table table td {
	display: flex;
	padding: 14px 18px 16px 18px;
	flex-direction: column;
	align-items: flex-start;
	flex: 1 0 0;
	align-self: stretch;
}
.caracteristiques-table table td.feature-name {
	border-bottom: 2px solid #FFF;
	background: #EEECEC;
	color: #222;
	font-family: "DM Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 19.2px; /* 137.143% */
}
.caracteristiques-table table td.feature-value {
	border-bottom: 2px solid #FFF;
	background: #F6F5F5;
	color: #222;
	font-family: "DM Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 19.2px; /* 137.143% */
}

.btnCalc:hover,
.btnCalc {
	display: flex;
	height: 46px;
	justify-content: center;
	align-items: center;
	gap: 16px;
	flex: 1 0 0;
	border-radius: 4px;
	background: #91AE3B;
	color: #FFF;
	text-align: center;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 18px; /* 100% */
	margin-top: 12px;
}

.paymentSec {
	margin-top: 12px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.paymentSec p.securise {
	display: flex;
	align-items: center;
	gap: 5px;
	color: #838181;
	font-family: Poppins;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 22px; /* 183.333% */
	margin: 0;
}
.paymentSec p.securise img {
	width: 23.256px;
}

.paymentSec img.payment {
	width: 100%;
    height: 37px;
    object-fit: contain;
}
.paymentSec .box {
	display: flex;
	width: calc(100% - 40px);
	height: 141px;
	padding: 0 20px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	border-radius: 4px;
	border: 1px solid #797979;
}
.paymentSec .box p {
	color: #191B35;
	font-family: Poppins;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-transform: capitalize;
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
}
.paymentSec .box p img {
	height: 36px;
	width: auto;
}
.paymentSec .box p span.colored {
	color: #05B77F;
	font-family: Poppins;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-transform: capitalize;
}
.paymentSec .box .imgs {
	display: flex;
	align-items: center;
	gap: 20px;
}
.paymentSec .box .imgs img {
	width: 67px;
	height: auto;
	object-fit: contain;
	aspect-ratio: 1 / 1;
}
.paymentSec p.question {
	color: #250B19;
	text-align: center;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.paymentSec p.question a {
	color: #91AE3B;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
/*body#product.page-product #product-comments-list-header:last-child,
body#product.page-product #empty-product-comment:last-child,
body#product.page-product #product-comments-list-footer:last-child,
body#product.page-product #product-comments-list:last-child {
	display: none;
}

body#product.page-product .avisWishlist .social-sharing,
body#product.page-product .avisWishlist .product-comments-additional-info,
body#product.page-product .avisWishlist ._desktop_wishlist_link {
	display: none;
}*/

div#product-comments-list-header,
div#product-comments-list,
div#product-comments-list-footer,
a.link-comment,

body#product.page-product .avisWishlist .comments-note span,
body#product.page-product .avisWishlist .social-sharing,
body#product.page-product .avisWishlist ._desktop_wishlist_link {
	display: none;
}
a.link-comment.post-product-comment { 
	display:flex; 
	align-items: center;
	gap: 8px;
	margin: 0;
}
i.material-icons.edit {
	font-size: 18px;
}

body#product.page-product .avisWishlist .product-comments-additional-info {
	align-items: center;
	margin: 0;
}
body#product.page-product .avisWishlist .product-comments-additional-info div {
	margin: 0 !important;
	padding: 0 !important;
}
body#product.page-product .avisWishlist .product-comments-additional-info button.btn.btn-comment.post-product-comment {
	padding: 0px;
	height: fit-content;
	color: #000;
	box-shadow: unset;
	background: #FFF;
	outline: none;
}

body#product.page-product .featured-products {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 !important;
	padding: 0 !important;
	gap: 50px;
	width: 1409px !important;
}
body#product.page-product .featured-products h2:first-child {
	color: #124170;
	font-family: "Playfair Display";
	font-size: 46px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	line-height: 1;
}


body#product.page-product .featured-products .products {
	display: flex;
	justify-content: center;
	gap: 10px;
}
.product-miniature .thumbnail-container .product-thumbnail img {
    height: 242.16px;
    object-fit: contain;
}

body#product.page-product .avisWishlist {
	margin: 10px 0 15px 0;
	display: flex;
	align-items: center;
	gap: 15px;
}
/*body#product.page-product .avisWishlist .social-sharing,
body#product.page-product .avisWishlist .product-comments-additional-info,
body#product.page-product .avisWishlist ._desktop_wishlist_link {
	display: none;
}*/
body#product.page-product .avisWishlist .nxtal-wishlist-icon {
	position: unset !important;
	width: fit-content;
}
body#product.page-product .avisWishlist .nxtal-wishlist-icon.active {
	color: #D53541;
}



/*================================*/
/****** Page child categori *******/
/*================================*/
body#category nav.breadcrumb:first-of-type {                                                                                                    
	display: none;                                                                                                                                
}	
body#category nav.breadcrumb.cate {                                                                                                    
	display: block;                                                                                                                                
}	
body#category #left-column {
	display: none;
}
body#category nav.breadcrumb a {
	color: rgba(35, 35, 35, 0.55);
	text-align: center;
	font-family: Poppins;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 100% */
}
body#category .card-block.category-additional-description {
	padding: 0;
}
body#category .card-block.category-additional-description h1 {
	color: #124170;
	font-family: "Playfair Display";
	font-size: 46px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
body#category .card-block.category-additional-description p {
	color: #1B1B1B;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
body#category .card-block.category-additional-description p a {
	border-radius: 61px;
	background: #91AE3B;
	display: flex;
	width: 274px;
	padding: 5px 20px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	color: #FFF;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.novelfenCategoryTop {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.novelfenCategoryTop .category-footer-cover {
	min-width: 50%;
	margin-left: 30px;
}
.novelfenCategoryTop .category-footer-cover img {
	width: 100%;
	height: auto;
    object-fit: cover;
}
.novelfenCategoryTop .category-footer-text {
	margin-left: 6%;
}


.typeProject {
	width: 100%;
	display: flex;
    flex-direction: column;
    align-items: center;
}

.typeProject .content {
	margin-top: 50px;
	width: 100%;
	background: #FCFFF3;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.typeProject .content .rowCard {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: end;
	/*gap: 85px;*/
}
.typeProject .content .rowCard:nth-child(2) {
	justify-content: start;
}

.typeProject .content ul li {
	list-style-type: disc;
	list-style-position: inside;
}

.typeProject .content li,
.typeProject .content p {
	color: #1B1B1B;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.typeProject .content p.bd {
	font-weight: 500;
}
.rowCard img {
	width: 50%;
	object-fit: cover;
}
.rowCard div {
	width: 605px;
	margin-right: 30px;
}
.rowCard:nth-child(2) div {
	margin-right: 0;
	margin-left: 85px;
}

.configurezSection {
	width: var(--fixwidth);
	display: flex;
	flex-direction: column;
	align-items: center;
}

.configurezSection .content {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin-top: 50px;
}
.configurezSection .card {
	border-radius: 10px;
	background: #FFF;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.10);
}
.configurezSection .card  img {
	height: 214px;
	width: 100%;
	object-fit: cover;
}
.configurezSection .card div {
	padding: 20px;
}
.configurezSection .card h3 {
	color: #91AE3B;
	font-family: Poppins;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.3px;
}
.configurezSection .card p {
	color: #423D3D;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; /* 144.444% */
	letter-spacing: 0.3px;
}

#productsCategory {
	/*border: 1px solid red;*/
	/*width: var(--fixwidth);*/
}
#productsCategory #js-product-list .pagination,
#productsCategory #js-product-list-top {
	display: none;
}
#productsCategory #js-product-list .products.row{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	justify-content: center;
	gap: 10px;
}




/*================================*/
/********* WishlistPage ***********/
/*================================*/
body#module-nxtalwishlist-wishlist nav.breadcrumb li {
	display: inline-flex;
}
body#module-nxtalwishlist-wishlist #wrapper,
body#module-nxtalwishlist-wishlist #wrapper .container {
	display: flex;
	flex-direction: column;
	align-items: center;
}
body#module-nxtalwishlist-wishlist #wrapper .container {
	width: var(--fixwidth);
}

body#module-nxtalwishlist-wishlist nav.breadcrumb {
	width: 100%;
	margin-top: 38px;
}
body#module-nxtalwishlist-wishlist section#content,
body#module-nxtalwishlist-wishlist div.row {
	width: 100% !important;
}
body#module-nxtalwishlist-wishlist #created-wishlist .nxtal-wishlist-cart.card {
	box-shadow: unset;
}
body#module-nxtalwishlist-wishlist .card-block-item h2 {
    font-family: Poppins;
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: math-auto;
}
body#module-nxtalwishlist-wishlist .card-block-item i {
	display: none;
}
body#module-nxtalwishlist-wishlist .nxtal-wishlist-cart .card-block .card-block-item:nth-child(n+2) {
	display: flex;
    align-items: center;
    justify-content: end;
}

body#module-nxtalwishlist-wishlist .cart-item .product-line-grid-body a.label {
	color: #4B4743;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 25.5px;
    text-align: left;
}
body#module-nxtalwishlist-wishlist .cart-item .product-line-grid-body span.price {
	color: var(--blue);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 4px;
    display: flex;
    flex-direction: column;
}
body#module-nxtalwishlist-wishlist .cart-item .product-line-grid-body {
	display: flex;
    flex-direction: column;
    gap: 15px;
}
body#module-nxtalwishlist-wishlist .cart-item .col-md-12 {
	display: flex;
    justify-content: space-between;
    align-items: center;
}
body#module-nxtalwishlist-wishlist .btn.btn-primary.pull-right {
	box-shadow: unset;
	display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 61px;
    background: var(--blue);
    color: #FFF;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    width: fit-content;
    line-height: normal;
}
body#module-nxtalwishlist-wishlist .button-actions {
	padding: 0;
	margin: 15px 0;
}
body#module-nxtalwishlist-wishlist .button-actions .col-md-6.col-xs-6{
	width: 100%;
	display: flex;
	justify-content: center;
}
body#module-nxtalwishlist-wishlist .page-footer {
	display: none;
}
body#module-nxtalwishlist-wishlist section#content {
	margin-bottom: 100px;
}


/*================================*/
/********** mon-compte ************/
/*================================*/
body#my-account .container,
body#my-account #content-wrapper {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
}
body#my-account .container nav.breadcrumb {
	width: var(--fixwidth);
	margin-top: 38px;
}
body#my-account #main {
	min-width: var(--fixwidth) !important;
	width: var(--fixwidth) !important;
	margin-bottom: 100px;
}
body#my-account h1 {
	color: #124170;
    font-family: "Playfair Display";
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    margin-top: 35px;
    text-transform: capitalize;
}
body#my-account #content {
	width: 100% !important;
}

body#my-account #content .links {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	align-items: center;
}
body#my-account #content .links .col-lg-4.col-md-6.col-sm-6.col-xs-12 {
	width: 100%;
}
body#my-account #content .links .col-lg-4.col-md-6.col-sm-6.col-xs-12 span.link-item {
	color: #000;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 136.125%;
    text-transform: capitalize;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.page-my-account #content .links a i {
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
	color: #FFF;
	background: var(--blue);
	width: fit-content;
	padding: 10px;
	border-radius: 55px;
}
body#my-account .page-footer a{
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 61px;
    background: var(--blue);
    color: #FFF !important;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    width: fit-content;
    line-height: normal;
}


/*================================*/
/********* authentication *********/
/*================================*/

body#authentication nav.breadcrumb {
	display: none;
}
body#authentication h1 {
	color: #124170;
    font-family: "Playfair Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    margin-top: 35px;
}
body#authentication .login-form {
	display: flex;
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    border-radius: 15px;
    border: 1px solid #BDBDBD;
    width: 35%;
}
body#authentication .login-form form {
	width: 100%;
}
body#authentication .login-form label {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 4px;
    color: var(--Colors-Text-primery, #1A1A1A);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
body#authentication .login-form .js-input-column {
	width: calc(100% - 25px);
	padding: 0;
}

body#authentication .login-form .input-group.js-parent-focus,
body#authentication .login-form input[type="email"] {
	border-radius: var(--Corner-Small, 8px);
    border: 1px solid var(--Colors-Stroke-Input-Default, #EBEBEB);
    background: var(--Colors-Background-white, #FFF);
    display: flex;
    padding: var(--Spacing-Spacing-s, 12px);
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    outline: none;
    color: #000;
    font-family: Lexend;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
}

body#authentication .login-form .input-group.js-parent-focus input {
	border: none;
	padding: 0;
	margin: 0;
	background: none;
}
body#authentication .login-form .input-group.js-parent-focus button {
	padding: 0;
	background: unset;
	color: var(--blue);
	outline: none;
	/*font-size: 0;*/
}
body#authentication .login-form #submit-login {
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 61px;
    background: var(--blue);
    color: #FFF;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    width: calc(100% - 40px);
    line-height: normal;
}
body#authentication .login-form .forgot-password {
	margin: 20px 0;
}
body#authentication .no-account a,
body#authentication .login-form .forgot-password a {
	color: #1B1B1B;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
body#authentication .no-account a {
	text-align: center;
}



/*================================*/
/*********** Identity *************/
/*================================*/
body#module-psgdpr-gdpr .breadcrumb,
body#order-slip .breadcrumb,
body#history .breadcrumb,
body#address .breadcrumb,
body#identity .breadcrumb {
	margin-top: 38px;
	width: var(--fixwidth);
}
body#module-psgdpr-gdpr section#wrapper,
body#order-slip section#wrapper,
body#history section#wrapper,
body#address section#wrapper,
body#identity section#wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
}

body#module-psgdpr-gdpr h1,
body#order-slip h1,
body#history h1,
body#address h1,
body#identity h1 {
	color: #124170;
    font-family: "Playfair Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    text-transform: capitalize;
}

body#module-psgdpr-gdpr section#main {
	max-width: var(--fixwidth);
	min-width: var(--fixwidth);
}



/*================================*/
/*********** Password *************/
/*================================*/

body#password .breadcrumb {
	margin-top: 38px;
	width: var(--fixwidth);
}
body#password section#wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
}
body#password h1 {
	color: #124170;
    font-family: "Playfair Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    text-transform: capitalize;
}
body#password .forgotten-password .form-fields .center-email-fields {
	flex-direction: column;
	gap: 10px;
}
body#password section#wrapper section.form-fields {
    width: 100%;
}
body#password section#wrapper form {
	display: flex;
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
    border-radius: 15px;
    border: 1px solid #BDBDBD;
    width: 35%;
    margin-bottom: 50px;
}
body#password section#wrapper form .send-renew-password-link {
	/*color: #1B1B1B;*/
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
body#password section#wrapper form div.form-group.center-email-fields label {
	    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 4px;
    color: var(--Colors-Text-primery, #1A1A1A);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    width: fit-content;
}
body#password section#wrapper form input[type='email'] {
	border-radius: var(--Corner-Small, 8px);
    border: 1px solid var(--Colors-Stroke-Input-Default, #EBEBEB);
    background: var(--Colors-Background-white, #FFF);
    display: flex;
    padding: var(--Spacing-Spacing-s, 12px);
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    outline: none;
    color: #000;
    font-family: Lexend;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    height: unset;
}
body#password section#wrapper form button#send-reset-link {
	display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 61px;
    background: var(--blue);
    color: #FFF;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    width: calc(100% - 40px);
    line-height: normal;
    margin-top: 15px;
}

body#password #back-to-login span,
body#password #back-to-login {
	color: #1B1B1B;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}



/*================================*/
/********* registration ***********/
/*================================*/
body#registration .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
body#registration .breadcrumb {
	margin-top: 38px;
	width: var(--fixwidth);
}
body#registration section#wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
}
body#registration h1 {
	color: #124170;
    font-family: "Playfair Display";
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    text-transform: capitalize;
}
body#registration .register-form {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 50px 0;
}
body#registration .register-form p:first-child a,
body#registration .register-form p:first-child {
	color: #1B1B1B;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}
body#registration .register-form p,
body#registration .register-form p:first-child {
	display: block;
    align-items: flex-start;
    justify-content: left;
    gap: 10px;
}
body#registration .register-form p:first-child span {
	    padding: 0;
    margin: 0;
    width: fit-content;
    text-align: left
}

body#registration .register-form p:first-child a {
	text-decoration: underline;
}

body#registration .register-form form {
	display: flex;
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    border-radius: 15px;
    border: 1px solid #BDBDBD;
    width: 50%;
}
body#registration .register-form form button.btn.btn-primary.form-control-submit.float-xs-right {
	display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 61px;
    background: var(--blue);
    color: #FFF;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    width: calc(100% - 40px);
    line-height: normal;
}
body#registration .register-form form label {
	display: flex;
    flex-direction: column;
    align-items: start;
    gap: 4px;
    color: var(--Colors-Text-primery, #1A1A1A);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
body#registration .register-form form input {
	border-radius: var(--Corner-Small, 8px);
    border: 1px solid var(--Colors-Stroke-Input-Default, #EBEBEB);
    background: var(--Colors-Background-white, #FFF);
    display: flex;
    padding: var(--Spacing-Spacing-s, 12px);
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    outline: none;
    color: #000;
    font-family: Lexend;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
}

body#registration .register-form form div.input-group.js-parent-focus {
	border-radius: var(--Corner-Small, 8px);
    border: 1px solid var(--Colors-Stroke-Input-Default, #EBEBEB);
    background: var(--Colors-Background-white, #FFF);
    display: flex;
    padding: var(--Spacing-Spacing-s, 12px);
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    outline: none;
    color: #000;
    font-family: Lexend;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
}
body#registration .register-form form footer.form-footer.clearfix {
	width: 100%;
}
body#registration .register-form form div.input-group.js-parent-focus input {
	border: none;
    padding: 0;
    margin: 0;
    background: none;
}
body#registration .register-form form div.input-group.js-parent-focus button {
	padding: 0;
    background: unset;
    color: var(--blue);
    outline: none;
}
body#registration .register-form form div.js-input-column.form-control-valign {
	display: flex;
	align-items: center;
}
body#registration .register-form form span.custom-checkbox label {
	color: #1B1B1B;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}
body#registration .register-form form span.custom-checkbox span {
	min-width: 18px;
}
body#registration .register-form form span.custom-checkbox:nth-child(2) label {
	flex-wrap: nowrap !important;
}



@media (max-width: 1024px) {
	/*================================*/
	/* Repeated Style use this class */
	/*================================*/
	.Repeatedpara {
		color: rgba(35, 35, 35, 0.55);
		text-align: center;
		font-family: Poppins;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 20px; /* 100% */
		margin: 0;
	}
	.RepeatedheadTwo {
		color: #124170;
		font-family: "Playfair Display";
		font-size: 35px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		text-align: center;
	}
	.RepeatedLongpara {
		color: #1B1B1B;
		text-align: center;
		font-family: Poppins;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		width: 100%;
	}
	.spacer {
		height: 80px;
		width: 100%;
	}

	/*================================*/
	/************ Header **************/
	/*================================*/
	#ToggleMenu {
		background: #fff;
		border: none;
		display: flex;
		width: 30px;
		padding: 0;
		order: 1;
		outline: none;
		cursor: pointer;
	}
	#ToggleMenu img {
		width: 100%;
		height: auto;
		object-fit: contain;
	}
	header .middle section .middleRight {
		gap: 15px;
	}
	header .middle #_desktop_cart .header::after,
	header .middle #_desktop_user_info a::before {
		margin-left: 0;
	}

	header .middle section ul,
	header .top {
		display: none;
	}
	header .middle section {
		width: 90%;
		margin: 0;
	}
	header .middle #_desktop_user_info a span.hidden-sm-down {
		display: none;
	}
	header .middle section img {
		width: 60px;
	}
	header.scrolled .middle section img {
		width: 50px;
	}
	header .middle section {
		height: auto;
		padding: 10px 0;
	}
	header.scrolled .middle section {
		height: auto;
		padding: 10px 0;
	}
	header.scrolled .middle section ul {
		top: 53px;
	}
	header .middle section ul {
	    display: none;
	    flex-direction: column;
	    align-items: center;
	    position: absolute;
	    background: white;
	    width: 100%;
	    padding: 0;
	    top: 60px;
	    left: 0;
	    padding: 50px 0;
	    border-top: 1px solid #91AE3B;
	    border-bottom: 1px solid #91AE3B;
	    gap: 40px;
	    transition: max-height 0.5s ease, padding 0.5s ease, border 0.5s ease; 
	}
	header .middle section ul.open {                                                                                                                
    	display: flex;                                                                                                                              
  	} 
	header .middle section ul li {
		width: 90%;
	}
	/*header .bottom {
	  	display: flex;
	  	flex-direction: column;
	  	max-height: 0;
	  	overflow: hidden;
	  	padding: 0;
	  	border: none;
	  	gap: 0;
    	transition: max-height 0.5s ease, padding 0.5s ease;
	}*/
	/*header .bottom.open {
    	max-height: 800px;
        padding: 20px 0;
        position: absolute;
        top: 320px;
        left: 0;
        background: white;
        width: 100%;
        gap: 0;
        padding: 0;
  	}
  	header .bottom.open li.parent {
  		width: 90%;
  		padding: 10px 0;
  	}*/
  	ul.bottom {
  		overflow-x: auto;
	    display: flex;
	    align-items: center;
	    justify-content: unset;
	    gap: 10px;
	    padding: 0 10px;
  	}
  	header .bottom a {
	    white-space: nowrap;
        font-size: 15px;
        line-height: 1;
        padding: 8px 14px;
	}
	header .bottom li.parent {
	    padding: 10px 0;
	}
	header .bottom .mega-menu {
		padding: 10px;
		        overflow-y: auto !important;
        max-height: calc(100svh - 111px);
	}
	header .bottom .mega-menu ul {
		display: grid;
    	grid-template-columns: repeat(1, 1fr);
    	width: 90%;
	}
	header .bottom .mega-menu li {
		width: 100%;
		min-width: 100%;
	}
	header .bottom .mega-menu li img {
		width: 200px;
		height: auto;
	}
	header .bottom .mega-menu li a {
		width: 90%;
		font-size: 16px;
	}

	/*================================*/
	/************ Footer **************/
	/*================================*/
	footer .content .top .topLeft {
		align-items: start;
		gap: 20px;
	}
	footer .content {
		width: 90%;
		padding: 50px 0;
		gap: 30px;
	}
	footer .content .top {
		flex-direction: column;
	}
	footer .content .top .topRight {
		flex-direction: column;
		gap: 20px;
	}
	footer .content .top .topLeft {
		width: 100%;
	}
	footer .content .bottom {
		flex-direction: column;
		gap: 20px;
	}

	/*================================*/
	/************ Homepage ************/
	/*================================*/
	.heroSection .content .contentFixed {
		width: 90%;
	}
	.heroSection .content h1 {
		font-size: 50px;
	}
	.heroSection .content h2 {
		margin-left: 0;
		padding: 10px 20px;
		font-size: 17px;
		height: auto;
	}
	.heroSection .content p {
		font-size: 16px;
		width: 100%;
	}
	.heroSection .content a {
		font-size: 16px;
	}


	.aboutusSection {
		width: 90%;
	}
	.aboutusSection .cards {
		width: 100%;
		flex-direction: column;
		align-items: center;
	}
	.aboutusSection .cards .card {
		flex-direction: column;
		height: 200px;
		width: 100%;
		flex: unset;
		transition: height 0.5s ease !important;
		margin: 0;
	}
	.aboutusSection .card .cardContent {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
	.aboutusSection .cards .card:hover {
	      flex: unset;
	      height: 500px;
	  }
	.aboutusSection .card .cardContent a {
		font-size: 16px;
		padding: 5px 15px;
	}
	.aboutusSection .card .cardContent div.content {
		padding: 0 20px;
	}
	.aboutusSection .card .cardContent p {
		font-size: 16px;
	}

	.aboutusSection .card p.title {
		writing-mode: unset;
    	text-orientation: unset;
    	font-size: 25px;
    	width: 100%;
    	height: 60px;
	}

	.NosArticlesSection {
		width: 90%;
	}
	.products.rowTab {
		display: grid;
        grid-template-columns: repeat(2, 1fr);
	}
	.NosArticlesSection .nf-categorytabs {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	

	.EtapesConfigurationSection .content {
		width: 90%;
	}
	.EtapesConfigurationSection .content .grid {
		flex-direction: column;
		align-items: center;
		display: grid;
        grid-template-columns: repeat(2, 1fr);
	}
	.EtapesConfigurationSection .content .grid .col {
		width: 100%;
		align-items: center;
	}
	.EtapesConfigurationSection .content .grid .col .bottom p,
	.EtapesConfigurationSection .content .grid .col .bottom h3 {
		text-align: center;
	}

	.NosActualitesSection {
		width: 90%;
	}
	.novelfen.content {
		grid-template-columns: repeat(2, 1fr);
		width: 100%;
		gap: 40px;
	}


	/*================================*/
	/************ AboutUS *************/
	/*================================*/
	body.cms-id-4 .aboutHeroSection {
		flex-direction: column;
		align-items: center;
		width: 90%;
	}
	body.cms-id-4 .aboutHeroSection img {
		width: 100%;
		order: -1;
	}
	.aboutHeroSection h1 {
		font-size: 35px;
		line-height: 1;
		margin-bottom: 20px;
	}
	body.cms-id-4 .aboutHeroSection div  {
		margin: 0;
	}
	body.cms-id-4 .expertiseSection {
		width: 90%;
	}
	body.cms-id-4 .expertiseSection .cards {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 90%;
	}
	body.cms-id-4 .expertiseSection .cards .card p {
		text-align: center;
		font-size: 16px;
	}
	.expertiseSection .cards .card h3 {
		font-size: 18px;
	}

	/*================================*/
	/********** ACTUALITÉS ************/
	/*================================*/
	.actualitesPage section {
		width: 90%;
	}
	.actualitesPage h1 {
		font-size: 35px;
		line-height: 1;
		margin-bottom: 20px;
	}

	.blog-post-wrapper .blog-post-sidebar {
		display: none;
	}
	article.sedestral.single-post {
		width: 90%;
	}
	#module-sedestral-post h1 {
		font-size: 20px;
		line-height: 1.2;
	}
	article.sedestral.single-post .sedestral.content p {
		font-size: 16px;
	}

	/*================================*/
	/********** contact ************/
	/*================================*/
	.contactpage {
		width: 90%;
	}
	.contactpage h1 {
		font-size: 35px;
		line-height: 1;
		margin-bottom: 20px;
	}
	.contactpage form {
		width: calc(100% - 40px);
	}
	.contactpage form .contactRow {
		flex-direction: column;
	}
	.contactpage form label {
		width: 100%;
		font-size: 15px;
	}


	/*================================*/
	/******** Product Details *********/
	/*================================*/
	body#product.page-product #wrapper .container {
		width: 90%;
	}
	.row.product-container.js-product-container {
		flex-direction: column !important;
	}
	body#product.page-product .images-container.js-images-container {
		flex-direction: column;
	}
	.row.product-container.js-product-container .col-md-6 {
		width: 100%;
	}

	ul.product-images.js-qv-product-images {
		flex-direction: row !important;
		gap: 10px;
	}
	#main .images-container .js-qv-mask.scroll, #main .images-container .js-qv-mask {
		min-width: 100% !important;
		width: 100% !important;
		order: 1;
	}
	body#product.page-product .page-content .product-flags {
		left: 10px;
	}
	body#product.page-product .featured-products .products {
		flex-direction: column;
		display: grid;
        grid-template-columns: repeat(2, 1fr);
	}
	body#product.page-product .featured-products {
		width: 100% !important;
	}

	body#product.page-product h1 {
		font-size: 35px;
	}
	body#product.page-product .textTitle {
		font-size: 20px;
	}
	.caracteristiques-table h2 {
		font-size: 15px;
	}
	body#product.page-product .featured-products h2:first-child {
		font-size: 30px;
	}
	body#product.page-product #wrapper .breadcrumb li {
		font-size: 12px;
	}
	body#product.page-product #wrapper .breadcrumb {
		margin: 0;
		margin-bottom: 16px;
		padding: 5px 10px;
	}
	ul.product-images.js-qv-product-images li.thumb-container {
		width: 70px !important;
	}
	.row.product-container.js-product-container {
		width: 100% !important;
	}
	.product_description.mobile { display:flex; }
	.product_description.desktop { display:none; }



	/*================================*/
	/****** Page child categorie ******/
	/*================================*/
	body#category nav.breadcrumb li:last-child,
	body#category nav.breadcrumb a {
		font-size: 14px;
	}
	body#category .card-block.category-additional-description h1 {
		font-size: 35px;
	}
	body#category .card-block.category-additional-description p {
		font-size: 16px;
	}
	div#js-product-list-footer .card {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	body#category .card-block.category-additional-description {
		width: 90%;
		gap: 20px;
	}
	.novelfenCategoryTop {
		flex-direction: column;
	}
	.novelfenCategoryTop .category-footer-text {
		margin: 0;
	}
	.novelfenCategoryTop .category-footer-cover {
		min-width: 100%;
		margin: 0;
	}
	body#category nav.breadcrumb.cate {
		margin-top: 30px;
	}

	#productsCategory #js-product-list .products.row {
		grid-template-columns: repeat(2, 1fr);
	}
	.configurezSection {
		width: 90%;
	}
	.configurezSection .content {
		    grid-template-columns: repeat(2, 1fr);
	}

	.typeProject .content {
		padding: 50px 0;
		gap: 50px;
	}
	.typeProject .content .rowCard {
		flex-direction: column;
		width: 90%;
		gap: 20px	;
	}
	.typeProject .content .rowCard div {
		width: 100%;
		margin: 0;
	}
	.typeProject .content .rowCard img {
		width: 100%;
	}
	.typeProject p.RepeatedLongpara,
	.typeProject h2 {
		width: 90% !important;
	}

	.typeProject .content .rowCard:nth-child(2) div {
		order: -1;
	}
	.nf-other-category-products {
		width: 90%;
	}


	/*================================*/
	/********* authentication **********/
	/*================================*/
	body#authentication h1 {
		font-size: 25px;
	}
	body#authentication header.page-header {
		width: 90%;
	}
	body#authentication .login-form {
		width: calc(90% - 60px);
	}

	/*================================*/
	/********* registration ***********/
	/*================================*/
	body#registration .breadcrumb {
		width: 90%;
	}
	body#registration h1 {
		font-size: 25px;
	}
	body#registration .register-form {
		width: 90% !important;
	}
	body#registration .register-form form {
		width: calc(100% - 60px )!important;
	}
	body#registration form .form-group.row {
		display: flex !important;
    	flex-direction: column !important;
	}
	body#registration .register-form form.col-md-6.js-input-column,
	body#registration .register-form form label {
		width: 100%	;
	}

	body#registration .register-form form .col-md-6.js-input-column {
		width: calc(100% - 60px);
	}
	body#registration .register-form form {
		min-width: calc(100% - 30px);
		padding: 30px 15px;
	}
	body#registration header.page-header {
		margin-bottom: 0;
		margin-top: 30px;
	}

	/*================================*/
	/************ password ************/
	/*================================*/
	body#password .container {
		width: 90%;
	}
	body#password .breadcrumb {
		width: 90%;
	}
	body#password section#wrapper form {
		width: calc(100% - 60px) !important;
		padding: 30px 20px;
	}
	body#password .forgotten-password .form-fields .center-email-fields {
		align-items: center;
		justify-content: center;
	}
	body#password section#wrapper form input[type='email'] {
		    width: calc(100% - 25px);
	}
	body#password section#wrapper form button.form-control-submit.btn.btn-primary.hidden-sm-up {
		display: flex;
	    padding: 10px 20px;
	    justify-content: center;
	    align-items: center;
	    gap: 10px;
	    border-radius: 61px;
	    background: var(--blue);
	    color: #FFF;
	    font-family: Poppins;
	    font-size: 18px;
	    font-style: normal;
	    font-weight: 400;
	    width: calc(100% - 40px);
	    line-height: normal;
	    margin-top: 15px;
	}
	body#password h1 {
		font-size: 25px;
	}


	/*================================*/
	/************ my-account ************/
	/*================================*/
	body#my-account #content .links {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
		align-items: center;
		justify-content: center;
	}
	body#my-account #content .links .col-lg-4.col-md-6.col-sm-6.col-xs-12 span.link-item {
		padding: 0;
		margin: 0;
	}
	body#my-account #main {
		min-width: 90% !important;
		width: 100% !important;
	}
	body#my-account #content .links .col-lg-4.col-md-6.col-sm-6.col-xs-12 {
		padding: 0;
		margin: 0;
	}
	body#my-account #content,
	body#my-account .container nav.breadcrumb {
		width: 90% !important;
	}
	body#my-account h1 {
		font-size: 25px;
	}
	body#my-account #content .links .col-lg-4.col-md-6.col-sm-6.col-xs-12 span.link-item {
		padding: 0;
		margin: 0;
	}
	body#my-account #content .links .col-lg-4.col-md-6.col-sm-6.col-xs-12 span.link-item {
		font-size: 14px;
	}
	.page-my-account #content .links a i {
		font-size: 30px;
	}

	/*================================*/
	/************ identity ************/
	/*================================*/
	body#identity .container {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
	}

	body#identity h1 {
		font-size: 25px;
	}
	body#module-psgdpr-gdpr 
	.breadcrumb, body#order-slip .breadcrumb, 
	body#history .breadcrumb, 
	body#address .breadcrumb, 
	body#identity .breadcrumb {
		width: 90%;
	}
	body#module-psgdpr-gdpr section#main {	
		max-width: 90%;
		min-width: 90%;
	}
	body#identity .col-md-6.js-input-column {
		padding-left: 0;
		padding-right: 0;
	}
	body#identity .form-control {
		width: calc(100% - 35px);
	}

	/*================================*/
	/************ address ************/
	/*================================*/
	body#address .container {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	body#address .breadcrumb {
		width: 90%;
	}
	body#module-psgdpr-gdpr h1, body#order-slip h1, body#history h1, body#identity h1,
	 body#address h1 {
	 	font-size: 25px;
	 }
	 body#address .row {
	 	width: 100% !important;
	 }
	 body#address #main .page-content {
	 	    width: 90%;
    		padding: 0;
	 }

	 body#address .col-md-6.js-input-column {
	 	display: flex;
	 	width: 100%;
	 	padding-left: 0;
	 	padding-right: 0;
	 }

	 /*================================*/
	/************ address ************/
	/*================================*/
	body#history .container {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	/*================================*/
	/************ module-nxtalwishlist-wishlist ************/
	/*================================*/
	body#module-nxtalwishlist-wishlist #wrapper .container {
		width: 90%;
	}
	body#module-nxtalwishlist-wishlist .button-actions .col-md-6.col-xs-6 {
		padding: 0;
	}

	.nf-othercatproducts-grid {
		display: grid;
    	grid-template-columns: repeat(2, 1fr);
	}
	.nf-othercatproducts-grid .productCard {
		max-width: 100%;
	}


	/*================================*/
	/************ module-ps_emailalerts-account ************/
	/*================================*/
	body#module-ps_emailalerts-account .breadcrumb {
		width: 90%;
	}
	body#order-slip .container,
	body#module-psgdpr-gdpr .container,
	body#module-ps_emailalerts-account .container {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
	}

	body#module-psgdpr-gdpr .psgdprinfo17 {
		    width: calc(100% - 40px);
	}
}

@media (max-width: 768px) {
	.products.rowTab {
		display: grid;
        grid-template-columns: repeat(1, 1fr);
	}
	.EtapesConfigurationSection .content .grid {
		grid-template-columns: repeat(1, 1fr)
	}

	.novelfen.content {
		grid-template-columns: repeat(1, 1fr);
	}
	#productsCategory #js-product-list .products.row {
		grid-template-columns: repeat(1, 1fr);
	}
	.nf-othercatproducts-grid {
		display: grid;
    	grid-template-columns: repeat(1, 1fr);
	}

	.configurezSection .content {
        grid-template-columns: repeat(1, 1fr);
    }

    body#product.page-product .featured-products .products {

        grid-template-columns: repeat(1, 1fr);
	}
}