:root {
    --scroll-bar: 0;
    --scrollBar: 1.0625rem; 
    --colorScrollBar: #e8e8ec;
    --border: thin solid #000;
    --borderWhite: thin solid #fff;
	--borderBlack: thin solid #000;
    --main-color: #000;
    --width: 100vw;
    --maxWidth: 120rem;
    --headerHeight: 100px;
    --headerHeight2: 100px;
    --headerHeight3: 64px;
    --divArianeHeight: 1.875rem;
    --divArianeHeight2: 1.625rem;
    --divArianeHeight3: 1.625rem;
    --padding: 24px;
    --padding2: 20px;
    --padding3: 13px;
    --width1: 1920;
    --width2: 768;
    --width3: 390;
    /*tailles de typo variables pour header desktop*/
    --typoMenuWidth1__16: calc(((10 / var(--width1))* 100vw) + 0.375rem);
    --typoMenuWidth2__10: 0.625rem;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*::before, *::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
@font-face {
	font-family: 'GrandPalais-Medium';
	src: url('../../../Fonts/2025/GrandPalais-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'GrandPalais-Regular';
	src: url('../../../Fonts/2025/GrandPalais-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'GrandPalais-Regular-Italic';
	src: url('../../../Fonts/2025/GrandPalais-RegularItalic.woff2') format('woff2');
}
/*-------fonts-------*/
.fontRegular {
	font-family: GrandPalais-Regular, sans-serif;
	color: #000;
}
.textMedium,
.fontMedium,
.singleColumn b,
.singleColumn strong {
	font-family: GrandPalais-Medium, sans-serif;
	color: #000;
	font-weight: normal;
}
.fontRegularItalic {
	font-family: GrandPalais-Regular-Italic, sans-serif;
	color: #000;
}

html, body {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	line-height: normal;
	width: 100%;
	background: #000;
	color:#000000;
	font-family:GrandPalais-Regular;
	background-color:#000;
}
	body.no-scroll {
		overflow-y: scroll;
		overflow: hidden;
		position: fixed;
		top: 0;
		width: 100%;
		height: 100%;
	}
		body.no-scroll.overflowY {
			overflow-y: scroll;
		}
		body.no-scroll .blockConteneur,
		body.no-scroll .conteneur {
			height: 100%;
		}
header,
#content,
footer {
	float: left;
	width: 100%;
}
#content {
	overflow: hidden;
}
    #content.novisible,
    footer.novisible,
    .divMenuCollection.novisible {
        height: 0;
        overflow: hidden;
        visibility:hidden;
        display:none;
    }

header.overflow,
.conteneur.overflow {
	overflow: visible;
}
a {
	text-decoration: none;
	color: #000000;
}
sup {
	font-size: 75%;
	vertical-align: baseline;
	position: relative;
	bottom: 0.40em;
	left: 0.05em;
	text-transform: none;
	}
.pcap {
	font-variant: small-caps;
	}
h1, h2, h3, h4 {
	margin-block-start: unset;
	margin-block-end: unset;
	margin-inline-start: unset;
	margin-inline-end: unset;
	font-weight: unset;
}
img {
	display: block;
}
button {
	border: none;
	background: none;
	cursor: pointer;
	margin: 0;
	padding: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: initial;
	background-color: initial;
}
input, button:focus {
	outline: none;
}
.blockHidden {
	display: none;
}
.textUpper, .btComment {
	text-transform: uppercase;
}
.blockConteneur{
	background-color:#fff;
}
.conteneur {
	max-width: var(--maxWidth);
	min-height: 100%;
	overflow: hidden;
	margin: 0 auto;
	background: #fff;
	border-left: var(--borderBlack);
	border-right: var(--borderBlack);
}
/**************header****************/
header {
	width: 100%;
	position: relative;
	z-index: 2;
}
	header.headerFixed {
		position: fixed;
		z-index: 10;
		max-width: calc(var(--maxWidth) - 2px);
	}
.topHeader {
	width: 100%;
	height: var(--headerHeight);
	border-bottom: var(--border);
	background: #fff;
	z-index: 1;
	position: relative;
	padding: 0 var(--padding);
}
.headerLeft {
	float: left;
}
.divLogo {
	height: 46px;
	width: 171px;
	margin-top: 14px;
	cursor: pointer;
}
	.divLogo a {
		width: 100%;
		height: 100%;
		display: inline-block;
	}
	.divLogo img {
		height: 100%;
	}
.titreHeader {
	margin-left: 52px;
}
/*******btsHeader******/
.btsHeader {
	float: right;
	height: calc(var(--headerHeight) / 2);
	margin-top: calc(var(--headerHeight) / 4);
	position: relative;
}
.divBtHeader {
	float: right;
	height: inherit;
	margin-right: 40px;
}
.btHeader {
	display: inline-block;
	height: inherit;
}
.divLangs {
	width: 22px;
	position: relative;
	margin-right: 0 !important;
}
.btLang {
	float: left;
	width: 100%;
	height: 50%;
	text-align: center;
}
	.btLang:last-of-type {
		padding-top: 10px;
		border-top: var(--border);
	}
.btBasket {
	width: 44px;
	background-image: url('../../../Images/_Common/basket.png');
	background-repeat: no-repeat;
	background-size: contain;
}
.countBasket {
	color: #FFF;
	position: relative;
    display: inline-block;
    text-align: center;
    background-color: rgba(0, 0, 0, 1);
    border-radius: 50%;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    left: 12px;
    top: 26px;
    font-size: 1rem;
}
.basketHidden {
	display: none;
}
.divBurger {
	width: 72px;
	position: relative;
	cursor: pointer;
}
	.divBurger span.spanBurger {
		position: absolute;
		background-color: #000;
		display: block;
		height: 1px;
		width: 100%;
		transition: all 0.5s ease-in-out;
		top: calc(50% - 0px);
	}
		.divBurger span.spanBurger:first-child {
			top: calc(50% - 24px);
		}
		.divBurger span.spanBurger:last-child {
			top: calc(50% + 24px);
		}
	.divBurger.open span.spanBurger {
		position: absolute;
		top: 50%;
	}
		.divBurger.open span.spanBurger:first-child {
			transform: translate3d(0,0,0) rotate(45deg);
		}
		.divBurger.open span.spanBurger:nth-child(2) {
			opacity: 0;
		}
		.divBurger.open span.spanBurger:last-child {
			transform: translate3d(0,0,0) rotate(-45deg);
		}
/*********search********/
.divBtHeader .btFreeSearch {
	width: 30px;
	background-image: url('../../../Images/_Common/Svg/search.svg');
	background-repeat: no-repeat;
	background-size:contain;
}
.divBtHeader .btSearchActif {
	background-image: url('../../../Images/_Common/Svg/searchActif.svg');
}
.freeSearch {
	width: 286px;
	height: inherit;
	float: left;
	position: relative;
	overflow: hidden;
	transition: width 0.2s ease-in-out;
}
	.freeSearch.searchHidden {
		width: 30px;
		transition: none;
		position: absolute;
		visibility: hidden;
	}
		.freeSearch.searchHidden .buttonSearch {
			display: none;
		}
.formFreeSearch {
	height: inherit;
}
input.iSearch {
	width: 0;
	min-height: 1.375rem;
	padding: 1px;
	border: none;
	border-bottom: 0.75px dotted #000;
	background-color: transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	position: absolute;
	bottom: 0;
	outline: none;
	font-family: GrandPalais-Regular, sans-serif;
}
header.searchOpen input.iSearch {
	width: 16rem;
}
	input.iSearch::-webkit-input-placeholder {
		color: #000000;
		font-size: 0.76rem;
		font-family: GrandPalais-Regular, sans-serif;
	}
	input.iSearch::-moz-placeholder {
		color: #000000;
		font-size: 0.76rem;
		font-family: GrandPalais-Regular, sans-serif;
	}
	input.iSearch:-ms-input-placeholder {
		color: #000000;
		font-size: 0.76rem;
		font-family: GrandPalais-Regular, sans-serif;
	}
	input.iSearch:-moz-placeholder {
		color: #000000;
		font-size: 0.76rem;
		font-family: GrandPalais-Regular, sans-serif;
	}
	input.iSearch::placeholder {
		color: #000000;
		font-size: 0.76rem;
		font-family: GrandPalais-Regular, sans-serif;
	}
button.buttonSearch {
	width: 30px;
	height: inherit;
	background-image: url('../../../Images/_Common/Svg/searchActif.svg');
	background-repeat: no-repeat;
	background-color: transparent;
	cursor: pointer;
	padding: 0;
	border: 0;
	position: absolute;
	right: 0;
}
.divSearch.open {
	position: relative;
}
.btSearchPlusTop {
	visibility: hidden;
	top: 100%;
	left: calc(50% - 100px / 2);
	position: absolute;
	z-index: 10;
	text-align: center;
	margin: 0 auto;
	padding-top: 9px;
	padding-bottom: 9px;
	background-color: #d9d9d9;
	border-bottom-left-radius: 52px;
	border-bottom-right-radius: 52px;
	width: 100px;
	height: 50px;
	background-image: url('../../../Images/_Common/Svg/flecheMenu_open_noir.svg');
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: bottom 9px center;
}
.divSearch.open .btSearchPlusTop {
	display: inline-block;
	visibility: visible;
}
header.searchPlusOpen .divSearch.open .btSearchPlusTop {
	display: none;
	visibility: hidden;
}
.menuFixed .divSearch.open .btSearchPlusTop {
	left: 0;
}

/*recherche avancée*/
.div_searchPlus {
	width: 100%;
	margin: 0 auto;
	background: #fff;
	position: absolute;
	left: 0;
	top: var(--headerHeight);
	min-height: calc(100vh - var(--headerHeight));
	z-index: 10;
	overflow: hidden;
}
.contentSearch {
	width: 100%;
	margin: 0 auto;
	background: #fff;
	position: relative;
	z-index: 100;
	overflow: hidden;
}
.divbtClose {
	position: absolute;
	right: 1rem;
	top: 1rem;
	width: 3.75rem;
	height: 3.75rem;
	display: inline-block;
	z-index: 101;
}
.btCloseSearch {
	width: 3.75rem;
	height: 3.75rem;
	display: inline-block;
	background-image: url(../../../Images/_Common/Svg/btDelBlack.svg);
	background-repeat: no-repeat;
	/*background-size: 3rem;*/
	background-position: center
}
.titreSearch {
	width: 100%;
	text-align: left;
}
.infoSearch {
	width: 100%;
}
.ligneSearch {
	width: 100%;
	text-align: left;
	float: left;
}
.contentSearch label{
	font-family:GrandPalais-Medium;
}
.diviSearch:target {
	border-top: 1rem solid transparent;
	margin-top: -1rem;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	outline: none;
}
.ligneSearch .diviSearch {
	float: left;
	position: relative;
	width: calc(50% - 1.15rem);
	margin-right: 2.18rem;
}
	.ligneSearch .diviSearch:nth-child(2n) {
		margin-right: 0;
	}
	.ligneSearch .diviSearch.ligne {
		width: 100%;
		margin-right: 0;
	}
.ligneSearch input {
	padding: 0 0.56rem;
}
.ligneSearch input:not([type="checkbox"]),
.ligneSearch .searchListe {
	width: 100%;
	height: 3.125rem;
}
.ligneSearch input {
	border: 1px dotted #000;
}
	.ligneSearch input.iShort {
		width: 5.75rem;
		text-align: center;
	}
.popupNews input.iSearchCbx, .popupNews input.newsBoutique,
input.iSearchCbx {
	width: 1.25rem;
	height: 1.25rem;
	margin: 0;
	border: none;
	background-image: url('../../../Images/_Common/Svg/cbx.svg');
	background-size: 1.25rem 1.25rem;
	background-position: left center;
	background-repeat: no-repeat;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	vertical-align: middle;
	float: left;
}
	.popupNews input.newsBoutique::-ms-check,
	input.iSearchCbx::-ms-check { /*appearance IE11*/
		display: none;
	}
	.popupNews input.newsBoutique:checked,
	input.iSearchCbx:checked {
		background-image: url('../../../Images/_Common/Svg/cbx_selected.svg');
		border: none;
	}
	.popupNews input.newsBoutique:focus {
		border: none !important;
	}
.labelCm {
	padding-right: 0.5em;
	font-size: 1.19rem;
}
.searchListe {
	position: relative;
}
	.searchListe .labelsSelected {
		position: relative;
	}
	.searchListe .btISearch {
		position: absolute;
		z-index: 100;
		width: 100%;
		height: 100%;
		right: 0;
		top: 0;
		display: inline-block;
		background-image: url('../../../Images/_Common/Svg/flecheMenuBlack.svg');
		background-repeat: no-repeat;
		background-position: right 0.5rem center;
		background-size: 1.19rem 0.63rem;
		cursor: pointer;
	}
		.searchListe .btISearch.open {
			background-image: url('../../../Images/_Common/Svg/flecheMenuBlack_open.svg');
			background-repeat: no-repeat;
			background-position: right 1rem top 0.96rem;
			background-size: 0.63rem 1.19rem;
		}
.ligneSearch input:focus {
	border: 1px solid #000;
}
.ligneSearch input.iSearchCbx:focus {
	border: none;
}
.ligneSearch .listeSearch {
	width: 100%;
	height: auto;
	position: absolute;
	z-index: 101;
	background: #fff;
	top: 0;
	left: 0;
	border: 2px solid rgba(155, 125, 73, 1);
	border: 2px solid var(--main-color);
	overflow: hidden;
}
.ligneSearch {
	width: 100%;
	display: inline-block;
}
	.ligneSearch label {
		width: 100%;
		display: inline-block;
		margin-bottom: 0.5rem;
	}
		.ligneSearch label.lbSearchCbx {
			max-width: calc(100% - 3rem);
			width: auto;
			margin-right: 1.25rem;
			line-height: 1.19rem;
			margin-bottom: 0;
			float: left;
		}
		.ligneSearch label.lbBorder {
			margin-bottom: 0.7rem;
			padding-bottom: 0.5rem;
			border-bottom: 1px solid rgba(155, 125, 73, 1);
			border-bottom: 1px solid var(--main-color);
		}
	.ligneSearch input.cbx_couleur,
	.ligneSearch input.cbx_format {
		margin-top: 0.2rem;
		margin-right: 1rem;
	}
	.ligneSearch span.labelCbx {
		padding: 0 1rem 0 0;
		float: left;
	}
.divChoixSearch {
	float: left;
	margin-bottom: 0.5rem;
}
.blockSelect {
	background: #fff;
	height: 3.125rem;
	width: 100%;
	border: 1px dotted #000;
	overflow: hidden;
}
.labelsSelected {
	min-height: 4rem;
	width: 100%;
	margin: 0;
	padding-bottom: unset;
	padding-right: 2rem;
}
.searchListe.open .blockSelect {
	min-height: 3.125rem;
	height: auto;
	position: absolute;
	z-index: 200;
	border: 2px solid #000;
}
.searchListe.open .labelsSelected {
	height: auto;
	width: 100%;
	overflow: hidden;
}
.labelSelected {
	width: 100%;
	height: auto;
	padding: 0.56rem;
	padding-bottom: 0;
	width: auto;
	padding-right: 0;
	float: left;
	position: relative;
	z-index: 101;
}

.labelSelected:last-of-type {
	padding-bottom: 0.56rem;
}
	.labelSelected a.btLabel {
		padding: 0;
		width: auto;
		padding-left: 0.5rem;
		padding-right: 1.4rem;
		height: 2rem;
		color: #000;
		display: block;
		float: left;
		overflow: hidden;
		background-image: url('../../../Images/_Common/Svg/btDelBlack.svg');
		background-repeat: no-repeat;
		background-position: right 0.4rem center;
		background-size: 0.6rem 0.6rem;
		border:var(--border);
	}
.labelsSearch {
	overflow-y: auto;
	width: calc(100% + 2px);
	background: #fff;
	border-top: 0;
	position: relative;
	z-index: 100;
	-webkit-overflow-scrolling: touch;/* Lets it scroll lazy */
	min-height:200px;
}
.labelSearch {
	width: 100%;
	height: auto;
	padding: 0.8rem 0.31rem;
	float: left;
	border-top: 1px dotted #000;
}
	.labelSearch a {
		width: 100%;
		height: 100%;
		float: left;
		margin-right: 0.31rem;
		padding-left: 1.75rem;
		background-image: url('../../../Images/_Common/Svg/cbx.svg');
		background-repeat: no-repeat;
		background-position: left 0.31rem center;
		background-size: 0.82rem 0.82rem;
	}
		.labelSearch a.selected {
			background-image: url('../../../Images/_Common/Svg/cbx_selected.svg');
		}
.contentSearch .blockBouton {
	float: left;
}
	.contentSearch .blockBouton .buttonSearch {
		width: auto;
		float: left;
		margin-right: 1.56rem;
	}
		.contentSearch .blockBouton .buttonSearch:nth-child(2n) {
			margin-right: 0;
		}
.contentSearch .buttonSearch button,
.contentSearch .buttonSearch a,
.conteneurContact .buttonSend button {
	display: inline-block;
	box-sizing: border-box;
	color: #000;
	background-color: #0000002e;
	border: none;
	text-align: center;
	margin: 0 auto;
	cursor: pointer;
}
.contentSearch .buttonSearch a:hover,
.contentSearch .buttonSearch button:hover,
.conteneurContact .buttonSend button:hover {
	background-color: #000;
	color: #fff;
}
.infoSearch, .blockContact {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.contentSearch input.iError {
	/*border-color: red !important;*/
}
.contentSearch .labelError {
	display: block;
	color: red !important;
	float: left;
	width: 100%;
}
/*fin recherche avancée*/




/********menuheader*******/
.menuHeader {
	width: 100%;
	height: auto;
	border-bottom: none;
	float: left;
}
/********divAriane*******/
.divAriane {
	width: 100%;
	height: var(--divArianeHeight);
	-webkit-line-clamp: 1;
	line-clamp: 1;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	margin-top: 0;
	display: none;
	position: relative;
	padding: 0 1.5rem;
	border-bottom: var(--border);
}
.divAriane.blockHidden {
	left:-1000px;
}
.menusAriane {
	width: auto;
	display:inline-block;
}
.menuAriane {
	white-space: nowrap;
	float: left;
}
	.menuAriane a {
		line-height: var(--divArianeHeight);
		float: left;
	}
/**********menuTop*********/
.divMenuTop {
	width: 100%;
	line-height: var(--divArianeHeight);
	padding: 0 1.25rem;
	float: left;
	position: relative;
	z-index: 200;
	border-bottom: var(--border);
	display: none;
	background-color: #fff;
}
	.divMenuTop.menuOpen {
		display: block;
	}
.menuTop {
	float: left;
	position: relative;
}
	.menuTop:last-child {
		margin-right: 0;
	}
.linkMenuTop {
	height: inherit;
	white-space: nowrap;
	float: left;
	text-transform:uppercase;
}
.menuTop-content {
	position: absolute;
	left: 0;
	top: calc(var(--divArianeHeight));
	padding:calc((16 / var(--width1)) * 100vw);
	background-color: #fff;
	border: var(--border);
	z-index: 200;
}
.linkSMenuTop {
	padding: 0;
	display: block;
	padding-bottom: 0.3rem;
	line-height: 1.4;
	height: auto;
	white-space: nowrap;
	float: none;
}
.linkSMenuTop:last-of-type {
	padding-bottom: 0;
}
/**************footer****************/
footer {
	width: 100%;
	background-color: #000;
	padding: 1rem var(--padding);
	position: relative;
	color: #fff;
	text-transform: uppercase;
}
.menuFooter {
	float: left;
}
footer a,
footer span{
	color: #fff;
	text-transform: uppercase;
}
.pictos {
	float: right;
	height: inherit;
	line-height: inherit;
}
.pictoFooter {
	display: inline-block;
	background-position: center;
	background-repeat: no-repeat;
}

.picto_pin {
	background-image: url('../../../Images/_Common/Svg/picto_pin_white.svg');
}
.picto_fb {
	background-image: url('../../../Images/_Common/Svg/picto_fb_white.svg');
}
.picto_insta {
	background-image: url('../../../Images/_Common/Svg/picto_insta_white.svg');
}
.picto_yt {
	background-image: url('../../../Images/_Common/Svg/picto_youtube.svg');
}

/*popup NewsLetter*/
.popupNews {
	background: rgba(255,255,255, 1);
	color: #000;
	position: fixed;
	z-index: 1000;
	border: thin solid #000;
	top: 6.188rem;
	overflow-x: auto;
	right: -630px;
	width: 630px;
	transition: right 0.5s ease-in-out;
	max-height: calc(100% - 30px);
	text-transform: none;
}

	.popupNews.popupNewsVisible {
		right: calc((100vw - 1920px) * 0.5 + 26px);
		transition: right 0.5s ease-in-out;
	}
.popupNews a {
	color: #000;
}
.popupDialog {
	background: rgb(255 255 255 / 1);
	position: fixed;
	border: thin solid #000;
	top: 50%;
	left: 50%;
	width: auto;
	max-width: calc(100% - 52px);
	transform: translate(-50%, -50%);
}
.msgDialog {
	padding: 30px;
}

/*fin popup NewsLetter*/

/*ecr NewsLetter*/
.ecrNewsLetter .ligneContact,
.ecrNewsLetter .blockInfos {
	max-width: 1000px !important;
	overflow: hidden;
}
.ecrNewsLetter .blockInfos {
	display: inline-block !important;
}
.ecrNewsLetter .conteneurContact.popupNews {
	width: 100% !important;
	max-width: unset !important;
	right: unset !important;
	position: unset !important;
	border: none !important;
	top: unset !important;
	overflow-x: unset !important;
	transition: unset !important;
	max-height: unset !important;
}
	.ecrNewsLetter .conteneurContact.popupNews .diviContact,
	.ecrNewsLetter .conteneurContact.popupNews .diviContact.optin {
		flex-direction: row;
		width: inherit;
	}
.ecrNewsLetter .inputWrapper {
	width: 68%;
	line-height: 0;
}
#popupNews .inputWrapper {
	flex: 1 1 100%;
}
	/*.ecrNewsLetter .conteneurContact.popupNews .margeRightLeft {
		padding: unset;
	}*/
/*fin ecrNewsLetter*/

/*-----div titre----*/
.titreSearch, .divTitre {
	width: 100%;
	border-bottom: var(--border);
	overflow: hidden;
	display: table;
	vertical-align: middle;
	padding: calc((17 / var(--width1))* 100vw) var(--padding) calc((25 / var(--width1))* 100vw) var(--padding);
}
	.divTitre br {
		display: none;
	}
.titreTopPage {
	vertical-align: bottom;
	display: table-cell;
}
.linkTopPage {
	vertical-align: bottom;
	display: table-cell;
	text-align: right;
	padding-left: 2.375rem;
	white-space: nowrap;
	width: 1%;
	padding-bottom: 0.375rem;
}
/*blockVideo*/
.blockVideo {
	/*position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	padding: 3.13rem 3.13rem 0 3.13rem;*/
	background-color: #fff;
}
	.blockVideo iframe {
		width: 100%;
	}
	.blockVideo .bgdVideo.videoChalco,
	.blockVideo .bgdVideo.videoMoulage,
	.blockVideo .bgdVideo.video {
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-size: contain;
		text-align: center;
	}

.footer .videoMoulage iframe,
.videoMoulage iframe {
	background-image: url('../../../Images/Moulage/illus-ecr18.jpg');
	background-size: cover;
	background-position: center;
}

.footer .videoChalco iframe,
.videoChalco iframe {
	background-image: url('../../../Images/Chalco/illus-ecr29.jpg');
	background-size: cover;
	background-position: center;
}

.blockVideo .btClose {
	width: 2.75em;
	height: 2.75em;
	display: inline-block;
	background-color: #ffffffb6;
	background-image: url(../../../Images/_Common/Svg/btDelBlack.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50%;
	background-position: center;
	-webkit-border-radius: 2.75rem;
	-moz-border-radius: 2.75rem;
	border-radius: 2.75rem;
	position: absolute;
	right: 10px;
	margin-top: 10px;
}

/*--------Font-size fixe Header--------*/
.titreHeader {
	font-size: 28px;
	line-height: 28px;
}
.fontLang {
	font-size: 16px;
	line-height: 16px;
}
.btSearchPlusTop {
	font-size: 11px;
	letter-spacing: 0.8px;
	line-height: 13px;
}
.fontFreeSearch {
	font-size: 0.875rem
}
/*--------1110px---------*/
@media (max-width: 69.375em) {
	.titreHeader {
		font-size: 26px;
		line-height: 26px;
		letter-spacing: -0.916px;
	}
}

/*------------------------------------------------------------*/
/*----------FONTS SIZES---------------------------------------*/
/*------------------------------------------------------------*/


/*-----600px------ */
@media (max-width: 37.5em) {
	.titreHeader {
		font-size: 17px;
		line-height: 17px;
		letter-spacing: -0.903px;
	}
	.fontLang {
		font-size: 0.75rem;
		line-height: 0.75rem;
	}
	.fontMenu {
		font-size: 1rem;
	}
	.fontFilAriane, .btComment {
		font-size: 0.625rem;
	}
	.fontInfos,
	.fontFooter {
		font-size: calc((9 / var(--width3)) * 100vw);
		line-height: calc((11 / var(--width3)) * 100vw);
	}
	.menuFooterTop.fontFooter {
		font-size: calc((12.1 / var(--width3)) * 100vw);
		line-height: calc((13 / var(--width3)) * 100vw);
	}
	.fontTitre {
		font-size: calc((20 / var(--width3)) * 100vw);
		line-height: calc((22 / var(--width3)) * 100vw);
		letter-spacing: -0.285px;
	}
	.fontLinkTop {
		font-size: calc((12.1 / var(--width3)) * 100vw);
		line-height: normal;
	}

	 /*search*/
	.infoContact,
	.infoSearch,
	.lbContact,
	.labelCm,
	.ligneSearch,
	.ligneSearch label,
	.ligneSearch span.labelCbx {
		font-size: calc((14 / var(--width3)) * 100vw);
	}
	#newsletter .labelMsg, 
	.popupNews input {
		font-size: calc((12 / var(--width3)) * 100vw);
	}
	.lbContact.shrink {
		font-size: calc((12.1 / var(--width3)) * 100vw);
	}
	.labelSelected a.btLabel {
		line-height: calc((28 / var(--width3)) * 100vw);
		font-size: calc((14 / var(--width3)) * 100vw);
	}	
	.ligneSearch input, .labelSearch a {
		font-size: calc((14 / var(--width3)) * 100vw);
	}
	/*.buttonSend button,*/
	.contentSearch .buttonSearch button,
	.contentSearch .buttonSearch a {
		font-size: calc((12.1 / var(--width3)) * 100vw);
		line-height: normal;
		letter-spacing: calc((1.2 / var(--width3)) * 100vw);
	}
	.popupNews input,
	.conteneurContact .coloneContact input,
	.conteneurContact .coloneContact select,
	.conteneurContact .coloneContact textarea {
		font-size: calc((14 / var(--width3)) * 100vw);
		line-height: calc((16 / var(--width3)) * 100vw);
	}
	.conteneurContact .ligneContact.infoChamps {
		font-size: calc((12.1 / var(--width3)) * 100vw);		
		padding-top: calc((30 / var(--width3)) * 100vw);
	}
		
	.conteneurContact .diviContact label {
		font-size: calc((11 / var(--width3)) * 100vw);
	}
	.labelMsg {
		font-size: calc((11 / var(--width3)) * 100vw);
	}

	input[type=text],
	textarea {
		font-size: 1rem !important;
	}
	.linkTopPage {
		padding-left: calc((15 / var(--width3)) * 100vw);
		padding-bottom: 0;
	}
}

/*-----601px------ */
@media (min-width: 37.563em) {
	.fontMenu {
		font-size: var(--typoMenuWidth2__10);
	}
	.fontSMenu {
		font-size: var(--typoMenuWidth2__10);
	}
	.fontFilAriane, .btComment {
		font-size: calc((9 / var(--width2)) * 100vw);
	}
	.fontInfos,
	.fontFooter {
		font-size: calc((9 / var(--width2)) * 100vw);
		line-height: calc((12.1 / var(--width2)) * 100vw);
	}
	.fontTitre {
		font-size: calc((24 / var(--width2)) * 100vw);
		letter-spacing: -0.937px;
	}
	.fontLinkTop {
		font-size: calc((16 / var(--width2)) * 100vw);
	}
	 /*search*/
	.infoContact,
	.infoSearch,
	.lbContact,
	.labelCm,
	.ligneSearch,
	.ligneSearch label,
	.ligneSearch span.labelCbx {
			font-size: calc((16 / var(--width2)) * 100vw);
		}
	#newsletter .labelMsg, 
	.popupNews input {
		font-size: calc((14 / var(--width2)) * 100vw);
	}
	.labelSelected a.btLabel {
		line-height: calc((22 / var(--width2)) * 100vw);
		font-size: calc((14 / var(--width2)) * 100vw);
	}
	.ligneSearch input,
	.labelSearch a {
		font-size: calc((14 / var(--width2)) * 100vw);
	}
	.buttonSend button,
    .contentSearch .buttonSearch button,
    .contentSearch .buttonSearch a {
        font-size: calc((16 / var(--width2)) * 100vw);
        line-height: normal;
        letter-spacing: calc((1.5 / var(--width2)) * 100vw);
    }
	
	.linkTopPage {
		padding-left: calc((30 / var(--width2)) * 100vw);
		padding-bottom: calc((3 / var(--width2)) * 100vw);
	}
}
/*--------1110x---------*/
@media (min-width: 69.375em) {
	/*font-size*/
	
	.fontTitre.fontserree,
	.titreName.fontserree{
		letter-spacing: -0.033em;
	}
	.fontMenu {
		font-size: var(--typoMenuWidth1__16);
	}
	.fontSMenu {
		font-size: var(--typoMenuWidth1__16);
	}
	.fontFilAriane, .btComment {
		font-size: 0.756rem;
	}
	.fontInfos,
	.fontFooter {
		font-size: calc((12.1 / var(--width1)) * 100vw);
		line-height: calc((14 / var(--width1)) * 100vw);
	}
	.fontTitre {
		font-size: calc((56 / var(--width1)) * 100vw);
		letter-spacing: -0.937px;
	}
	.fontLinkTop {
		font-size: calc((39 / var(--width1)) * 100vw);
	}

	 /*search*/	
	.infoContact, .infoSearch {
		font-size: calc((32 / var(--width1)) * 100vw);
	}
	.lbContact,
	.labelCm,
	.ligneSearch,
	.ligneSearch label,
	.ligneSearch span.labelCbx {
			font-size: calc((18 / var(--width1)) * 100vw);
		}
	#newsletter .labelMsg, 
	.popupNews input {
		font-size: calc((16 / var(--width1)) * 100vw);
	}
	.labelSelected a.btLabel {
		line-height: calc((34 / var(--width1)) * 100vw);
		font-size: calc((16 / var(--width1)) * 100vw);
	}
	.ligneSearch input,
	.labelSearch a {
		font-size: calc((20 / var(--width1)) * 100vw);
	}
	.buttonSend button,
    .contentSearch .buttonSearch button,
    .contentSearch .buttonSearch a {
        font-size: calc((27 / var(--width1)) * 100vw);
        line-height: calc((24 / var(--width1)) * 100vw);
        letter-spacing: calc((2.24 / var(--width1)) * 100vw);
    }	
	.linkTopPage {
		padding-left: calc((38 / var(--width1)) * 100vw);
		padding-bottom: calc((6 / var(--width1)) * 100vw);
	}
}
/*--------1921px---------*/
@media (min-width: 120.063em) {
	.fontMenu {
		font-size: 1rem;
	}
	.fontSMenu {
		font-size: 1rem;
	}
/*	.fontLang {
		font-size: 1rem;
		line-height: 1rem;
	}*/
	.fontFilAriane, .btComment {
		font-size: 0.756rem;
	}
	.fontInfos,
	.fontFooter {
		font-size: 0.756rem;
		line-height: 0.875rem;
	}
	.fontTitre {
		font-size: 3.5rem;
		letter-spacing: -0.937px;
	}
	.fontLinkTop {
		font-size: 2.438rem;
	}
	
	 /*search*/	
	.infoContact, .infoSearch {
		font-size: 2rem;
	}
	.lbContact,
	.labelCm,
	.ligneSearch,
	.ligneSearch label,
	.ligneSearch span.labelCbx {
		font-size: 1.125rem;
	}
	#newsletter .labelMsg, 
	.popupNews input {
		font-size: 1rem;
	}
	.labelSelected a.btLabel {
		line-height: 2rem;
		font-size: 1rem;
	}
	.ligneSearch input,
	.labelSearch a {
		font-size: 1rem;
	}
	.buttonSend button
	.contentSearch .buttonSearch button,
	.contentSearch .buttonSearch a {
		font-size: 1.688rem;
	}
	.titreSearch, .divTitre {
		padding: var(--padding);
	}
	.menuTop {
		margin-right: 2.5rem;
	}
	.menuTop:last-child {
		margin-left: 4.25rem;
	}
	
	.menuFooter {
		width: 1740px;
	}
	.menuFooterTop a {
		margin-right: 14px;
	}
	.pictoFooter {
		width: 30px;
		height: 30px;
		margin-left: 10px;
	}
	.menuFooterBottom {
		padding-top: 10px;
	}
	.popupNews input,
	.conteneurContact .coloneContact input,
	.conteneurContact .coloneContact select,
	.conteneurContact .coloneContact textarea {
		font-size: 1.25rem;
		line-height: 1.25rem;
	}
	.conteneurContact .ligneContact.infoChamps {
		font-size: 0.756rem;
	}
	.labelMsg {
		font-size: 0.756rem;
	}
}
/*----------FIN FONTS SIZES------------------------------------*/

/*----------Grand Ecran---------------------------------------*/

.popupNews .diviContact,
.conteneurContact .diviContact {
	display: flex;
	align-items: flex-end;
	gap: 1rem;
}
.popupNews .diviContact label,
.conteneurContact .diviContact label {
	flex-shrink: 0;
	margin-bottom: 0;
}
.popupNews .diviContact label.shrink {flex-shrink: 1;}
.popupNews input,
.conteneurContact .coloneContact input {
	border: none;
	border-bottom: 1px dotted #000;
	background: transparent;
	outline: none;
	padding: 8px 4px;
	flex: 1;
}
	.popupNews input.iSearchCbx, 
	.popupNews input.newsBoutique {
		flex: unset;
		background-size: unset;
		outline: none;
		width: 1.5rem;
		height: 1.5rem;
	}
.popupNews input:focus,
.conteneurContact .coloneContact input:focus {
	border-bottom: 1px solid #000;
}
.popupNews input,
.conteneurContact .coloneContact input,
.conteneurContact .coloneContact select,
.conteneurContact .coloneContact textarea {
	width: 100%;
	font-family: inherit !important;
}
.popupNews input,
.conteneurContact .coloneContact input {
	padding: unset;
}
.conteneurContact .coloneContact textarea {	
	border: 1px dotted #000;
}
.labelMsg {
	position: absolute;
	color: red;
	top: 1.625rem;
	display: none;
}
#newsletter .labelMsg {
	top: 2.3rem;
}
.popupNews .diviContact,
.conteneurContact .diviContact {
	position: relative;
}
.conteneurContact .diviContact:has(textarea) {
	padding-bottom: unset;
}	

.conteneurContact .buttonSend {
	float: left;
}
.ecrValidationAbonnement .conteneurContact .buttonSend {
	display: flex;
    justify-content: flex-start;
    gap: 10px;
    width: auto;
}
.ecrValidationAbonnement .conteneurContact .buttonSend button {
	flex: 0 0 auto;
}
.ecrValidationAbonnement .conteneurContact .buttonSend button a {
	color: unset;
}
.popupNews.conteneurContact .buttonSend {
	float: unset;
	padding-bottom : 1.25rem;
}
.labelError {
	display: block;
}

.marge-bottom1 {
	margin-bottom: 2rem;
}
.margeRightLeft{
	padding: 0 var(--padding);
}
#search,
.infoSearch, .blockContact,
.singleColumn {
	padding: 0 var(--padding);
	max-width: 1400px;
}
.infoSearch, .conteneurContact .infoContact,
.singleColumn {
	margin-top: 1.375rem;
}
#search, .conteneurContact .sous-Titre-partie-texte-long, .ecrNewsLetter  .infoSearch {
	margin-top: 3.5rem;
}
.ligneSearch,.conteneurContact .interligne {
	padding-bottom: 4rem;
}
.ligneSearch input:not([type="checkbox"]),
.blockSelect{
	height: 4rem;
}
.searchListe.open .labelsSelected {
	min-height: 4rem;
}
.contentSearch .buttonSearch button,
.contentSearch .buttonSearch a,
.conteneurContact .buttonSend button {
	letter-spacing: 0.06rem;
	padding: 2.25rem 3.5rem;
}
.popupNews .diviContact.optin {
	gap: 0.5rem;
	align-items: flex-start;
}
.margeNewsletter {
	padding-top: 1.25rem;
	padding-bottom: 2.25rem;
}

.popupNews.conteneurContact .buttonSend {
	padding-bottom : 1.25rem;
}

/*--------1920px---------------------------------------*/
@media (max-width: 120em) {
	.marge-bottom1 {
		margin-bottom: calc((32 / var(--width1)) * 100vw);
	}
	.conteneur {
		border-left: none;
		border-right: none;
	}
	.menuTop {
		margin-right: calc((40 / var(--width1)) * 100vw);
	}
		.menuTop:last-child {
			margin-left: calc((68 / var(--width1)) * 100vw);
		}
	.menuFooter {
		width: calc(100% - (((3 * 44) / var(--width1)) * 100vw));
	}
	.menuFooterTop a {
		margin-right: calc((14 / var(--width1)) * 100vw);
	}
	.pictoFooter {
		width: calc((30 / var(--width1)) * 100vw);
		height: calc((30 / var(--width1)) * 100vw);
		margin-left: calc((10 / var(--width1)) * 100vw);
	}
	.menuFooterBottom {
		padding-top: calc((10 / var(--width1)) * 100vw);
	}
/*search*/
	.btCloseSearch {
		width: calc((60 / var(--width1)) * 100vw);
		height: calc((60 / var(--width1)) * 100vw);
	}
	.div_searchPlus {
		top: var(--headerHeight);
	}
	.ligneSearch .diviSearch {
		width: calc(50% - 1.15rem);
		margin-right: 2.18rem;
	}
	#search,
	.infoSearch, .blockContact,
	.singleColumn {
		max-width: calc((1400 / var(--width1)) * 100vw);
	}
	.infoSearch, .conteneurContact .infoContact,
	.singleColumn {
		margin-top: calc((22 / var(--width1)) * 100vw);
	}
	#search, .conteneurContact .sous-Titre-partie-texte-long, .ecrNewsLetter  .infoSearch {
		margin-top: calc((56 / var(--width1)) * 100vw);
	}
	.ligneSearch, 
	.conteneurContact .interligne {
		padding-bottom: calc((64 / var(--width1)) * 100vw);
	}
	.ligneSearch input:not([type="checkbox"]),
	.blockSelect {
		height: calc((64 / var(--width1)) * 100vw);
	}	
	.searchListe.open .labelsSelected {
		min-height: calc((64 / var(--width1)) * 100vw);
	}
	.popupNews .buttonSend button,
	.contentSearch .buttonSearch button,
	.contentSearch .buttonSearch a,
	.conteneurContact .buttonSend button {
		letter-spacing: 0.06rem;
		padding: calc((36 / var(--width1)) * 100vw) calc((56 / var(--width1)) * 100vw);
	}
	.labelSelected a.btLabel {
		height: calc((36 / var(--width1))* 100vw);
	}
	.labelsSelected {
		min-height: calc((64 / var(--width1))* 100vw);
	}
	.popupNews .diviContact,
	.conteneurContact .diviContact {
		gap: calc((16 / var(--width1)) * 100vw);
	}	
	.conteneurContact .coloneContact textarea {
		height: calc((310 / var(--width1)) * 100vw);
		padding: calc((16 / var(--width1)) * 100vw);
	}
	.conteneurContact .ligneContact.infoChamps {
		padding-top: calc((64 / var(--width1)) * 100vw);
	}
	.conteneurContact .fond-argu-texte-long-chapeau {
		margin-top: calc((24 / var(--width1)) * 100vw);
	}
	.labelMsg {
		top: calc((26 / var(--width1)) * 100vw);
	}	
	#message + .labelMsg {
		top: calc((12 / var(--width1)) * 100vw);
	}
	#newsletter .labelMsg {
		top: calc((32 / var(--width1)) * 100vw);
	}
	.popupNews {
		width: calc((630 / var(--width1)) * 100vw);
		right: calc((-630 / var(--width1)) * 100vw)
	}
	.popupNews.popupNewsVisible {
		right: 26px;
	}
	.popupNews .divbtClose {		
		top: calc((24 / var(--width1)) * 100vw);
		right: calc((24 / var(--width1)) * 100vw);
		width: calc((60 / var(--width1)) * 100vw);
		height: calc((60 / var(--width1)) * 100vw);
	}
	.popupNews .diviContact.optin {
		gap: calc((8 / var(--width1)) * 100vw);
	}
	.margeNewsletter {
		padding-top: calc((20 / var(--width1)) * 100vw);
		padding-bottom: calc((36 / var(--width1)) * 100vw);
	}
	.popupNews.conteneurContact .buttonSend {
		padding-bottom : calc((20 / var(--width1)) * 100vw);
	}
		.popupNews input.iSearchCbx,
		.popupNews input.newsBoutique {
			width: calc((24 / var(--width1)) * 100vw);
			height: calc((24 / var(--width1)) * 100vw);
		}
}

/*--------1110x---------*/
@media (max-width: 69.375em) {
	.marge-bottom1 {
		margin-bottom: calc((16 / var(--width2)) * 100vw);
	}
	.margeRightLeft{
		padding: 0 var(--padding2);
	}
	.topHeader {
		height: var(--headerHeight2);
		padding: 0 var(--padding2);
	}
	.divMenuTop {
		padding: 0 var(--padding2);
		line-height: var(--divArianeHeight2);
	}
	.divAriane {
		height: var(--divArianeHeight2);
		padding: 0 var(--padding2);
	}
	.menuAriane a {
		line-height: var(--divArianeHeight2);
	}
	.menuTop-content {
		top: var(--divArianeHeight2);
	}
	.menuTop {
		margin-right: calc((10 / var(--width2)) * 100vw);
	}
	.menuTop:last-child {
		margin-left: calc((38 / var(--width2)) * 100vw);
	}
	.divLogo {
		height: 42px;
		width: 159px;
		margin-top: 16px;
	}
	.titreHeader {
		margin-left: 45px;
	}
	.divBtHeader {
		margin-right: 25px;
	}
	.btsHeader {
		height: calc(var(--headerHeight2) / 2);
		margin-top: calc(var(--headerHeight2) / 4);
	}
	.divBurger {
		width: 50px;
	}
	/*.divBtHeader .btFreeSearch {
		width: 1.875rem;
	}*/
	footer {
		padding: 1rem var(--padding2);
	}
	.menuFooter {
		width: calc(100% - (((2 * 34) / var(--width2)) * 100vw));
	}
	.menuFooterTop a {
		margin-right: calc((14 / var(--width2)) * 100vw);
	}
	.pictoFooter {
		width: calc((20 / var(--width2)) * 100vw);
		height: calc((20 / var(--width2)) * 100vw);
		margin-left: calc((10 / var(--width2)) * 100vw);
	}
	.titreSearch, .divTitre {
		padding: calc((13 / var(--width2))* 100vw) var(--padding2) calc((19 / var(--width2))* 100vw) var(--padding2);
	}
	header{
		position:fixed;
	}
		header.posRelative {
			position: relative;
		}
			header.posRelative .topHeader {
				position: fixed;
				z-index: 1110;
			}

	#content {
		padding-top: var(--headerHeight2);
	}
	.conteneur.menuOpen #content {
		padding-top: calc(var(--headerHeight2) + var(--divArianeHeight2) + 2px);
	}
	
	.linkSMenuTop {
		padding-bottom: 0;
		margin-bottom: 0.6rem;
		line-height: 1.2;
	}
	.linkSMenuTop:last-of-type {
		padding-bottom: 0;
		margin-bottom: 0;
	}
	/*search*/
	.btCloseSearch {
		width: calc((32 / var(--width2)) * 100vw);
		height: calc((32 / var(--width2)) * 100vw);
	}
	.div_searchPlus {
		top: var(--headerHeight2);
		min-height: calc(100vh - var(--headerHeight2));
	}
	.ligneSearch .diviSearch {
		width: calc(50% - 1.15rem);
		margin-right: 2.18rem;
	}	
	.infoSearch, .blockContact,
	.singleColumn {
		padding: 0 var(--padding2);
		max-width: 100%;
	}
	.infoSearch, .conteneurContact .infoContact,
	.singleColumn {
		margin-top: calc((26 / var(--width2)) * 100vw);
	}
	#search, .conteneurContact .sous-Titre-partie-texte-long, .ecrNewsLetter  .infoSearch {
		margin-top: calc((50 / var(--width2)) * 100vw);
	}
	#search {
		padding: 0 var(--padding2);
		max-width: unset;
	}
	.ligneSearch, 
	.conteneurContact .interligne {
		padding-bottom: calc((38 / var(--width2)) * 100vw);
	}
	.ligneSearch input:not([type="checkbox"]),
	.blockSelect{
		height: calc((38 / var(--width2)) * 100vw);
	}
	.searchListe.open .labelsSelected {
		min-height: calc((38 / var(--width2)) * 100vw);
	}
	.popupNews .buttonSend button
	.contentSearch .buttonSearch button,
	.contentSearch .buttonSearch a,
	.conteneurContact .buttonSend button {
		letter-spacing: 0.06rem;
		padding: calc((24 / var(--width2)) * 100vw) calc((40 / var(--width2)) * 100vw);
	}	
	.labelsSelected {
		height: calc((38 / var(--width2))* 100vw);
		padding-bottom: unset;
	}
	.labelSelected a.btLabel {
		height: calc((24 / var(--width2))* 100vw);
	}
	.popupNews .diviContact,
	.conteneurContact .diviContact { 
		align-items: flex-start;
		flex-direction: column;
		gap: calc((16 / var(--width2)) * 100vw)
	}	
	.popupNews.conteneurContact .diviContact {
		flex-direction: row;
	}
	.conteneurContact .ligneContact.infoChamps {
		padding-top: calc((50 / var(--width2)) * 100vw);
	}
	.popupNews input,
	.conteneurContact .coloneContact input,
	.conteneurContact .coloneContact select {
		height: calc((16 / var(--width2)) * 100vw);
	}
	.conteneurContact .coloneContact textarea {
		padding: calc((16 / var(--width2)) * 100vw);
	}
	.conteneurContact .fond-argu-texte-long-chapeau {
		margin-top: calc((20 / var(--width2)) * 100vw);
	}
	.labelMsg {
		top: calc((16 / var(--width2))* 100vw);
	}	
	
	#newsletter .labelMsg {
		top: calc((25 / var(--width2)) * 100vw);
	}
	.popupNews {
		width: calc((490 / var(--width2)) * 100vw);
		right: calc((-490 / var(--width2)) * 100vw);
	}
	.popupNews .divbtClose {		
		top: calc((14 / var(--width2)) * 100vw);
		right: calc((14 / var(--width2)) * 100vw);
		width: calc((32 / var(--width2)) * 100vw);
		height: calc((32 / var(--width2)) * 100vw);
	}
	.popupNews .diviContact.optin {
		gap: calc((8 / var(--width2)) * 100vw);
	}
	.margeNewsletter {
		padding-top: calc((16 / var(--width2)) * 100vw);
		padding-bottom: calc((32 / var(--width2)) * 100vw);
	}
	.popupNews.conteneurContact .buttonSend {
		padding-bottom : calc((16 / var(--width2)) * 100vw);
	}
		.popupNews input.iSearchCbx,
		.popupNews input.newsBoutique {
			width: calc((24 / var(--width2)) * 100vw);
			height: calc((24 / var(--width2)) * 100vw);
		}
	.blockVideo .btClose {
		width: 2em;
		height: 2em;
		-webkit-border-radius: 2rem;
		-moz-border-radius: 2rem;
		border-radius: 3.25rem;
		right: 5px;
		margin-top: 5px;
	}
}
/*-------850px---------*/
@media (max-width: 53.125em) {
	/*input search Open*/
	header.searchOpen .divLangs,
	header.searchOpen .btBasket,
	header.searchOpen .divBurger {
		display: none;
	}

	header.searchOpen .divBtHeader {
		margin-right: 0;
	}
}
/*-------690px---------*/
@media (max-width: 43.125em) {
	.menuTop:last-child {
        margin-left: 0;
    }
}
/*-------676px---------*/
@media (max-width: 42.25em) {
    /*input search Open*/
    header.searchOpen .freeSearch {
        width: 206px;
        float: right;
    }
    header.searchOpen input.iSearch {
        width: 11rem;
    }
}
/*-------653px---------*/
@media (max-width: 40.813em) {
	.menuTop {
        margin-right: calc((5 / var(--width2)) * 100vw);
		letter-spacing: -0.02em;
    }
}
/*-------626px---------*/
@media (max-width: 39.125em) {
	.titreHeader {
        margin-left: 21px;
	}
}

/*-------600px---------*/
@media (max-width: 37.5em) {
	.marge-bottom1 {
		margin-bottom: calc((16 / var(--width3)) * 100vw);
	}
	.margeRightLeft{
		padding: 0 var(--padding3);
	}
	.topHeader {
		height: var(--headerHeight3);
		padding: 0 var(--padding3);
	}
	.divAriane {
		height: var(--divArianeHeight3);
		padding: 0 var(--padding3);
		display: block;
	}
	.menuAriane a {
		line-height: var(--divArianeHeight3);
	}
	.menuTop-content {
		top: var(--divArianeHeight3);
	}
	.divLogo {
		height: 28px;
        width: 103px;
        margin-top: 10px;
	}
	.titreHeader {
		margin-left: 30px;
	}
	.divBtHeader {
		margin-right: 12px;
	}
	.btsHeader {
		height: 32px; 
		margin-top: 16px; 
	}
	.divBtHeader .btFreeSearch {
		width: 20px;
	}
	.btBasket {
		width: 28px;
	}
	.divBurger {
		width: 35px;
	}
		.divBurger span.spanBurger:first-child {
			top: calc(50% - 16px);
		}
		.divBurger span.spanBurger:last-child {
			top: calc(50% + 16px);
		}
		.divBurger.open {
			width: 42px;
		}
		.divBurger.open span.spanBurger:last-child, .divBurger.open span.spanBurger:first-child {
			top: 50%;
		}
	.btLang:last-of-type {
		padding-top: 5px;
	}
	.menuTop {
		float: left;
		position: relative;
		margin-right: 0;
		padding-left: var(--padding3);
		width: 100%;
		height: auto;
		min-height: 1.5625rem;
		line-height: 1.5625rem;
		border-bottom: var(--border);
		letter-spacing: unset;
	}
	.menuTop:last-child {
		margin-left: 0;
	}
	 .divMenuTop {
		display:none;
		padding: 0;
		line-height: var(--divArianeHeight3);
	}
		.divMenuTop.menuOpen {
			width: 100%;
			height: calc(100vh - var(--headerHeight3));
			line-height: normal;
			padding-left: 0;
			border-bottom: 0;
			position: absolute;
			top: var(--headerHeight3);
			left: 0;
			background-color: #fff;
			overflow: hidden;
			overflow-y: auto;
			display: block;
		}
	.btMenu {
		background-image: url(../../../Images/_Common/Svg/btPlus1.svg);
		background-position: right 0.85rem center;
		background-size: 0.69rem;
		background-repeat: no-repeat;
	}
		.btMenu.open {
			background-image: url(../../../Images/_Common/Svg/btMinus1.svg);
		}
	.linkMenuTop {
		width: 100%;
		height: 2.4rem;
		line-height: 2.4rem;
		float: left;
	}
	.linkSMenuTop {
		position: relative;
		width: 100%;
		white-space: normal;
	}
	.linkSMenuTop:last-of-type {
		margin-bottom: 0.6rem;
	}
	.menuTop-content {
		position: relative;
		width: 100%;
		left: unset;
		top: unset;
		padding: 1rem;
		padding-top: 0;
		padding-bottom: 0.5rem;
		border: 0;
		float: left;
	}
	footer {
		padding: 0.5rem var(--padding3);
	}
	.menuFooterTop a {
		margin-right: calc((14 / var(--width3)) * 100vw);
	}
	.menuFooter {
		width: calc(100% - (((2 * 34) / var(--width3)) * 100vw));
	}
	.pictoFooter {
		width: calc((20 / var(--width3)) * 100vw);
		height: calc((20 / var(--width3)) * 100vw);
		margin-left: calc((10 / var(--width3)) * 100vw);
	}
	/**/
	.titreSearch, .divTitre {
		padding: calc((9 / var(--width3))* 100vw) var(--padding3) calc((10 / var(--width3))* 100vw) var(--padding3);
	}
	.divTitre br {
		display: block;
	}
	.linkTopPage, .titreCollection {
		vertical-align: bottom;
	}
	/*header fixed*/
	header{
		position:fixed;
	}
		header.posRelative {
			position: relative;
		}
			header.posRelative .topHeader {
				position: fixed;
				z-index:1110;
			}
	#content {
		padding-top: var(--headerHeight3);
	}
	.conteneur.menuOpen #content {
		padding-top: calc(var(--headerHeight3) + var(--divArianeHeight3) + 2px);
	}
	.smartphone_hidden {
		display: none;
	}
	 /*search*/
	.div_searchPlus {
		top: var(--headerHeight3);
		min-height: calc(100vh - var(--headerHeight3));
	}
	.ligneSearch .diviSearch {
		width: calc(100% - 1.1rem);
		padding-bottom: calc((24 / var(--width3)) * 100vw);
	}
	.marge-top-search {
		padding-top: 2rem;
	}
	.marge-bottom-search {
		padding-bottom: 2rem;
	}
	.divbtClose {
		top: 0.6em;
		width: auto;
		height: auto;
	}
	.btCloseSearch {
		width: calc((22 / var(--width3)) * 100vw);
		height: calc((22 / var(--width3)) * 100vw);
		background-size: calc((22 / var(--width3)) * 100vw);
	}
	.ligneSearch.bottomLigne {
		margin-bottom: 0;
	}
	.ligneSearch label {
		margin-bottom: 0.3rem;
	}
	.ligneSearch input:not([type="checkbox"]), 
	.ligneSearch .searchListe {
		height: 2rem;
	} 
	.labelsSelected {
		height: calc((35 / var(--width3))* 100vw);
		padding-bottom: unset;
	}
	.blockSelect {
		height: 2rem;
	}
	.searchListe.open .blockSelect {
		min-height: 2rem;
	}
	.searchListe.open .labelsSelected {
		min-height: 2rem;
	}
	.labelsSearch {
		max-height: 20.1rem;
	}
	.labelSearch {
		padding: 0.5rem 0.31rem;
	}
	.labelSelected a.btLabel {
		height: calc((26 / var(--width3))* 100vw);
	}
	.labelSelected {
		padding-top: 0.12rem;
		padding-left: 0.12rem;
	}
	.labelSelected:last-of-type {
		padding-bottom: 0.12rem;
	}
	.labelsSelected {
		overflow: hidden;
	}

	.divLabels {
		min-height: calc((35 / var(--width3)) * 100vw);
		overflow: hidden;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
/*	.searchListe .btISearch {
		width: 2rem;
	}*/
	.searchListe .btISearch.open {
		background-position: right 1rem top 0.56rem;
	}
	.labelSelected a.btLabel{
		white-space:nowrap;
	}
	.labelCm {
		padding: 0 0.6rem;
	}
	.ligneSearch input.iShort {
		width: 4rem;
	}
	.ligneSearch input.cbx_couleur, 
	.ligneSearch input.cbx_format {
		margin-top: 0rem;
	}
	.contentSearch .blockBouton {
		width:100%;
		text-align: center;
	}
	.contentSearch .blockBouton .buttonSearch {
		float: none;
		margin-right: 0;
		display: inline-block;
		margin-bottom: 1.875rem;
		width: 100%;
	}
	.infoSearch, .blockContact,
	.singleColumn {
		padding: 0 var(--padding3);
		max-width: none;
		width:100%;
	}	
	.infoSearch, .conteneurContact .infoContact,
	.singleColumn {
		margin-top: calc((13 / var(--width3)) * 100vw);
	}	
	#search, .conteneurContact .sous-Titre-partie-texte-long, .ecrNewsLetter  .infoSearch {
		margin-top: calc((24 / var(--width3)) * 100vw);
	}
	#search {
		padding: 0 var(--padding3);
	}
	.conteneurContact .interligne,
	.conteneurContact .bottomLigne {
		padding-bottom: calc((20 / var(--width3)) * 100vw);
	}
	.ligneSearch {
		padding-bottom: unset;
	}
	.ligneSearch input:not([type="checkbox"]),
	.blockSelect {
		height: calc((35 / var(--width3)) * 100vw);
	}
	.searchListe.open .labelsSelected {
		min-height: calc((35 / var(--width3)) * 100vw);
	}
	.popupNews .buttonSend button,
	.contentSearch .buttonSearch button,
	.contentSearch .buttonSearch a /*,
	.conteneurContact .buttonSend button*/ {
		letter-spacing: 0.06rem;
		padding: calc((24 / var(--width3)) * 100vw) calc((40 / var(--width3)) * 100vw);
		float: left;
	}
	.conteneurContact .buttonSend button {
		padding: calc((6 / var(--width3)) * 100vw) var(--padding3);
		float: unset;
		font-size: calc((14 / var(--width3)) * 100vw);
		line-height: calc((16 / var(--width3)) * 100vw);
		background: #d9d9d9;
		display: block;
		width: 100%;
		letter-spacing: normal;
		text-align: left;
	}
	.conteneurContact .buttonSend {
		width: 100%;
	}
	.ecrValidationAbonnement .conteneurContact .buttonSend {
		flex-direction: column; 
	}		
	.ecrValidationAbonnement .conteneurContact .buttonSend button {
		margin: 0;
	}
	.popupNews.conteneurContact .buttonSend button {
		float: unset;
	}
	.popupNews .diviContact,
	.conteneurContact .diviContact {
		gap: calc((6 / var(--width3)) * 100vw);
	}
	.popupNews input,
	.conteneurContact .coloneContact input,
	.conteneurContact .coloneContact select {
		height: calc((16 / var(--width3)) * 100vw);
	}
	.conteneurContact .coloneContact textarea {
		padding: calc((16 / var(--width3)) * 100vw);
	}
	.conteneurContact .coloneContact.infoChamps {
		margin-top: calc((15 / var(--width3)) * 100vw);
	}
	.conteneurContact .fond-argu-texte-long-chapeau {
		margin-top: calc((10 / var(--width3)) * 100vw);
	}
	.labelMsg {
		top: calc((12 / var(--width3))* 100vw);
	}	
	#message + .labelMsg {
		top: calc((11 / var(--width3))* 100vw);
	}
	#newsletter .labelMsg {
		top: calc((23 / var(--width3))* 100vw);
	}
	.popupNews {
		width: 94vw;
		top: 3.938rem;
		right: -94vw;
	}
	.popupNews .divbtClose {		
	top: calc((10 / var(--width3)) * 100vw);
	right : calc((10 / var(--width3)) * 100vw);
	width: calc((22 / var(--width3)) * 100vw);
	height: calc((22 / var(--width3)) * 100vw);
	}
	.popupNews.popupNewsVisible {
		right: 3vw;
	}
	.popupNews .diviContact.optin {
		gap: calc((4 / var(--width3)) * 100vw);
	}
	.margeNewsletter {
		padding-top: calc((14 / var(--width3)) * 100vw);
		padding-bottom: calc((26 / var(--width3)) * 100vw);
	}
	.popupNews.conteneurContact .buttonSend {
		padding-bottom : calc((26 / var(--width3)) * 100vw);
	}
		.popupNews input.iSearchCbx,
		.popupNews input.newsBoutique {
			width: calc((20 / var(--width3)) * 100vw);
			height: calc((20 / var(--width3)) * 100vw);
		}
	
	
	/*input search Open*/
	header.searchOpen button.buttonSearch {
		width: 20px;
		background-color: #fff;
	}
	header.searchOpen input.iSearch {
		width: 11.5rem;
	}
	.blockVideo .btClose {
		width: 1.5em;
		height: 1.5em;
		-webkit-border-radius: 1.5rem;
		-moz-border-radius: 1.5rem;
		border-radius: 1.5rem;
		right: 5px;
		margin-top: 5px;
	}
	
	.countBasket {
		width: 1rem;
		height: 1rem;
		line-height: 1rem;
		left: 0.313rem;
		top: 0.625rem;
		font-size: 0.8rem;
	}
}
/*-------440px---------
@media (max-width: 27.5em) {
	header.searchOpen .titreHeader {
		display: none;
	}
}*/
/*-------424px---------*/
@media (max-width: 26.5em) {
	
	.divLogo {
		height: 32px;
        width: 125px;
        margin-top: 16px;
	}
	.titreHeader {
		display: none;
	}
}
/*-------359px---------*/
@media (max-width: 22.438em) {
	/*input search Open*/
	header.searchOpen .headerLeft {
		display: none;
	}
	header.searchOpen .freeSearch,
	header.searchOpen input.iSearch {
		max-width: calc(100vw - var(--padding3) * 2);
	}
}
/*-------316px---------*/
@media (max-width: 19.75em) {
	.headerLeft {
		display: none;
	}
}