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

/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,500;1,500&family=Ubuntu:wght@500;700&display=swap');*/

@font-face {
	font-family: "Ionicons";
	src: url("/fonts/ionicons.eot?v=2.0.0");
	src: url("/fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"),
	url("/fonts/ionicons.ttf?v=2.0.0") format("truetype"),
	url("/fonts/ionicons.woff?v=2.0.0") format("woff"),
	url("/fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/*****
	Général
*****/
:root {
	/* Background color */
	--main-bg-color: #FFF;

	--grey-bg-color: #EEE;
	--grey2-bg-color: #ECEBEB;
	--lgrey-bg-color: #F9F9F9;
	--hgrey-bg-color: #87888A;

	--red-bg-color: #EA0F38; /*#F20F38*/
	--hred-bg-color: #C41837;

	--yellow-bg-color: #FAF403;

	--black-bg-color: #1D1F26;
	--lblack-bg-color: #33363f;
	--mblack-bg-color: #2B2F3C;

	/* Text color */
	--main-txt-color: #1D1F26;
	--white-txt-color: #FFF;
	--grey-txt-color: #757575; /*#C1C1C1*/

	--red-txt-color: #E60029; /*#F20F38*/

	/* Text size */
	--min-txt: 0.75rem; /* 12px */
	--pref-txt: 2vw;
	--max-txt: 1rem; /* 16px */

	/* Menu size */
	--menu-width: 450px;
	--menu-height: calc(100vh - 198px); /* 175px */
}

* {margin: 0;} /* padding:0; */

html, body {height: 100%;}

body {overflow-x:hidden;margin: 0;background:var(--main-bg-color);font-size: 100%;font-family: 'Montserrat', 'Roboto', 'Arial', 'Verdana', sans-serif;font-weight: 500;color: var(--main-txt-color);}
body.print {margin: 50px;background-image:none;background-color: var(--main-bg-color);font-size: 16px;font-family: 'Verdana', 'Arial', sans-serif;color: #464646;}
.preload * {transition: none !important;}
.m-fixed {overflow-y:hidden;}

#zt {display: flex;flex-direction:column;min-height: 100%;}

.row {position:relative;width:100%;margin:0;padding:0;}
.containerA {position:relative;max-width:1500px;width:100%;margin-left:auto;margin-right:auto;padding:0;background:none;}

.rowtitreH1 {padding:30px 0;}

#ZC iframe:not(#diapoTop) {max-width:100%;height:auto !important;aspect-ratio:16/9;}


header, footer, .row, h1, h2, h3, h4, h5, p, a, li, span {font-size: clamp(var(--min-txt), var(--pref-txt), var(--max-txt));}

h1, h2, h3, h4, h5, header, .BT001, .BT002, p.tc1, p.tc2, p.tc1a, p.tc2a, p.tc1b {font-family: 'Ubuntu', 'Roboto', 'Arial';font-weight:700;/*letter-spacing:1px;*/}


#ZC .rowtitreH1 h1 {--min-txt: 2.5rem;--max-txt: 3rem;}
h2, .tc1, .tc1a, .tc1b {color:var(--red-txt-color);--min-txt: 2.75rem;--max-txt: 3.5rem;} 
h3, h4, h5, .tc2, .tc2a, .tc2vb {color:var(--black-txt-color);--min-txt: 2.5rem;--max-txt: 2.875rem;}

.tc1, .tc2 {padding-bottom:55px;}

.tc1a {padding-bottom:35px;--min-txt: 1.75rem;--max-txt: 2.25rem;}
.tc2a {padding-bottom:35px;--min-txt: 1rem;--max-txt: 1.45rem;}

.tc1b {padding-bottom:15px;}


.tc2vb {padding-bottom:35px;--min-txt: 2rem;--max-txt: 2.25rem;}


p {margin:0;padding:0;}
#ZC * > p:nth-of-type(n+2) {margin-top:20px;}

a, a:visited {text-decoration:underline;color: currentColor;}
span.obflink {cursor:pointer;}
section a:hover, footer a:hover, section span.obflink:hover, footer span.obflink:hover {text-shadow: 1px 0 0 currentColor}

b {font-weight: 600;}


.BT001, .BT001:visited, .BT002, .BT002:visited {
	display: inline-block;
	transition: background 500ms;
	box-sizing:border-box;
	width:fit-content;
	min-height: 20px;
	padding: 10px;
	border: 0;
	border-radius: 10px;
	background: var(--red-bg-color);
	font-weight: bold;
	text-align:center;
	text-decoration:none;
	line-height:20px;
	color: var(--white-txt-color);
	--max-txt: 1.15rem;
}

.BT001:hover {background: var(--hred-bg-color);text-shadow:none;}


.BT002, .BT002:visited {
	background: var(--lblack-bg-color);
}

.BT002:hover {background: var(--black-bg-color);text-shadow:none;}


.BTImg {display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;min-width:145px;height:45px;}
.BTImg img {display:none;max-height: 35px;max-width: 30px;border-radius:0;filter: brightness(0%) invert(100%) sepia(100%) saturate(0%) hue-rotate(55deg) brightness(104%) contrast(104%);}
.BTImg:hover > img {display:block;}


button {border:none;background:none;cursor:pointer;color:#262626;}


ul {padding-top:10px;padding-bottom:10px;}
ul ul {padding-left: 25px;}

li {margin: 0;padding-left: 20px;background: url('/picts/css/puce-rond.png') no-repeat 0 10px;background-size: 10px;list-style: none;}

#ZC div:not(.h-line) > ul:not(.slider-indicators):nth-child(n+2) {padding-top:20px;padding-bottom:0;}
#ZC li {line-height:1.5;}


input, select, textarea {font: 16px 'Ubuntu', 'Roboto', 'Arial';font-weight:normal;}
select option:checked {font-weight: bold;}

input[type="number"] {-moz-appearance: textfield;}

input[type="radio"], input[type="checkbox"] {accent-color: var(--red-bg-color);}

/* clears the 'X' from Internet Explorer */
input[type="search"]::-ms-clear, input[type="search"]::-ms-reveal {display: none;width: 0;height: 0;}

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display: none;}

/* Cacher les fleches de l'input number */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;}

/*.MsgErr {display:inline-block;margin-bottom:15px;color:red;}*/
.row .msg {margin:0 65px;text-align:center;}

/* Img links on hover */
.row a img, .rowH a img {transition:500ms;}
.row a:not(.BTImg):hover img, .rowH a:hover img {filter:brightness(0.85);}


.socialLogos {display: flex;flex-direction: row;justify-content: right;gap: 10px;}
.socialLogo img {transition:500ms;width:35px;}
.socialLogo:hover img {filter:brightness(0.5);}

.sep1 {width:100%;height:1px;background:#71b4dc;}
.cl2 {clear:both;height:0;font-size:1px;}
.clear {clear: both;display: block;overflow: hidden;height: 0;width: 100%;margin: 0;padding: 0;font-size: 0;line-height: 0;}

a.formbutton2:link, a.formbutton2:visited {padding: 2px 3px;border: solid 1px #a7b8bc;font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;font-size: 9px;color: #505050;}
a.formbutton2:hover {padding: 3px;border: inset 1px #a7b8bc;text-shadow:none;}



/*****
	Popup
*****/
#voile, #voileV {position:fixed;z-index:299;display:none;width:100%;height:100%;background:#454545;opacity:0.5;}

#popuppage {
	position: fixed;
	z-index: 300;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
	max-width: calc(100% - 34px); /* 4px */
	margin: auto;
	background: white;
	border: 2px solid black;
	border-radius: 35px;
}

#popuppage #idiframesite {
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	padding: 20px;
}

.fermerpopup {position: absolute;top: 15px;right: 20px;z-index: 500;}
.fermerpopup img {transition:filter 500ms;filter: brightness(0) saturate(100%) invert(14%) sepia(95%) saturate(5695%) hue-rotate(344deg) brightness(97%) contrast(96%);}
.fermerpopup img:hover {filter: brightness(0) saturate(100%) invert(15%) sepia(100%) saturate(4430%) hue-rotate(342deg) brightness(80%) contrast(90%);}

#rgpd {position:fixed;z-index:9999;bottom:0;width:100%;padding:0;background:black;}
#innerrgpd {width: 1100px;margin: 1px auto;padding: 5px;}
#innerrgpd iframe {width: 100%;height:36px;}

#popupconnexion {display:none;}

#popupPanier {display:flex;flex-direction:column;gap:25px;--pref-txt:3vw;}
#popupPanier .imgCont {display: flex;flex-direction: row;justify-content: center;align-items: center;max-width:130px;width:100%;height:130px;}
#popupPanier img {max-width: 100%;width: auto;max-height: 100%;}

#popupPanier p {text-align:justify;}

#popupPanier > div {display:flex;flex-direction:row;align-items:center;gap:15px;}
#popupPanier > div:nth-child(2) {justify-content:center;}

.popupbody .cookiefirst-root {display:none;}


/*****
	Header
*****/

#voileM {position:fixed;z-index:99;display:none;width:100%;height:100%;background:#454545;opacity:0.5;}

header {
	position: -webkit-sticky;
	position: sticky;
	z-index:100;
	top:0;
	background:var(--main-bg-color);
	box-shadow:0 -5px 10px;
	--max-txt: 1.1rem;
}

.rowH {position:relative;width:100%;padding:15px 0;}
.rowH > .containerA {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;gap:25px;}

.rowH #logo {max-width:300px;width: 100%;} /* clamp(225px, 100%, 335px); */

.rowH .c21 form {display:flex;flex-direction:row;}

.rowH .c21 #search {
	width: 325px; /* clamp(200px,325px,350px)*/
	padding: 5px 10px;
	border-left: 1px solid var(--red-bg-color);
	border-top: 1px solid var(--red-bg-color);
	border-right: 0;
	border-bottom: 1px solid var(--red-bg-color);
	border-radius: 15px 0 0 15px;
	font-weight: bold;
	color: var(--grey-txt-color);
}

.rowH .c21 #search:focus-visible, .rowH .c21 #search:focus-visible + a {outline:1px solid var(--red-bg-color);}
.rowH .c21 a {display: flex;justify-content: center;align-items: center;padding: 3px 10px;border-radius: 0 15px 15px 0;background-color:var(--red-bg-color);}
.rowH .c21 img {max-height:35px;max-width:30px;}

.rowH .c22 {display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:50px;}
.rowH #m-connect {cursor:pointer;}
.rowH #m-cart {position:relative;}
.rowH .nbArt {position:absolute;top:2px;right:5px;color:var(--white-txt-color);}
.rowH .nbArtMore {top:3px;right:0;--max-txt: 0.9rem;}

.accAside {
	display: flex;
	flex-direction: column;
	gap: 35px;
	position: fixed;
	bottom: 0;
	right: 0;
	box-sizing: border-box;
	z-index: 99;
	width: var(--menu-width);
	height: var(--menu-height);
	padding: 25px;
	background: var(--black-bg-color);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
}

.accAside.acc-show {visibility: visible;opacity: 1;}

.accAside > div {display:flex;flex-direction:column;align-items:center;gap:15px;}

.accAside p {color:white;}

.rowH2 {background-color: var(--red-bg-color);} /* position:relative; */
.rowH2 .containerA {position:static;}

.menu #m-actions {display:none;}


/*****
	Footer
*****/

footer {position:relative;width:100%;margin-top:auto;/*padding:35px 0 50px;box-shadow:0 7px 10px;*/}
footer p.fTitle {padding-bottom:20px;font-weight:bold;--min-txt: 1rem;--max-txt: 1.25rem;}
footer a {text-decoration:none;}

.rowF1 {padding-top:50px;padding-bottom:75px;background: var(--lgrey-bg-color);}

.rowF1 .containerA {position:static;display:grid;grid-template-columns:repeat(auto-fit, minmax(325px, 1fr));justify-content:space-between;justify-items:center;gap: 50px;}

.rowF1 .footc {text-align: center;}

.rowF1 .footc img {max-width:50px;}


.rowF2 {padding-top:50px;padding-bottom:50px;background: var(--black-bg-color);color:var(--white-txt-color);}

.rowF2 .containerA {display:grid;grid-template-columns:repeat(auto-fit, minmax(255px, 1fr));justify-content:space-between;gap: 50px;}

.rowF2 .footc img {max-width:50px;}

.rowF2 .footc1 p:nth-of-type(n+2), .rowF2 .footc2 p:nth-of-type(n+2) {margin-top: 10px;}

.rowF2 .footc3 {display: flex;flex-direction:column;gap: 25px;}
.rowF2 .footc3 div {display:flex;flex-direction:row;align-items:center;gap:15px;}

.rowF2 .footc4 {display: flex;flex-flow: row wrap;justify-content: center;align-items: center;gap: 15px;}


/*****
	Bandeau
*****/

.rowh1fond {height:900px;background-size: cover;background-position: center;}
.rowh1fond .containerA {height:100%;}
.rowh1fond .captionh1 {display:flex;flex-direction:row;justify-content:center;align-items:center;height: 100%;}

.captioninh1 h1 {font-size: 60px;}



/*****
	Presentation
*****/
#ZC {width: 100%;margin: 0;}

.row p:not(.tc1) {text-align:justify;}
.row img {border-radius:10px;}
.bord picture, .bord2 picture, #popupPanier picture {display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%;}

.row .lien {justify-content: flex-end;margin-top: 20px;}
.row .lien > a {margin:0;}

.pres1 {display:flex;flex-direction:row;justify-content:space-between;gap:30px;padding: 10px 0;}


.pres2 {display:flex;flex-direction:row;justify-content:space-between;gap:30px;padding: 10px 0;}


.pres3 {display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:30px;padding: 10px 0;}
.texte3 {width:100%;}


.pres4 {display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:30px;padding: 10px 0;}
.texte4 {width:100%;}


.pres5 {padding: 10px 0;}


/*** Actus (toutes) ***/
.presAC {
	position:relative;
	box-sizing:border-box;
	max-width:335px;

	padding: 15px;
	background-color: var(--main-bg-color);
	border-radius:10px;
}

.presAC .imageAC {margin-bottom:15px;text-align:center;}
.presAC .imageAC img {width:100%;}
.presAC .titleAC {font-weight:bold;}
.presAC .readMore {justify-content:flex-end;margin-top:15px;}

/*** Actus - Swiffy ***/
.pres5AC {
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	background:url('/lib/picts/pages1/actualites.png') no-repeat center;
	background-size:contain;
}

.pres5AC .swiffy-slider {max-width:950px;}

/*** Actus - Mosaique ***/
.pres5 > .groupAC {
	display:grid;
	grid-template-columns: repeat(auto-fill, minmax(300px,350px));
	justify-content:space-between;
	justify-items:center;
	gap:50px;
}

/*** Msg - pas de produit, panier vide, ... ***/
/*
.pres5 .myMsg {line-height:25px;}
.pres5 .myMsg a {text-decoration:underline;}
.pres5 .myMsg a:hover {font-weight: bold;}
*/

/*** Mentions legales ***/
.pres5ML a {word-break:break-all;}


.pres10 {display:flex;flex-direction:column;padding: 10px 0;}
.image10 {text-align:center;}
.texte10 {padding-top:25px;}


.pres12 {padding: 10px 0;}
.pres12 > .col {width:256px;padding:0 25px 0 0;}
.pres12 > .col .text {min-height:150px;padding:8px;background:#dbdbdb;}
.pres12 > .col .textbot {width:100px;height:5px;}
.pres12 > .col4 {padding:0;}


.pres15 {padding: 10px 0;}
.pres15 .colCont {display:flex;flex-direction:row;justify-content:space-between;gap:75px;}

.pres15 .col {max-width: 750px;}
.pres15 .intcol {display:flex;flex-direction:column;}
.pres15 .intcol .tyc15 {order:2;}
.pres15 .intcol > a, .pres15 .intcol > .box-img {order:1;}
.pres15 .txt > div:not(.rowmosaique) img {display:block;width: 70%;margin:15px auto 0;}
.pres15 .txt {order:3;}

.pres15centered .colCont {justify-content:space-evenly;}


.pres18 {display:flex;flex-flow:row wrap;justify-content:space-between;gap:30px;padding: 10px 0;}
.pres18 .col {display:flex;flex-direction:column;max-width:240px;text-align:center;}
.pres18 .tyc18 {order:2;margin-top:25px;}
.pres18 .col > a, .pres18 .col > .box-img {order:1;}
.pres18 img {max-width:240px;}
.pres18 .txt {order:3;margin-top:25px;}


.pres19 {display: grid;grid-template-columns: repeat(auto-fill, minmax(auto, 375px));justify-content:space-between;gap:30px;padding: 10px 0;}
.pres19 .col {max-width:375px;display:flex;flex-direction:column;align-items:center;}
.pres19 img {max-width:375px;max-height:300px;}


.pres21 {padding: 10px 0;}
.pres21 p {text-align:left;}
.pres21 .colCont {display: grid;grid-template-columns: repeat(auto-fill, minmax(auto, 285px));justify-content:space-between;gap:30px;}
.pres21 .col {display:flex;flex-direction:column;max-width:285px;}
.pres21 .tyc21 {order:1;}
.pres21 .text {order:2;display:flex;flex-direction:column;height:100%;margin-top:10px;padding:10px;border-radius:10px}
.pres21 .lien {margin-top:auto;padding-top:25px;}
.pres21 .lien a {flex-direction:row-reverse;font-style:normal;color:var(--red-txt-color);--max-txt:1.15rem;}
.pres21 .col hr {width:45%;margin:15px 0;border-bottom:none;}


.pres22 {padding: 10px 0;}
.pres22 .colCont, .pres22 .colContbis {display:flex;flex-flow:row wrap;justify-content:space-between;gap:30px;}
.pres22 .col {max-width:285px;}
.pres22 .box-img img {max-width:285px;}


.pres23 {display:flex;flex-flow:row wrap;justify-content:space-between;padding: 10px 0;}
.pres23 > .col {max-width:350px;width:100%;background:#dbdbdb;}
.pres23 > .col a {text-decoration:none;}
.pres23 .colin {height:270px;overflow:hidden;}
.pres23 .colin h2 {text-align:center;}


.pres24 {display:flex;flex-flow:row wrap;justify-content:space-between;gap:25px 50px;padding: 10px 0;}
.texte24 {max-width:850px;}
.image24 {max-width:550px;}
.pres24 .legimg {text-align:right;}


.pres27 {padding: 10px 0;}
.pres27 .colCont {display:flex;flex-direction:row;justify-content:space-between;gap:30px;text-align:justify;}
.pres27 .col1 {max-width:45%;width:100%;} /* 675px / 551.25 */
.pres27 .col2 {max-width:55%;width:100%;} /* 800px / 673.75 */


.pres28 .accordeon {cursor:pointer;}
.pres28 .accordeon h3 {margin: 6px 0;padding: 20px 0 20px 25px;background: url('/picts/css/fold0.png') no-repeat left;font: 22px Roboto, Arial;font-weight: bold;line-height: 25px;color: #0d0909;}
.pres28 .accordeon.active h3 {background: url('/picts/css/fold1.png') no-repeat left;}


.pres32 {display:flex;flex-flow:row wrap;justify-content:space-between;padding: 10px 0;gap:30px;}
.pres32 .col {width:200px;}
.pres32 .intcol {display:flex;flex-direction:column;align-items:center;}
.pres32 .col .box-img img {max-width:200px;}
.pres32 .col p {text-align:center;}


.listeonglets {display: flex;flex-wrap: wrap;justify-content: center;width:100%;}
.listeonglets label {order: 1;display: block;transition: background ease 0.2s;margin:0 30px;padding: 0 10px;font-size:20px;font-weight: bold;line-height:50px;cursor: pointer;}
.listeonglets .onglet {order: 99;flex-grow: 1;display: none;width: 100%;padding: 1rem;border-top: 1px solid #e0e0e0;}
.listeonglets > input {display: none;}
.listeonglets > input + label::after {content: '';display: block;background: #e0e0e0;width: 0;height: 3px;margin: auto;transition: width .3s;}
.listeonglets > input:checked + label::after, .listeonglets > input + label:hover::after {width: 100%;}
.listeonglets > input:checked + label + .onglet {display: block;}


.pres35 .colCont {display:flex;flex-flow:row wrap;justify-content:space-around;padding: 10px 0;gap:30px;}
.pres35 .col1 {max-width:125px;align-self:center;}
.pres35 .col2, .pres35 .col3 {max-width:375px;}
.pres35 img {max-width:125px;max-height:125px;}



/*****
	Style Add
*****/
.containerfullwidth {width:100%;}

.marg25 {margin:25px 0;}
.marg50 {margin:50px 0;}
.marg75 {margin:75px 0;}
.marg100 {margin:100px 0;}
.marg150 {margin:150px 0;}
.marg250 {margin:250px 0;}

.margt25, .rowrmargt25 {margin-top:25px;}
.margt50, .rowrmargt50 {margin-top:50px;}
.margt75, .rowrmargt75 {margin-top:75px;}
.margt100, .rowrmargt100 {margin-top:100px;}
.margt150, .rowrmargt150 {margin-top:150px;}
.margt250, .rowrmargt250 {margin-top:250px;}

.margb25, .rowrmargb25 {margin-bottom:25px;}
.margb50, .rowrmargb50 {margin-bottom:50px;}
.margb75, .rowrmargb75 {margin-bottom:75px;}
.margb100, .rowrmargb100 {margin-bottom:100px;}
.margb150, .rowrmargb150 {margin-bottom:150px;}
.margb250, .rowrmargb250 {margin-bottom:250px;}

.pad25, .rowbtpad25 {padding:25px 0;}
.pad50, .rowbtpad50 {padding:50px 0;}
.pad75, .rowbtpad75 {padding:75px 0;}
.pad100, .rowbtpad100 {padding:100px 0;}
.pad150, .rowbtpad150 {padding:150px 0;}
.pad250, .rowbtpad250 {padding:250px 0;}

.padt25, .rowrpadt25 {padding-top:25px;}
.padt50, .rowrpadt50 {padding-top:50px;}
.padt75, .rowrpadt75 {padding-top:75px;}
.padt100, .rowrpadt100 {padding-top:100px;}
.padt150, .rowrpadt150 {padding-top:150px;}
.padt250, .rowrpadt250 {padding-top:250px;}

.padb25, .rowrpadb25 {padding-bottom:25px;}
.padb50, .rowrpadb50 {padding-bottom:50px;}
.padb75, .rowrpadb75 {padding-bottom:75px;}
.padb100, .rowrpadb100 {padding-bottom:100px;}
.padb150, .rowrpadb150 {padding-bottom:150px;}
.padb250, .rowrpadb250 {padding-bottom:250px;}


.rowfond1 {background-color:var(--black-bg-color);color:var(--white-txt-color);}

.h-line {display:flex;flex-flow:row wrap;gap:30px 15px;}


/*****
	Carousel / Diapos & Sondage & pagination
*****/

.swiffy-slider img {border-radius:0;}

.slider-container > div {display:flex;flex-direction:row;justify-content:center;align-items:center;}

.slider-indicators {flex-wrap:wrap;}

.slider-indicators li {background-image:none !important;}

#ZC .slider-nav::before {width:20px; height:37px;}

#ZC .slider-nav-chevron .slider-nav::after {
	mask: url('/picts/css/fleche_gauche_diapo.png');
	background-color: var(--red-bg-color);
	width: 20px;
	height: 37px;
}


.carousel24 {position: relative;width:100%;padding: 0;background:none;}
.carousel24 ul {display: block;margin: 0;padding: 0;list-style: none;}
.carousel24 li {float: left;display: block;overflow:hidden;width:100px;height:100px;border: 1px solid #ccc;background:none;margin: 5px 3px;padding: 0;line-height:100px;text-align: center;}

.carousel24 img {display: inline-block;padding: 0;background-color: white;vertical-align:middle;}
.carousel24 a.prev, .carousel24 a.next {position: absolute;top: 85px;display: block;width: 18px;height: 53px;}
.carousel24 a.prev {top:30px;left: -17px;border:none;background: url(/picts/css/prec1.png) no-repeat;text-decoration:none;}
.carousel24 a.next {top:30px;right: -19px;border:none;background: url(/picts/css/suiv1.png) no-repeat;text-decoration:none;}
.carousel24 a.prev span,.carousel24 a.next span {display: none;}
.carousel24 .clearfix {float: none;clear: both;}

/*
.carousel25b {position: relative;width:100%;margin: 0;padding: 0;background:#e0e0e0;}
.carousel25b ul {display: block;margin: 0;padding: 0;list-style: none;}
.carousel25b li {position:relative;float: left;display: block;overflow:hidden;width:250px;height:250px;margin: 0 10px;padding: 0;border: 0px solid #ccc;background:none;line-height:246px;text-align: center;}

.carousel25b li.imgcar .opcar25 {position:absolute;z-index:32;left:0;width:240px;height:240px;padding:5px;background:#00596b;opacity: 0.6;filter: alpha(opacity=60);}
.carousel25b li.imgcar .msgcar25 {position:absolute;z-index:33;left:0;display:block;width:240px;height:240px;padding:5px;font-size:25px;line-height:240px;color:#ffffff;}
.carousel25b li.imgcar .txtcar25 {display: inline-block;vertical-align:middle;font-size:25px;line-height:25px;color:#ffffff;}
.carousel25b li.imgcar .txtcar25 p {text-shadow: 2px 2px 4px #000000;font-size:25px;line-height:25px;color:#ffffff;}
.carousel25b li.imgcar a {display:block;margin:0;padding:0;border:none;}

.carousel25b img {display: inline-block;vertical-align:middle;padding: 0;background-color: white;}

.carousel25b li.imgcar:hover .opcar25 {background:none;}

.carousel25b a.prev,.carousel25b a.next {position: absolute;top: 85px;display: block;width: 18px;height: 53px;background: no-repeat transparent;}
.carousel25b a.prev {top:100px;left: -20px;background: url(/picts/css/prec1.png) no-repeat;border:none;text-decoration:none;}
.carousel25b a.next {top:100px;right: -19px;background: url(/picts/css/suiv1.png) no-repeat;border:none;text-decoration:none;}
.carousel25b a.prev span, .carousel25 a.next span {display: none;}
.carousel25b .clearfix {float: none;clear: both;}
*/

.carousel25 {position: relative;width:100%;padding: 0;background:#FFF;}
.carousel25 ul {display: block;margin: 0;padding: 0;list-style: none;}
.carousel25 li {float: left;display: block;overflow:hidden;width:155px;height:105px;margin: 5px 9px;padding: 0;border: 0px solid #ccc;background:none;box-shadow: 1px 1px 5px #555;line-height:100px;text-align: center;}

.carousel25 img {display: inline-block;max-width:105px;vertical-align:middle;background-color: white;padding: 0;}
.carousel25 a.prev,.carousel25 a.next {position: absolute;top: 85px;display: block;width: 29px;height: 29px;}
#ZC .carousel25 a.prev {top:44px;left: 0;background: url(/picts/css/flecheGmarque.png) no-repeat;background-position: center;border:none;text-decoration:none;}
#ZC .carousel25 a.next {top:44px;right: 0;background: url(/picts/css/flecheDmarque.png) no-repeat;background-position: center;border:none;text-decoration:none;}
.carousel25 a.prev span, .carousel25 a.next span {display: none;}
.carousel25 .clearfix {float: none;clear: both;}


#anim {z-index:0;margin-top:-20px;}
#anim a, #anim a:visited {border:none}
#anim a:hover {border:none}
#anim li {position:relative;z-index:32;display:inline;margin:0;padding:0;border:none;list-style:none;}
#anim a.lienimg {position:relative;display:inline-block;width:1166px;margin:0;padding:0;border:none;}
#anim a.lienimg img {overflow:hidden;margin:0;padding:0;border:none;}
#anim #masque {z-index:33;}
#anim #masque2 {z-index:33;}

#anim .msgcar {position:absolute;z-index:33;left:30px;display:block;width:270px;height:395px;padding:40px 5px;overflow:hidden;background:#FFF;opacity: 0.8;font-size:14px;color:#000000;}
#anim .msgcar p {font-size:14px;line-height:16px;color:#000;}


.sondage .question {padding:7px 0;}
.sondage .BT003 {margin-top:10px;}



/*****
	Fil Ariane
*****/

#fil {padding:35px 0;--max-txt:1.15rem;}

#fil p {line-height:25px;letter-spacing:1px;}
#fil a, #fil .ToUpCa {font-family: 'Ubuntu', 'Roboto', 'Arial';font-weight:bold;text-decoration:none;color: var(--red-txt-color);}

#fil img {width:auto;border-radius:0;vertical-align:middle;filter: brightness(0%) invert(16%) sepia(74%) saturate(6582%) hue-rotate(343deg) contrast(98%);}


/*****
	Forms
*****/

.oblig {color: red;}

#FormStd2 {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(20%, 75%)); /*minmax(225px, 1fr)*/
	justify-content:center;
	gap: 35px 30px;
	margin-top:50px;
}

#FormStd2 > .inputCont-H, #FormStd2 > .inputCont-C {display:flex;flex-direction:row;gap:10px;}

#FormStd2 > .inputCont-H {justify-content:space-between;align-items:flex-start;}

#FormStd2 > .inputCont-C {justify-content: flex-start;align-items:center;}

#FormStd2 > .inputCont-V {display:flex;flex-direction:column;}


#FormStd2 > .inputCont-Txt {grid-column:1 / -1;}

#FormStd2 > .inputCont-Radio {gap:10px;}

#FormStd2 > .inputCont-Radio > .radioCont {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;gap: 10px 35px;width: 80%;}

#FormStd2 > .inputCont-Radio > .radioCont > div {display:flex;flex-direction:row;align-items:center;gap:10px;}

#FormStd2 .captchaCont {max-width:15%;}

#FormStd2 .captchaCont .theCaptcha {margin-top:10px;}

#FormStd2 .captchaCont .theCaptcha img {width:auto;border-radius:0;}

/*
#FormStd2 h2 {width:95%;margin:20px 0 10px 0;}
#FormStd2 h4 {margin-bottom:5px;margin-top:5px;border-bottom:1px solid #234c96;color:#234c96;}
#FormStd2 h5 {margin-bottom:2px;margin-top:5px;margin-left:0;border-bottom:0 solid #399527;font-size:12px;font-weight:normal;color:#0d0909;}
#FormStd2 h5.fl {display:inline;color:#0d0909;}
#FormStd2 h5.obligatoire {display:inline;font-weight:bold;color:#2189c9;}
*/

#FormStd2 > div:not(.inputCont-C) > label {width:20%;}

#FormStd2 > div.inputCont-V input, #FormStd2 > div.inputCont-V select, #FormStd2 > div.inputCont-V textarea {width:100%;}

#FormStd2 input, #FormStd2 select, #FormStd2 textarea {
	box-sizing:border-box;
	width:80%;
	padding: 10px;
	border:1px solid var(--hgrey-bg-color);
	border-radius: 10px;
	color: var(--main-txt-color);
}

#FormStd2 input:focus-within, #FormStd2 select:focus-within, #FormStd2 textarea:focus-within {outline: 1px solid currentcolor;}
#FormStd2 .focus {background-color: var(--grey2-bg-color);border:1px solid var(--hgrey-bg-color);}
/*#FormStd2 .normal {border:1px solid var(--grey2-bg-color);}*/

#FormStd2 input[type="radio"], #FormStd2 input[type="checkbox"] {all: revert;}

#FormStd2 input {min-height: 35px;}

#FormStd2 input:hover, #FormStd2 textarea:hover {border: 1px solid var(--main-txt-color);}

#FormStd2 input:invalid {border: 1px solid red;}

#FormStd2 textarea {resize: none;height:clamp(50px, 150px, 200px);}

#FormStd2 .BT001 {grid-column-start:1;justify-self: center;}



/*****
	Produits
*****/


/* Mosaique produit */
.rowmosaique {padding-bottom:50px;}
.rowmosaique > h2 {padding:20px 0 20px 5px;border-bottom: solid #CDCDCD 1px;font-size:22px;font-weight: bold;}

.bord {display: grid;grid-template-columns: repeat(auto-fill, minmax(265px, 1fr));gap: 50px;}

.block_moz {position:relative;display:flex;flex-direction:column;height:calc(100% - 10px);padding-bottom:10px;border:1px solid var(--grey2-bg-color);border-radius:10px;background: var(--lgrey-bg-color);box-shadow: 0 0 8px var(--grey2-bg-color);}

.block_moz > a {text-decoration:none;}

.block_moz .MSc2-1, .block_moz .MSc2-1der {display:flex;flex-direction:row;justify-content:center;align-items:center;margin:0;padding:10px;background: var(--main-bg-color);text-align:center;}

.block_moz .MSc2-1 {height:175px;border-radius:10px 10px 0 0;}
.block_moz .MSc2-1 img {max-width:100%;width:auto;max-height:100%;}

.block_moz .MSc2-1der {height:35px;}
.block_moz .MSc2-1der img {width:auto;max-height:100%;}

.block_moz .MSc2b2-1 {padding: 20px 25px 65px;}
.block_moz .MSc2b2-1 a {margin-left:0;font-weight:normal;}

/*.block_moz .MSc2b2-1 .titreprod {font-weight:bold;}*/
.block_moz .MSc2b2-1 .descriptif, .block_moz .MSc2b2-1 .ref {font-size: 14px;line-height: 1.5em;}
.block_moz .MSc2b2-1 .descprod {font-size: 11px;line-height: 4px;}

.block_moz .MSc2b2-1der {margin-top:auto;padding: 0 25px;}
.block_moz .MSc2b2-1der2 {display:flex;justify-content:flex-end;padding: 0 25px;text-align:center;}
.block_moz .MSc2b2-1der3 {display:flex;justify-content:center;padding: 0 25px;text-align:center;}

.prixAcc, #prixRef {display:flex;flex-direction:column;align-items:flex-start;gap:0 10px;font-family: 'Ubuntu', 'Roboto', 'Arial';}
.block_moz .prixAcc {padding-bottom: 35px;}
.prixCont {display:flex;flex-flow:row wrap;align-items:flex-end;gap:10px;}
.prixAcc .partir {font-size:9px;}

.prixnorm {font-weight:bold;color:var(--red-txt-color);--max-txt:1.5rem;}
.prixbarre {font-weight:bold;--max-txt: 1.3125rem;}

.ht {}
.ttc {--max-txt:0.8125rem;}
.ttc2 {}



.block_moz .BTImg {width:100%;}

/*
#ZC a.btdetail, #ZC a.btdetail:visited, #ZC a.btCommande, #ZC a.btCommande:visited {padding:9px;background:#FFF;border:1px solid var(--grey-bg-color);}
#ZC a.btdetail:hover, #ZC a.btCommande:hover {background:var(--lgrey-bg-color);text-shadow:none;}
*/

/*
#ZC a.btCommande {display:inline-block;margin: 10px 10px 10px 0;padding:10px 5px 10px 45px;background: url(/picts/css/Cadie-btachat.jpg) no-repeat;background-color: var(--black-bg-color);border:none;color:var(--white-txt-color);}
#ZC a.btCommande:hover {background: url(/picts/css/Cadie-btachat2.jpg) no-repeat;background-color: var(--red-bg-color);color:var(--main-txt-color);}
*/

.sticker {position:absolute;z-index:99;}
.stickpromo {top:15px;right:15px;}
.stickpromo2 {top:10px;left:10px;}
.stickpromo img, .stickpromo2 img {border-radius:0;}

.sticknew {position:absolute;z-index:99;top:10px;right:10px;height:25px;padding:0 5px;background:var(--yellow-bg-color);vertical-align:middle;line-height:25px;font-weight:bold;color:var(--main-txt-color);}
.sticknew:after{content:'NEW';}


/* Page recherche + mosaique domaine/rubrique/marque */

.listeRec {display:flex;flex-direction:column;}

.liste .cfiltre {max-width:215px;}
.rowmosaiquemarque .liste .cfiltre {display:none}

.liste .btcfiltre {display:none;}

.liste .cfiltre .titre {margin:10px 0 5px 0;border-bottom:1px solid var(--black-bg-color); font-size:20px;width:auto;float:none;}
.liste .cfiltre ul {clear:both;margin:0 0 20px 10px;}
.liste .cfiltre ul li {float: left;display: inline-block;margin: 10px 10px 10px 0;padding: 8px;background: var(--black-bg-color);border: none;font-size : 15px;font-weight:bold;text-decoration: none;color: var(--white-txt-color);}
.liste .cfiltre ul li:hover {text-shadow:none;filter:brightness(0.85);}

.liste .cfiltre .titrecrit {font-weight:bold;margin:10px 0 5px 0;}
.liste .cfiltre .valcrit {margin:0 0 0 10px;}
.liste .cfiltre .valcrit input {margin:2px 0 0 0;}

.cmosaique {width:100%;}
.cmosaique > h2 {padding:20px 0 20px 5px;font-size:22px;}
.rowmosaiquemarque .cmosaique {width:100%;}

#cmosaiquetype {display:flex;flex-direction:row;justify-content:flex-end;gap:10px;padding:35px 0;}
#cmosaiquetype img {width:auto;border-radius:0;}

.cmosaiquein {display:flex;flex-direction:column;gap:100px;}

.onmos, .bottommos {padding:10px;}
.onmos {margin-bottom:20px;}
.bottommos {margin-top:50px;}

.bottommos h1, .bottommos h2, .bottommos h3, .bottommos h4, .bottommos h5 {font-size: clamp(calc(var(--min-txt) - 0.5rem), var(--pref-txt), calc(var(--max-txt) - 0.5rem));}
.bottommos h1:nth-child(n+2), .bottommos h2:nth-child(n+2), .bottommos h3:nth-child(n+2), .bottommos h4:nth-child(n+2), .bottommos h5:nth-child(n+2) {margin-top:25px;}


.bord2 {display: grid;grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));align-items: flex-start;gap: 50px;}
.bord2 a {text-decoration:none;}
.bord2 a:hover {text-shadow:none;}
.block_moz2 {position: relative;display:flex;flex-direction:row;height:125px;padding:0;border: 1px solid var(--grey2-bg-color);border-radius: 10px;background: var(--lgrey-bg-color);box-shadow: 0 5px 8px var(--grey2-bg-color);transition: border 750ms;}
.block_moz2:hover {border: 1px solid var(--red-bg-color);}
.block_moz2 > div {display:flex;flex-direction:row;align-items:center;text-align:center;}
.block_moz2 .MSc2-1 {padding:5px;border-radius:10px;background: var(--main-bg-color);}
.block_moz2 .MSc2-1 img {width:115px;max-height:115px;}
.block_moz2 .MSc2b2-1 {margin: 0 auto;padding: 7px;}
.block_moz2 .MSc2b2-1 a {margin-left:0;font-weight:normal;}
.block_moz2 .MSc2b2-1der {padding:0;}


/* Fiche produit */

.fiche .rowariane, .fiche #rowfiche1 {background:var(--lgrey-bg-color);}

.MSL1Btop, .MSL1Bbot {background:none;height:1px;font-size:1px;}

.MSL1B {display:flex;flex-direction:row;gap:75px;margin:20px 0;}

.MSc1 {width:20px;display:none;}
.MSc2 {position:relative;max-width:550px;width:100%;}

.MSc2 #imgsRef {display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:500px;padding: 20px;border: 1px solid var(--grey2-bg-color);border-radius: 10px;background:var(--main-bg-color);box-shadow: 0 0 8px var(--grey2-bg-color);transition: border 750ms;}
.MSc2 #imgsRef div {display:flex;flex-direction:row;align-items:center;}

.MSc2 #imgRef {height:435px;}
.MSc2 #imgRef picture {display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%;}
.MSc2 #imgRef img {max-width: 100%;width: auto;max-height: 100%;}

.MSc2 #imgMrq {height:50px;}
.MSc2 #imgMrq img {width:auto;max-height:100%;border-radius:0;}

.MSProdlist {display:flex;flex-flow:row wrap;gap:15px;margin-top:10px;}
.MSc2d {box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:120px;padding: 10px;border: 1px solid var(--grey2-bg-color);border-radius:10px;background:var(--main-bg-color);box-shadow: 0 0 8px var(--grey2-bg-color);transition: border 750ms;}
.MSc2d picture {display:flex;flex-direction:row;justify-content:center;align-items:center;height: 100%;}
.MSc2d img {max-width: 100%;width: auto;max-height: 100%;}

.MSc2sep4 {float:left; width:7px;}

.MSc2 #imgsRef:hover, .MSc2d:hover {border: 1px solid var(--red-bg-color);}

.MSc3 {width:50px;display:none;}

.MSc4b {width:100%;font-family: 'Ubuntu', 'Roboto', 'Arial';}
.MSc4L1 {width:100%;padding-bottom:10px;}
.MSc4L1 h1 {font-size:24px;font-weight:bold;}


.MSsep3 {display:none;width:510px;height:1px;margin:10px 0;background-color:var(--lgrey-bg-color);font-size:1px;}
.MSc4b2 {--max-txt:1.2rem;}

#MSc4b2a {display:flex;flex-flow:column wrap;justify-content:space-between;gap:25px;}

#descriptionRef {padding-bottom:5px;line-height: 20px;}
#descriptionRef .divCar {padding: 5px 0;}
#descriptionRef .refCar {font-size:18px;}
#descriptionRef .valCar {line-height:16px;}
#descriptionRef .valCar a {text-decoration:none;}

#carQuPrixRef, #carQuRef {display:flex;flex-direction:column;gap:45px;}


#caracRef select {
	padding: 10px 40px 10px 15px;
	border: 2px solid #262626;
	border-radius: 10px;
	background: var(--mblack-bg-color);
	background-image: url('/picts/css/fleche-accordeon-bas.png');
	background-position: calc(100% - 15px);
	background-size: 17px 9px;
	background-repeat: no-repeat;
	font-weight: bold;
	color: var(--white-txt-color);
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
}

#caracRef select:focus {
	background-image: url('/picts/css/fleche-accordeon-haut.png');
	outline: 0;
}


#caracRefN {display:none;}
#caracRef label, #quantRef label {padding-bottom:6px;}

.quantCont {display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;height:40px;}
.quantCont > * {background: var(--mblack-bg-color);}
.quantCont > input {max-width:35px;padding: 8px 0 8px 8px;border:0;border-radius:10px 0 0 10px;text-align:center;font-weight:bold;color:var(--white-txt-color);}
.quantCont > input:focus {outline:0;}

.quantAccCont {display:flex;flex-direction:column;justify-content:space-evenly;border-radius:0 10px 10px 0;padding-bottom:2px;}
.quantAccCont button {min-width:35px;}
.quantAccCont img {width:auto;}

#prixRef {font-weight:bold;}
#prixRef #prix {font-size:26px;}
#prixRef .prixnorm {--pref-txt: 3vw;--max-txt: 2.1875rem;}

#prixRef .livrOffr {display:flex;flex-direction:row;align-items:center;gap:10px;padding-top:10px;}
#prixRef .livrOffr span:first-child {font-size:30px;color:forestgreen;}

#comRef a.BT001 {width:250px;}
#comRef a.BTIndis {float:left;}
#comRef img {max-height: 35px;max-width: 30px;border-radius:0;}

#promoRef {margin-top:10px;}

#ZC a.btCommandefiche {}
#ZC a.btCommandefiche:hover {}

#ZC #comRef a.btCommandeIndis {background:darkgrey;}
#ZC #comRef a.btCommandeIndis:hover {background:grey;color:var(--white-txt-color);}
/*
#ZC a.btCommande2 {float:left;display:inline-block;color:var(--white-txt-color);margin: 10px 10px 10px 0;padding:4px 5px 4px 30px;background: url(/picts/css/Cadie-btachat_Cmde.jpg) no-repeat;background-color: var(--red-bg-color);border:none;font-size: 15px;}
#ZC a.btCommande2:hover {background: url(/picts/css/Cadie-btachat2_Cmde.jpg) no-repeat;background-color: var(--red-bg-color);color:var(--main-txt-color);}
*/
a.BTIndis {float:right;display:block;width:80px;height:24px;margin:0 10px 0 0;padding:0;background: var(--hgrey-bg-color);font-size: 11px;line-height:24px;font-weight: normal;text-align:center;color:var(--white-txt-color);}
a.BTIndis:hover {background: var(--hgrey-bg-color);}

p.Indis, p.indis {font-style:italic;}
p.IndisListe {padding: 10px 0;text-align:center;}
p.indislisteref {width: 125px;}

.bordListe p.IndisListe {max-width:184px;}


.MSdesc3 {margin-top:25px;padding:10px 0;}

.dateFinPromo {font-size : 10px; font-style: normal; letter-spacing : 1px;}

.MSc2b {display:none;float:left; /*padding:0px 20px 20px 10px*/}


/* Onglets produit */

.listeonglets label {order: 1;display: block;transition: background ease 0.2s;margin:0 30px;padding: 0 10px;font-size:20px;font-weight: bold;line-height:50px;cursor: pointer;}

.cfiche .tabs {display: flex;flex-wrap: wrap;justify-content: center;width:100%;}
.cfiche .tabs label {order: 1;display: block;transition: background ease 0.2s;margin:0 30px;padding: 10px;font-size:20px;font-weight: bold; background: #0d0909;color:white;cursor: pointer;}
.cfiche .tabs .tab {order: 99;flex-grow: 1;display: none;width: 100%;padding: 1rem;border-top: 1px solid var(--grey-bg-color);}
.cfiche .tabs > input {display: none;}
.cfiche .tabs > input:checked + label {background:var(--hgrey-bg-color);}
.cfiche .tabs > input:checked + label + .tab {display: block;}


/* Onglet accesoire */

.ProdAccessoires {padding:10px;font-size:14px;font-weight:bold;}

.MSc2dPrAs {width:230px;}
.MSc2dPrAs .PrAsdesc{font-weight:normal;}
.MSc2sep3 {width:20px;}


/* Onglets format colonne & accordeons */

.ctabs {display:flex;flex-direction:column;gap:50px;}

.accord {padding: 20px 25px;border: 1px solid var(--grey2-bg-color);border-radius: 10px;box-shadow: 0 0 8px var(--grey2-bg-color);}

.accTitle {display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:5px 25px;}
.accTitle > :first-child {padding: 0;}
.accTitle img {width:auto;transform: rotate(90deg);transition:0.5s;}
.accTitle img.flip {transform: rotate(270deg);}

.accContent {display:none;padding-top:35px}

.accTitle .tc1a{color: var(--red-txt-color);
font-family: 'Ubuntu', 'Roboto', 'Arial';  font-weight: 700;font-size: clamp(var(--min-txt), var(--pref-txt), var(--max-txt));}

.MSdesc3 .accord {max-width:50%;}

.ctabs .accord {
	border: 1px solid var(--red-bg-color);
	border-left: 20px solid var(--red-bg-color);
}

/* Tableau intra accordeon */

#ZC .myTable.tabCont {
	max-width:-webkit-fill-available;
	max-width:-moz-available;
	width:fit-content;
	margin-top:15px;
	padding:10px;
	border:1px solid var(--black-bg-color);
	border-radius:10px;
}

.myTable table {
	max-width:100%;
	border-collapse:collapse;
	font-weight:bold;
}

.myTable table th, .myTable table td {padding:7px;}

.myTable table th:first-child, .myTable table td:first-child {padding-left:0;}

.myTable table tr th:not(:last-child), .myTable table tr td:not(:last-child) {border-right:1px solid var(--black-bg-color);}

.myTable table tr th, .myTable table tr:not(:last-child) td {border-bottom:1px solid var(--black-bg-color);}

.myTable table tr td:last-child[rowspan] {border-left:1px solid var(--black-bg-color);}


/* Tableau référence */

div:not(#MS_recap) .tabCont {width:100%;overflow-x:auto;}

#filtreRef {
	margin-top:15px;
	padding:15px 0;
	border:1px solid #f0f0f0;
	background:#f5f5f5;
}

.divLabFront {
	min-width:120px;
	margin-left:15px;
	margin-top:8px;
}

.labFront {
	display:block;
	font-weight:bold;
}

#filtreRef .selectFront {width:150px;}

.selectFront {
	padding:8px;
	color:#555555;
	border:1px solid #DDDDDD;
}

.selectFront:hover {
	border-color:#aaa;
	color:#333;
	outline:none;
}


.tabRef {
	position:relative;
	width:100%;
	border: 1px solid var(--grey-bg-color);
	border-radius:10px;
}

.tabRef:hover {cursor:pointer;}

.tabRef tr {position:relative;}
.tabRef tr.on {background-color:var(--lgrey-bg-color);}

.tabRef th {padding:10px;}
.prixTabRef {width: 15%;}
.commanderTabRef {width: 30%;}
.tabRef td {padding:3px;}

.tabRef tr th:not(:last-child), .tabRef tr td:not(:last-child) {border-right:1px solid var(--grey-bg-color);}
.tabRef tr th, .tabRef tr:not(:last-child) td {border-bottom:1px solid var(--grey-bg-color);}

.tdTabRefComm {display:flex;flex-direction: row;justify-content: center;align-items: center;gap:15px;}
.tdtabRef .cartAcc {justify-content:flex-start;}

.refean {font-size:10px;}
.tdtabRef a.btCommande {margin:0;}
.ispromo {font-weight:bold;}


.titreAss {font-size: 18px;margin: 10px 0;padding: 15px 0;border-bottom: 1px solid var(--lgrey-bg-color);}


/* Annexe de promotion */

.cAsidePromo {float: left; width:250px; margin: 20px 15px 0px 5px;}
.cAsidePromo .title {padding: 10px 0px 10px 10px;background-color: #faf403;font-weight: bold;color: #0d0909;}
.cAsidePromo #Promo {border-bottom: 1px solid #cdcdcd;}
.cAsidePromo #imgPromo {float: left;margin: 0px 10px 0px 0px;}
.cAsidePromo #imgPromo img {max-width: 250px; max-height:150px}
.cAsidePromo #Promo .ContenuPromo {float:left;padding: 10px 0px 5px 0px;}
.cAsidePromo #Promo .ContenuPromo p {font-size:16px;color : #0d0909;}
.cAsidePromo #Promo .ContenuPromo .prixPromo {width: 240px;padding: 10px 0px 5px 0px;}
.cAsidePromo #Promo .ContenuPromo .prixPromo .prixbarre {text-decoration: line-through;color: #7a7a7a; font-size: 14px;}
.cAsidePromo #Promo .ContenuPromo .prixPromo .prixpromo {font-weight: bold; color: #0d0909; font-size: 15px}
.cAsidePromo #Promo .ContenuPromo .boutonPromo .BTAchatPromo {width: 105px;padding: 2px 5px 3px 30px;font-size:12px;background: url(/picts/css/Cadie-btachat_promo.jpg) no-repeat;background-color: #0d0909;}
.cAsidePromo #Promo .ContenuPromo .boutonPromo .BTAchatPromo:hover {width: 105px;padding: 2px 5px 3px 30px;font-size:12px;background: url(/picts/css/Cadie-btachat_promo2.jpg) no-repeat;background-color: #faf403;}
.cAsidePromo #minimenu {padding: 20px 0px 15px 0px;border-bottom: 1px solid #cdcdcd;}
.cAsidePromo #minimenu ul li {background: none;font-weight: bold; font-size: 15px;}


/* Configurateur (fiche) */

.configurateur {padding: 0 0 20px 0;}
.configurateur .titreconfig {font-weight:normal;font-size: 18px;line-height: 22px;color: #bbbbbc;}

.configurateur input[type="radio"] {width: 15px;height: 15px;}

.configurateur .libconf {padding-top:20px;padding-bottom:20px;clear:both;font-size: 18px;line-height: 20px;font-weight: bold;color:#0499db;}
.configurateur .valconf {padding-left:20px;clear:both;padding-bottom: 15px;}
.configurateur .valconf .radioconf {float:left;}
.configurateur .valconf .valconfpr {float:left;padding-left:20px;}
.configurateur .valconf .prixadd {float:left;padding-left:5px;font-style:italic;}
.configurateur .valconf .valconfcomplement {float:left;padding-left:30px;font-style:italic;font-size:12px;}


/* Page Configurateur */

.MSL1break {background:none; height:1px;font-size:1px;}
.MSL1block {background:none;margin:20;}
.MSL2 {background:none;margin:0 0 20px 0;text-align: center;}

.MSL2 #imgRefConfigurateur {display: inline-block;text-align: center;height: 100px;line-height: 100px;}
.MSL2 #imgRefConfigurateur div {line-height: 20px;display: inline-block;vertical-align: middle;}
.MSL2 #imgRefConfigurateur img {max-width: 100px;max-height: 100px;}
.MSL2 h1 {display: inline-block;margin-left:20px;}

.MScG {float: left;background: none;margin-top: 4em;z-index: 10;}
.MScG .MSPrBt {padding: 10px;border: 1px solid #ccc;border-radius: 5px;background: white;}
.MScG #comRefConfigurateur {float: none;text-align: center;}
.MScG #prixRefConfigurateur {float: none;color: #0d0909;font-size: 26px;font-weight: bold;text-align: center;}

.fixed {position: fixed;}
.fixedBottom {top: auto;bottom: 50px;position: absolute;}

.MScSep {float:left; width: 200px;}

.MScD {float:left; min-width:720px; background:#d4021d;margin:0;padding:0}
.MScDL1 {float:left; width:100%; background:white;margin:0;padding:0 0 10px 0;}
.MScD2 {width:calc(100% - 15px);padding:0 15px 0 0; margin:15px 0 10px 0;line-height:18px;font-size:14px;border-top: 0 solid #dddddd;border-bottom: 0 solid #dddddd;}


.produitoptions .titreopt {padding-top:20px;padding-bottom:20px;clear:both;font-size: 18px;line-height: 20px;font-weight: bold;color:#0499db;}
.produitoptions input[type="radio"] {width: 15px;height: 15px;}

.produitoptions .divopt {margin-bottom: 15px;}
.produitoptions .divopt .separator {margin: 5px 0 10px 0;border-bottom: 1px #ccc solid;width: 100%;}

.produitoptions .divrubopt.closed {background: url('/picts/css/fold0.png') no-repeat left;height: 35px;line-height: 35px;font-size: 19px;font-weight: bold;cursor: pointer;padding-left: 30px;margin-bottom: 30px;font-style: underline;}
.produitoptions .divrubopt.opened {background: url('/picts/css/fold1.png') no-repeat left;height: 35px;line-height: 35px;font-size: 19px;font-weight: bold;cursor: pointer;padding-left: 30px;margin-bottom: 30px;font-style: underline;}
.produitoptions .divrubopt::selection {color: none;background: none;}

.produitoptions .valopt .rubopt {display: inline-block;width: 40%;font-size: 19px;line-height: 2.5em;cursor:pointer;vertical-align:middle;}

.produitoptions .divoptions.not-displayed {display: none;}
.produitoptions .divoptions .ligneopt {display: flex;align-items: center;margin-bottom: 20px;margin-left: 20px;}
.produitoptions .divoptions .divlibopt {margin: 0px 15px;width: 20em;}
.produitoptions .divoptions .divlibopt .prixopt {font-style: italic;}

.produitoptions .divoptions .prodinfos {cursor: pointer;}
.produitoptions .divoptions .prodimg {height: 100px;margin-left: 20%;}


/* Page liste / view */

.bordListe {display:flex;flex-direction:column;gap:25px;}

.block_liste * {box-sizing:border-box;}

.block_liste {position: relative;display:flex;flex-direction:row;gap:25px;height:250px;border: 1px solid var(--grey2-bg-color);border-radius: 10px;background: var(--lgrey-bg-color);box-shadow: 0 5px 8px var(--grey2-bg-color);}

.block_liste .MSc2-cont {display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:center;max-width:250px;width:100%;padding:5px;border-radius:10px;background:var(--main-bg-color);}

.block_liste .MSc2-1 {max-height:200px;}
.block_liste .MSc2-1 img {max-width:100%;width:auto;height:100%;}

.block_liste .MSc2-1der {height:35px;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.block_liste .MSc2-1der img {width:auto;max-height:100%;}

.block_liste .bllistetxt {display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:100px;width:100%;padding:15px 50px 15px 0;}

.block_liste .bllistetxt .marque {padding:5px 0 15px;font-weight:bold;}
#ZC .block_liste .bllistetxt .marque a, #ZC .block_liste .bllistetxt .marque a:visited {text-decoration:none;}

.block_liste .deschtml {margin-top:5px;}
.block_liste .deschtml img {width:auto;}

.block_liste .MSc2b2-1der {display:flex;flex-direction:column;justify-content:center;gap:10px;min-width:235px;height:100%;padding-left:50px;border-left: 1px solid var(--red-bg-color);}
.block_liste .MSc2b2-1der .prixAcc {align-items:center;}
.block_liste .MSc2b2-1der .prixCont {flex-flow:column wrap;justify-content:center;align-items:center;gap:0;}
.block_liste .MSc2b2-1der .BT001, .block_liste .MSc2b2-1der .BT002 {width:100%;}


.block_liste .MSc2b2-1 h2, #Zone_ColA_01 .block_liste .MSc2b2-1 h2, .block_liste .MSc2b2-1 h3, .block_liste .MSc2b2-1 h4, .block_liste .MSc2b2-1 h5 {font-size:22px;color:var(--red-txt-color);}



.block_listesep {height:1px;width:100%;clear:both;background:#e5e5e5;margin:30px 0;}


.MSlAtop {display:none;}
.MSlAbot {display:none;}
.MSlA {background: url(/picts/css/MS1A.jpg) repeat-y;margin:0px;}

.MSL1 {background: url(/picts/css/MSL1.jpg) repeat-y;margin:0px;}

.MSc2b2 {float:left; width:159px; background:none;}
.MSc2b2 a {margin-left:0px;font-weight:normal;}

.MSc4 {float:left; width:360px; background:none;margin:0px;padding:0px}
.MSc5 {background: url(/picts/css/MSc5.jpg) no-repeat;float:left; width:128px;padding-left:20px;}
.MSsep {background: url(/picts/css/sep1.jpg) no-repeat; width:758px; height:21px;}

.MSc4L1 p.titre {margin: 0;font-size: 25px;font-family: 'Arial';font-weight: bold;color: #575555;padding: 0px;border: none;line-height: 24px;}

.MStxt {height:125px;;margin:0;padding:0;background:none;color:#464646;}
.MStxt h2, .MStxt h3, .MStxt h4, .MStxt h5 {margin:0;padding:0;font-weight:bold;color:#2189c9;}

.MSc2b2-1 .titreprod {font-weight:700;}
.MSc2b2-1 h2, #Zone_ColA_01 .MSc2b2-1 h2, .MSc2b2-1 h3, .MSc2b2-1 h4, .MSc2b2-1 h5 {margin:0;padding:0;font-size:17px;color:var(--main-txt-color);/*hyphens:auto;*/word-break:break-word;text-wrap:balance;}

.MSc2b2-1 a, .MSc2b2-1 a, .MSc2b2-1 a, .MSc2b2-1 a {text-decoration: none;}
.MSc2b2-1 a:hover h2, .MSc2b2-1 a:hover h3, .MSc2b2-1 a:hover h4, .MSc2b2-1 a:hover h5 {text-decoration: none;}

a.bttoutvoir, a.bttoutvoir:visited {background:#FFF;margin:10px 0;border:1px solid #CDCDCD;color:#d4021d;}
a.bttoutvoir:hover {display:inline-block;margin:10px 0;padding:9px;background:#f0f0f0;border:1px solid #CDCDCD;text-decoration:none;font-weight:bold;color:#0d0909;}

.block_moz .MSc2b2-1 .prixprod {color: #7a7a7a; font-weight: normal; font-size: 18px; line-height: 20px; margin: 0px 0px 10px 0px;}

.MSprix1 {width:165px;font-size:14px;color:black;}
.MSsep2 {background: url(/picts/css/sep2.jpg) no-repeat; width:758px; height:35px;}

.refintval {color:#0d0909;font-weight:bold;}

a.switch {
	float:right;
	margin-right:10px;
/*	background:#acc955;*/
	color:#fff;
	padding:2px;
}

.ProdAss {margin:0 0 0 25px;font-size:14px;font-weight:bold;padding:80;}


/* liste par marques */

.MSc2d2 {float:left; width:160px; background:none;text-align: center;font-size: 18px;line-height: 26px;font-weight: normal;color:#2e2e2e;}
.MSc2d2 .marqueass {font-weight:normal;font-size:14px;line-height: 20px;}
.MSc2d2 a {font-weight:Bold;font-size:14px; }
.MSc2sep3d {float:left; width:20px;}


/* pagination */
#pagination {display: flex;flex-direction: row;justify-content: center;align-items: center;margin:25px 0;padding: 10px 0;}

#pagination .page {width:250px;padding: 0 40px;font-size: 18px;font-weight:bold;text-align:center;}
#pagination .page, #pagination .page a {color: var(--main-txt-color);}

#pagination img {vertical-align:middle;}

/*#pagination .suivant, #pagination .precedent {width:25px;}*/

/* Outdated */

.bord .specif1 {border:none;}
.bord .blocknouveaute {border:1px solid #e5e5e5;}
.bord .blockoccasion {border:1px solid #e5e5e5;}
.bord .blintro {float:left;width:130px;height:175px;overflow:hidden;}
.bord .bltxt {float:left;width:188px;padding:10px 20px 0 20px;}

.stickoccasion {position:absolute;background:url('/picts/css/occasion.png');font-weight:bold;height:79px;width:74px;padding:0;top:5px;left:5px;z-index:99;color:#FFF;}
.sticknouveaute {position:absolute;background:url('/picts/css/new.png')no-repeat;font-weight:bold;height:79px;width:121px;padding:0;top:5px;left:5px;z-index:99;color:#FFF;}
.stickDesactiver {position:absolute;background:url('/picts/rond-rouge.png')no-repeat;font-weight:bold;height:32px;width:32px;padding:0;top:5px;left:120px;z-index:99;color:#FFF;}

#BF {position:fixed;bottom:0px;width:100%;height:20px;background-color:grey;z-index:2500;border-top:1px solid white;}

.MSL1top {background: url(/picts/css/MSL1top.jpg) no-repeat; height:24px;font-size:15px;padding-top:10px;padding-left:30px;}
.MSc1Sep {float:left; width:25px; }

#ZC a.btcontact, #ZC a.btcontact:visited {float:left;color:#FFF;border:none;display:inline-block; padding:10px 5px 10px 45px; margin: 10px 10px 10px 0px; background: url(/picts/css/Cadie-btachat.jpg) no-repeat;background-color: #0d0909;}
#ZC a.btcontact:hover {float:left;color:#0d0909;border:none;display:inline-block; padding:10px 5px 10px 45px; margin: 10px 10px 10px 0px; background: url(/picts/css/Cadie-btachat2.jpg) no-repeat;background-color: #d4021d;}

.MSc2sep3last {float:left; width:0px;}

.Detailsfiche {margin: 0px 0px 10px 20px;}
.Detailsfiche .TitreDetail {font-size: 17px; color: #717171;border: 1px solid #CDCDCD;background-color: #fbfbfb;padding: 5px 0px 5px 20px;margin: 0px 0px 20px 0px;}

.descript {font-size: 14px;color: #0d0909;}

#Zone_ColA_01 {width:750px;}

.vImg {vertical-align:middle;display:table-cell;height:155px;width: 155px;}

.MSc1Sep-moz {float:left;width:40px;}

.mleft .block_moz{margin-left:0px;}

.sm1 {font-size:10px;}


/*****
	Nav
*****/
.menu-container {z-index:1;--max-txt: 1.15rem;}

.menu-mobile {float:right;display:none;min-width:40px;text-align:center;text-decoration:none;}

.menu-mobile::after {
	content: "\f394";
	position: relative;
	top: 50%;
	padding: 0;
	font-family: "Ionicons";
	font-size: 2.5rem;
	-webkit-transform: translateY(-25%);
	-ms-transform: translateY(-25%);
	transform: translateY(-25%);
}

.menu-dropdown-icon::before {
	content: "\f489";
	float: right;
	display: none;
	padding: 0 25px;
	background: var(--main-bg-color);
	font-family: "Ionicons";
	cursor: pointer;
}

/* level 1 (Nav) */
.menu > ul {
	/*position: relative;*/
	display: flex;
	flex-direction: row;
	justify-content:space-between;
	gap:30px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	list-style: none;

	/* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
	box-sizing: border-box;
}

.menu > ul > li {
	/*position: relative;
	max-width: 110px;
	width:100%;*/
	margin: 0;
	padding: 0;
	background: none;
	text-align:left;
	cursor: pointer;
}

.menu > ul li.last {
	padding: 0;
	border:none;
}

.menu > ul > li > span {
	display:inline-block;
	height:100%;
}

.menu > ul > li > span.fl {padding: 0 0 0 20px;}

.flbas0 {position:relative;padding:0 20px 0 10px;}

.menu > ul > li > span a, .menu > ul > li > span a:visited, .menu > ul > li > .lirel span a, .menu > ul > li > .lirel span a:visited,
.menu > ul > li > span .obflink, .menu > ul > li > span .obflink:visited, .menu > ul > li > .lirel span .obflink, .menu > ul > li > .lirel span .obflink:visited {
	text-decoration: none;
	color: var(--white-txt-color);
	transition: filter 1s;
}

.menu > ul > li.last > span a, .menu > ul > li.last > span a:visited, .menu > ul > li.last > .lirel span a, .menu > ul > li.last > .lirel span a:visited,
.menu > ul > li.last > span .obflink, .menu > ul > li.last > span .obflink:visited, .menu > ul > li.last > .lirel span .obflink, .menu > ul > li.last > .lirel span .obflink:visited {
}

.menu > ul > li /*:hover*/ > .lirel {position:relative;width:100%;height:100%;}

.flechmenu {
	position: absolute;
	display: none;
	margin-right: 20px;
}

.menu > ul > li.menu-dropdown-icon:hover .flechmenu {
	position: absolute;
	top: 22px;
	right: -40px;
	display: block;
}

.menu-arrow0 {display:none;}

/*
.menu > ul > li:hover a, .menu > ul > li:hover a:visited {color:#FFF;}
*/

.menu > ul > li > .lirel > span {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 5px;
	padding: 20px 0;
	transition: filter 1s;
}

.menu > ul > li:hover > span, .menu > ul > li:hover > .lirel span, .menu > ul > li.m-curr > .lirel span {
	filter:brightness(0);
}

.menu > ul > li:hover > span a, .menu > ul > li:hover > span a:visited,
.menu > ul > li:hover > .lirel span a, .menu > ul > li:hover > .lirel span a:visited,
.menu > ul > li:hover > span .obflink, .menu > ul > li:hover > span .obflink:visited,
.menu > ul > li:hover > .lirel span .obflink, .menu > ul > li:hover > .lirel span .obflink:visited {
	font-weight: inherit;
	text-decoration: underline;
}

.menu > ul > li.actif > span a,
.menu > ul > li.actif > span a:visited,
.menu > ul > li.actif .lirel > span a,
.menu > ul > li.actif .lirel > span a:visited,
.menu > ul > li.actif > span .obflink,
.menu > ul > li.actif > span .obflink:visited,
.menu > ul > li.actif .lirel > span .obflink,
.menu > ul > li.actif .lirel > span .obflink:visited {font-weight: bold;}



/* level 2 (Sous-menu - toutes les cols) */
.menu > ul > li > ul {
	position: absolute;
	left: 0;
	z-index: 99;
	display: block;
	box-sizing: border-box;
	width: var(--menu-width);
	height: var(--menu-height);
	margin: 0;
	padding: 0;
	background: var(--black-bg-color);
	/*box-shadow: 1px 1px 12px #555;*/
	list-style: none;
}

li.cb {clear:both;}

.menu > ul > li > ul > li.imgdom  {
	float: left;
	width: 30px;
	margin: 0;
	padding-bottom: 0;
	padding-left: 0px;
	background: none;
	list-style: none;
	line-height:normal;
}

.menu > ul > li > ul > li.imgdom img {max-width:30px;}

.menu > ul > li > ul > li.col {
	margin: 0;
	padding: 0;
	background: none;
}

.menu > ul > li > ul > li.coltype5 {
	width: 10%;
	padding-left: 10px;
}


/* level 3 (Sous-menu - col unitaire) */
.menu > ul > li > ul > li.col ul {padding:0;}

.menu > ul > li > ul > li.col ul > li {
	display:flex;
	flex-direction:row;
	align-items:center;
	gap:20px;
	margin: 0;
	padding: 10px 20px;
	background: none;
	line-height: normal;
}

.menu > ul > li > ul > li.col:nth-of-type(n+2) ul > li {border-top:1px solid currentColor;}

.menu > ul > li > ul > li.col ul > li a, .menu > ul > li:hover > ul > li.col ul > li a, .menu > ul > li:hover > ul > li.col ul > li a:visited,
.menu > ul > li > ul > li.col ul > li .obflink, .menu > ul > li:hover > ul > li.col ul > li .obflink, .menu > ul > li:hover > ul > li.col ul > li .obflink:visited {
	/*display: block;*/
	width: 100%; /* 95% */
	font-weight: normal;
	/*text-align: left;*/
	text-decoration: none;
	color:var(--white-txt-color);
}

.menu > ul > li:hover > ul > li.col ul > li a:hover, .menu > ul > li:hover > ul > li.col ul > li .obflink:hover {
	text-shadow: 1px 0 0 currentColor;
	text-decoration: underline;
}


/* level 4 et plus (Rubriques, ...)*/
.menu > ul > li > ul > li.col ul > li > ul {
	position:absolute;
	top:0;
	left:100%;
	display: block;
	box-sizing: border-box;
	width:max-content;
	margin: 0;
	padding: 0;
	background: #FFF;
	list-style: none;
	font-weight: normal;
}

.menu > ul > li > ul > li.col ul > li > ul > li {
	margin: 0;
	padding: 10px 20px;
	background: none;
	list-style: none;
	font-size: 13px;
}

.menu > ul > li > ul > li.col ul > li > ul > li:first-of-type {border:0;}

.menu > ul > li > ul > li.col ul > li > ul > li:nth-of-type(n+2) {border-top: 1px solid var(--red-txt-color);}

.menu > ul > li > ul > li.coltype5 ul > li > ul > li {font-size: 12px;}

.menu > ul > li > ul > li.col ul > li > ul > li a,
.menu > ul > li:hover > ul > li.col ul > li > ul > li a,
.menu > ul > li:hover > ul > li.col ul > li > ul > li a:visited,
.menu > ul > li > ul > li.col ul > li > ul > li .obflink,
.menu > ul > li:hover > ul > li.col ul > li > ul > li .obflink,
.menu > ul > li:hover > ul > li.col ul > li > ul > li .obflink:visited {
	border: none;
	font-weight: normal;
	color: var(--red-txt-color);
}

.menu > ul > li > ul > li.col ul > li > ul > li a.allRub,
.menu > ul > li:hover > ul > li.col ul > li > ul > li a.allRub,
.menu > ul > li:hover > ul > li.col ul > li > ul > li a.allRub:visited,
.menu > ul > li > ul > li.col ul > li > ul > li .obflink.allRub,
.menu > ul > li:hover > ul > li.col ul > li > ul > li .obflink.allRub,
.menu > ul > li:hover > ul > li.col ul > li > ul > li .obflink.allRub:visited  {
	color: var(--main-txt-color);
}

/*
.menu > ul > li > ul > li.col ul > li > ul > li a::first-letter, .menu > ul > li:hover > ul > li.col ul > li > ul > li a::first-letter, .menu > ul > li:hover > ul > li.col ul > li > ul > li a:visited::first-letter {
	border: none;
	font-weight: normal;
	color: #333;
}

.menu > ul > li > ul > li.col ul > li > ul > li > a.imp, .menu > ul > li:hover > ul > li.col ul > li > ul > li > a.imp {
	border: none;
	font-weight: normal;
	color: var(--red-txt-color);
}
*/

.menu > ul > li:hover > ul > li.col ul > li > ul > li > a:hover, .menu > ul > li > ul > li.col ul > li > ul > li > a:hover,
.menu > ul > li:hover > ul > li.col ul > li > ul > li > .obflink:hover, .menu > ul > li > ul > li.col ul > li > ul > li > .obflink:hover
/*.menu > ul > li:hover > ul > li.col ul > li > ul > li > a:hover::first-letter, .menu > ul > li > ul > li.col ul > li > ul > li > a:hover::first-letter*/ {
	border: none;
	font-weight: normal;
}

.menu > ul > li > ul.normal-sub {
	width: 300px;
	left: auto;
	margin-left: -40px;
}

.menu > ul > li > ul.normal-sub > li, .menu > ul > li:hover > ul.normal-sub > li {
	margin: 0;
	padding: 5px 0;
	background: none;
	line-height: normal;
}

.menu > ul > li > ul.normal-sub > li a, .menu > ul > li:hover > ul.normal-sub > li a,
.menu > ul > li > ul.normal-sub > li .obflink, .menu > ul > li:hover > ul.normal-sub > li .obflink {
	display: block;
	width: 100%;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}

.menu > ul > li > ul.normal-sub > li a:hover, .menu > ul > li:hover > ul.normal-sub > li a:hover,
.menu > ul > li > ul.normal-sub > li .obflink:hover, .menu > ul > li:hover > ul.normal-sub > li .obflink:hover {
	text-shadow: 1px 0 0 currentColor;text-decoration: underline;
}

/* level 5 et plus (Sous-rubriques) */
.menu > ul > li > ul > li.col ul > li > ul > li > ul {border-left:2px solid var(--hgrey-bg-color);}


/*****
	Responsive
*****/

/* Container & pres size changes */
@media only screen and (max-width: 1750px) {
	.row, .rowF1, .rowF2 {
		width: calc(100% - 200px);
		padding-left: 100px;
		padding-right: 100px;
	}

	.rowH {
		width: calc(100% - 50px);
		padding-left: 25px;
		padding-right: 25px;
	}

	.containerA {max-width:1250px;}

	.pres1, .pres2, .pres3, .pres4, .pres5, .pres6, .pres7, .pres8, .pres9, .pres10, .pres11, .pres12, .pres13, .pres14, .pres15, .pres16, .pres17, .pres18, .pres19, .pres20, .pres21, .pres22, .pres23, .pres24, .pres25, .pres26, .pres27, .pres28, .pres29, .pres30, .pres31, .pres32, .pres33, .pres34, .pres35 {width: 100%;}

	header {--max-txt:1rem;}

	section img {width:100%;}

	.image1, .image2, .image3, .image4 {flex-shrink:0;max-width:40%;}

	.image10 img {max-width:550px;width:100%;}

	.onmos img, .bottommos img, .accContent img {max-width:100%;width:auto;}
}


/* Gestion animation du sous-menu (PC) */
@media only screen and (min-width: 1025px) {
	#zt .menu ul.m-show {visibility:visible;opacity:1;}

	#zt .menu > ul > li > ul > li.col ul > li.m-curr {background:var(--mblack-bg-color);}

	#zt .menu > ul > li > ul > li.col ul > li.m-curr > .menu-arrow {visibility:visible;}

	#zt .menu > ul > li > ul > li.col ul > li > ul > li.m-curr {background:var(--grey-bg-color);}

	/* niveau 2 (Sous-menu - toutes les cols) */
	.menu > ul > li > ul {
		visibility: hidden;
		opacity: 0;
		-webkit-transition: opacity 0.5s;
	}

	/* niveau 3 (Sous-menu - col unitaire) */
	.menu > ul > li > ul > li.col ul > li > .menu-arrow {visibility:hidden;}

	/* niveau 4 (Rubriques) */
	.menu > ul > li > ul > li.col ul > li > ul {
		visibility: hidden;
		opacity: 0;
		-webkit-transition: opacity 0.5s;
	}

	/* niveau 5 (Sous-rubriques) */
	.menu > ul > li > ul > li.col > ul > li > ul > li > ul {
		visibility: hidden;
		opacity: 0;
		-webkit-transition: opacity 0.5s;
	}
}


/* Laptot */
@media only screen and (max-width: 1024px) {
	/*****
		Header
	*****/
	header {--decal-menu:89px;--menu-height:calc(100vh - var(--decal-menu));}

	.menu {
		/*position:relative;
		z-index:3000;*/
		height:100%;
	}

	.rowH .c21 #search {max-width:200px;width:100%;}

	a.menu-mobile {display:block;}

	.menu .show-on-mobile {z-index:2000;display: block;}

	.menu #m-actions {
		display: flex;
		flex-direction: row;
		justify-content:space-between;
		padding: 0 20px 50px;
	}

	.menu #m-actions p {font-size:20px;}

	.menu #m-prec span {display:none;}
	.menu #m-prec span::before {content: "\f124";font-family: "Ionicons";}

	.menu #m-close span::before {content: "\f12a";font-family: "Ionicons";}

	/*.menu-dropdown-icon:before {display:block;}*/

	.menu-arrow0 {display:block;} /* .flechmenu  */

	#zt .menu ul.m-show {visibility:visible;opacity:1;}

	/* level 1 */
	.menu > ul {
		position:absolute;
		top:0;
		display:none;
		overflow-x:hidden;
		overflow-y:auto;
		width:100%;
		height:100vh;
		padding:15px 0 50px;
		background: var(--red-bg-color);
	}

	.menu > ul.lvl2X {background: var(--lgrey-bg-color);}

	.menu > ul > li, .menu > ul > li.last {
		position: initial;
		display: block;
		box-sizing: border-box;
		max-width: 100%;
		padding: 10px 20px;
	}

	.menu > ul > li:nth-of-type(n+2) {border-top: 1px solid currentColor;}

	.menu > ul > li a, .menu > ul > li .obflink {display: block;width: 100%;}

	.menu > ul > li > span, .menu > ul > li > .lirel span,
	.menu > ul > li:hover > span, .menu > ul > li:hover > .lirel span,
	.menu > ul > li.m-curr > .lirel span {padding:0;filter:brightness(1);}


	/* niveau 2 (Sous-menu - toutes les cols) */
	.menu > ul > li > ul {
		top:var(--decal-menu);
		width:100%;
		background: var(--lgrey-bg-color);
		visibility: hidden;
		opacity: 0;
		/*-webkit-transition: opacity 0.5s;*/
	} /* position: relative;left:0; */

	.menu > ul > li > ul.normal-sub {position: relative;width: 100%;top:0;}

	.menu > ul > li > ul > li {width: 100%;margin-top: 2px;}

	.menu > ul > li > ul > li:first-child {margin: 0;}

	.menu > ul > li > ul > li.col ul > li a, .menu > ul > li:hover > ul > li.col ul > li a, .menu > ul > li:hover > ul > li.col ul > li a:visited,
	.menu > ul > li > ul > li.col ul > li .obflink, .menu > ul > li:hover > ul > li.col ul > li .obflink, .menu > ul > li:hover > ul > li.col ul > li .obflink:visited {color:var(--main-txt-color);}


	/* niveau 4 (Rubriques) */
	.menu > ul > li > ul > li.col ul > li > ul {
		left: 0;
		width:100%;
		height: var(--menu-height);
		background: var(--lgrey-bg-color);
		visibility: hidden;
		opacity: 0;
		-webkit-transition: opacity 0.5s;
	}

	/* niveau 5 (Sous-rubriques) */
	.menu > ul > li > ul > li.col > ul > li > ul > li > ul {
		border:0;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: opacity 0.5s;
	}

	.accAside {width:100%;height:100vh;}

	.accAside.acc-show {position:static;}


	/*****
		Presentation
	*****/
	.BT001, .BT001:visited, .BT002, .BT002:visited {line-height:normal;}

	.tabCont table {white-space:nowrap;}

	/*** Actus Mosaique ***/
	.pres5 > .groupAC {justify-content:space-around;}


	/*****
		Produit
	*****/
	.listeRec #cmosaiquetype {display:none;}

	#cmosaiquetype * {display:none;}

	.block_moz .BTImg {min-width:auto;}



	

	#comRef a.BT001 {width:100%;}

	.accord {padding: 15px 10px;}

	.accTitle {flex-wrap:wrap;}

	.accTitle .tc1a {--min-txt:1.25rem;--max-txt:1.5rem;word-break: break-all;}

}


/* Tablet */
@media only screen and (max-width: 768px) {
	.row, .rowH, .rowF1, .rowF2 {
		width: calc(100% - 50px);
		padding-left: 25px;
		padding-right: 25px;
	}

	.listeonglets label {margin: 0;}

	#anim {display:none;}

	#innerrgpd {width:100%;}
	#innerrgpd iframe {height: 66px;}

	.slider-indicators {flex-wrap:wrap;margin-top:20px;left:0;right:0;bottom:initial;}

	h1, h2, h3, h4, h5, .tc1, .tc2 {word-break:break-word;}

	#ZC .rowtitreH1 h1 {--min-txt: 2rem;--max-txt: 2.5rem;}
	h2, .tc1, .tc1a, .tc1b {--min-txt: 1.75rem;--max-txt: 2.25rem;} 
	h3, h4, h5, .tc2, .tc2a, .tc2vb {;--min-txt: 1.25rem;--max-txt: 1.75rem;}

	#diapoTop {display:none !important;}


	/*****
		Header
	*****/
	.rowH {padding-top:5px;padding-bottom:5px;}
	
	.rowH > .containerA {flex-direction:column;gap:10px;}

	.rowH #logo {max-width:225px;}

	.rowH .c22 {width:100%;justify-content:space-evenly;gap:15px;}

	.rowH .nbArt {top:3px;right:4px;--pref-txt:4vw;}
	.rowH .nbArtMore {top:4px;right:0;}


	/*****
		Footer
	*****/
	.rowF1 .containerA {grid-template-columns: 1fr;}
	.rowF1 .footc {display: flex;flex-direction: column;justify-content: center;align-items: center;text-align:center;}

	.rowF2 .containerA {grid-template-columns: 1fr;}
	.rowF2 .footc {text-align:center;}
	.rowF2 .footc3 {align-items:center;}


	/*****
		Presentation
	*****/
	.pres1, .pres2, .pres3, .pres4, .pres15 .colCont, .pres27 .colCont {flex-wrap:wrap;}

	.pres18, .pres19, .pres21 .colCont, .pres22 .colCont, .pres22 .colContbis, .pres32 {justify-content: space-around;}

	.pres35 .colCont {justify-content: space-between;}

	.image1, .image2, .image3, .image4 {max-width:100%;}

	.texte3 {order:1;}
	.image3 {order:2;}

	.pres27 .col {max-width:none;}


	/*****
		Forms
	*****/
	#FormStd2 > .inputCont-H {flex-wrap:wrap;}

	#FormStd2 > div:not(.inputCont-C) > label {width:100%;}

	#FormStd2 .captchaCont {max-width:100%;}


	/*****
		Produit
	*****/
	.bord {grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));}

	#cmosaiqueCont {flex-wrap:wrap;gap:25px;}

	.listeRec {gap:50px;}

	.MSL1B {flex-direction:column;gap:35px;}

	.MSc2 {max-width:500px;width:100%;align-self:center;}

	#caracRef select {width:100%;padding:13px 40px 13px 15px;}

	.quantCont {height:50px;}
	.quantAccCont img {height:10px;}

	.MSdesc3 {padding-top:35px;}

	p.indislisteref {width: 89px;white-space:wrap;}
}


/* Swiffy only */
@media only screen and (max-width: 62rem) {
	.slider-container > .presAC {scroll-snap-align:center;}

	.slider-nav::after {padding: 0 !important;}
}