/* Prévenir débordements sur tous les écrans */
html {
	overflow-x: hidden;
}
/* GENERAL */
/*@import  url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700);
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gentium+Plus:ital,wght@0,400;0,700;1,400;1,700&display=swap');
*/
@font-face {
	font-family: 'aquifer';
	src: url('/fonts/Cormorant Infant.ttf') format('truetype'),
		 url('/fonts/Cormorant Infant.otf') format('opentype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
/* Shippori Mincho */
@font-face {
    font-family: 'Shippori Mincho';
    src: url('/fonts/ShipporiMincho/ShipporiMincho-Regular.ttf') format('truetype');
    font-weight: 400;
	font-display: swap;
}

@font-face {
    font-family: 'Shippori Mincho';
    src: url('/fonts/ShipporiMincho/ShipporiMincho-Medium.ttf') format('truetype');
    font-weight: 500;
	font-display: swap;
}

@font-face {
    font-family: 'Shippori Mincho';
    src: url('/fonts/ShipporiMincho/ShipporiMincho-SemiBold.ttf') format('truetype');
    font-weight: 600;
	font-display: swap;
}

@font-face {
    font-family: 'Shippori Mincho';
    src: url('/fonts/ShipporiMincho/ShipporiMincho-Bold.ttf') format('truetype');
    font-weight: 700;
	font-display: swap;
}

@font-face {
    font-family: 'Shippori Mincho';
    src: url('/fonts/ShipporiMincho/ShipporiMincho-ExtraBold.ttf') format('truetype');
    font-weight: 800;
	font-display: swap;
}

/* Raleway */
@font-face {
    font-family: 'Raleway';
    src: url('/fonts/Raleway/Raleway-Thin.ttf') format('truetype');
    font-weight: 100;
	font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/fonts/Raleway/Raleway-ExtraLight.ttf') format('truetype');
    font-weight: 200;
	font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/fonts/Raleway/Raleway-Light.ttf') format('truetype');
    font-weight: 300;
	font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/fonts/Raleway/Raleway-Regular.ttf') format('truetype');
    font-weight: 400;
	font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/fonts/Raleway/Raleway-Medium.ttf') format('truetype');
    font-weight: 500;
	font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/fonts/Raleway/Raleway-SemiBold.ttf') format('truetype');
    font-weight: 600;
	font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/fonts/Raleway/Raleway-Bold.ttf') format('truetype');
    font-weight: 700;
	font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('/fonts/Raleway/Raleway-Black.ttf') format('truetype');
    font-weight: 900;
	font-display: swap;
}

/* Cormorant Garamond */
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('/fonts/CormorantGaramond/CormorantGaramond-SemiBold.ttf') format('opentype');
    font-weight: 600;
	font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('/fonts/CormorantGaramond/CormorantGaramond-Regular.ttf') format('opentype');
    font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('/fonts/CormorantGaramond/CormorantGaramond-Light.ttf') format('opentype');
    font-weight: 100;
	font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('/fonts/CormorantGaramond/CormorantGaramond-Light.ttf') format('opentype');
    font-weight: 200;
	font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('/fonts/CormorantGaramond/CormorantGaramond-Medium.ttf') format('opentype');
    font-weight: 500;
	font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('/fonts/CormorantGaramond/CormorantGaramond-Bold.ttf') format('opentype');
    font-weight: 700;
	font-display: swap;
}

/* Gentium Plus */
@font-face {
    font-family: 'Gentium Plus';
    src: url('/fonts/GentiumPlus/GentiumPlus-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Gentium Plus';
    src: url('/fonts/GentiumPlus/GentiumPlus-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
	font-display: swap;
}

@font-face {
    font-family: 'Gentium Plus';
    src: url('/fonts/GentiumPlus/GentiumPlus-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Gentium Plus';
    src: url('/fonts/GentiumPlus/GentiumPlus-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Cormorant Infant", serif;
	src: url('/fonts/Cormorant_Infant/CormorantInfant-Light.ttf') format('truetype'); 
	font-weight: 200;
	font-style: normal;
	font-display: swap;
  }

  @font-face {
	font-family: "Cormorant Infant", serif;
	src: url('/fonts/Cormorant_Infant/CormorantInfant-LightItalic.ttf') format('truetype'); 
	font-weight: 200;
	font-style: italic;
	font-style: normal;
	font-display: swap;
  }

  @font-face {
	font-family: "Cormorant Infant", serif;
	src: url('/fonts/Cormorant_Infant/CormorantInfant-Medium.ttf') format('truetype'); 
	font-weight: 400;
	font-style: normal;
	font-display: swap;
  }

  @font-face {
	font-family: "Cormorant Infant", serif;
	src: url('/fonts/Cormorant_Infant/CormorantInfant-MediumItalic.ttf') format('truetype'); 
	font-weight: 400;
	font-style: italic;
	font-style: normal;
	font-display: swap;
  }

  @font-face {
	font-family: "Cormorant Infant", serif;
	src: url('/fonts/Cormorant_Infant/CormorantInfant-SemiBold.ttf') format('truetype'); 
	font-weight: 600;
	font-style: normal;
	font-display: swap;
  }

  @font-face {
	font-family: "Cormorant Infant", serif;
	src: url('/fonts/Cormorant_Infant/CormorantInfant-SemiBoldItalic.ttf') format('truetype'); 
	font-weight: 600;
	font-style: italic;
	font-style: normal;
	font-display: swap;
  }

  @font-face {
	font-family: "Cormorant Infant", serif;
	src: url('/fonts/Cormorant_Infant/CormorantInfant-Bold.ttf') format('truetype'); 
	font-weight: 800;
	font-style: normal;
	font-display: swap;
  }

  @font-face {
	font-family: "Cormorant Infant", serif;
	src: url('/fonts/Cormorant_Infant/CormorantInfant-BoldItalic.ttf') format('truetype'); 
	font-weight: 800;
	font-style: italic;
	font-style: normal;
	font-display: swap;
  }



/*@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&display=swap');*/



* {
	font-family: 'Cormorant Garamond', serif;
	box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

html,
body,
table,
tr,
td,
li,
form,
input,
select,
textarea,
div,
span,
img,
a,
b,
p {
	/* font-family: Arial, Helvetica, sans-serif; */
	/*font-family: Myriad Pro, Helvetica;*/
	/*	 font-family: Arial, Helvetica, sans-serif; */
	/*	font-family: "Open Sans", Arial, Helvetica, sans-serif;*/
	/*font-family: "Open Sans", Arial, Helvetica, sans-serif;*/
	/*	font-family: Georgia;*/
	font-family: 'Cormorant Garamond', serif;
}

h1,
h2,
h3,
h4,
h5 {
	font-family:'Cormorant Infant','Times New Roman', Times, serif;
}

html,
body,
form {
	margin: 0px;
	padding: 0px;
}

#menu1 li a,
a {
	font-family:'Cormorant Infant', serif;
}

body {
	/*background-color: #eee;    2021 suppression fond gris*/
	/*line-height: 1.42857143;*/
	/* background-image: url('../images/img-fd.png'); */
	background-repeat: repeat-x;


}

.imgburger {
	width: 26px;
	height: auto;
	position: relative;
	top: -7px;
}

button {
	cursor: pointer;
}


input[type=submit]:focus,
input[type=button]:focus,
a:active,
a:focus {
	outline: none;
}

input[type=submit]::-moz-focus-inner,
input[type=button]::-moz-focus-inner {
	border: 0px;
	cursor: pointer;
}



h1 {
	font-size: 38px;
	text-transform: uppercase;
	text-align: center;
	margin-top: 20px;
	font-weight: normal;
	color: #B89E83;
}

h2 {
	color : #B89E83;
	/*color: #686458;*/
	font-size: 1.2em;
	font-weight: 500;
	margin: 0px;
	margin-top: 10px;
}

h3 {
	font-size: 20px;
	font-weight: 500;
}

/*h4 {
	color: #a54637;
	font-size: 1em;
	font-weight: normal;
	margin-top: 0px;
	padding: 0px;
}*/

img {
	border: 0px;
	object-fit: cover;

}

p {
	font-size: 20px;
	text-align: left;
}

div {
	font-size: 20px;
}

b {
	font-weight: 700;
	font-family: 'Cormorant Garamond', serif;
}
.sv_text p {
	width: 80%;
	margin: auto;
	text-align: justify;
	font-size: 20px;
	font-family: 'Cormorant Garamond', serif;
	font-weight: 200;
}


.sv_text2 p {
	width: 80%;
	margin: auto;
	text-align: justify;
	font-size: 20px;
	font-family: 'Cormorant Garamond', serif;
	font-weight: 200;
}

tr {
	align-items: center;
}

/*td {
	font-size: 20px;
}*/

a,
a:link,
a:visited {
	/*	color: #9C875D;*/
	text-decoration: unset;
	font-family:'Cormorant Garamond', serif;
	font-weight: 700;
}

/*a:hover {
	text-decoration: underline #9c875d; 
}*/

textarea {
	color: #000000;
	border: 1px solid #828282;
	background-color: #FFFFFF;
	font-weight: normal;
	padding: 1px;
	border-spacing: 1px;
	width: 100%;
	font-size: 1em;
}

input {
	color: black;
	font-size: 18px;
	font-family: "Cormorant Infant", serif;
	background-color: #FFFFFF;
}



select {
	/*	    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
	text-indent: 1px;
	text-overflow: '';
	/*background: url("../images/arrow-select.png") no-repeat right center;*/
	/*  box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;*/
	color: #222;
	border: 0.5px solid #b9a086;
	border-radius: 2px;
	height: 50px;
	/*top: 2px;*/
	text-align: center;
	width: auto;
	font-size: 18px;
	cursor: pointer;
}

.gras{
	font-weight: 800;
}

#positionCouleurTaille {
	display: block;
	width: 100%;
	margin-top: 24px;
    border-collapse: separate;
	margin-bottom: 24px;
}

#positionCouleurTaille tbody {
	/*display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-gap: 10px;
	justify-content: center;
	text-align: center;*/
	text-align: center;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(1, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 0px;
	align-items: start;

}

.tr1 {
	grid-area: 1 / 1 / 2 / 2;
}

.tr2 {
	grid-area: 1 / 2 / 2 / 3;
}

.tr3 {
	grid-area: 1 / 3 / 2 / 4;
}

/*.tr4 {
	grid-area: 2 / 2 / 3 / 4;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
}

.tr5 {
	grid-area: 2 / 1 / 3 / 2;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
}*/

.cache{
	display: none;
}

#positionCouleurTaille tbody tr:nth-child(3) {
	display: contents;
}

#positionCouleurTaille tbody tr:nth-child(3) {
	grid-row: 2 / span 2;
	grid-column: 2 / span 2;
}

#couleur {
	width: 7vw;
	margin-top: 10px;
}

#taille {
	width: 7vw;
	margin-top: 10px;
}


#centrerTexte {
	text-align: center;
}

#centrerTexte p {
	text-align: center;
	font-weight: 900;
	font-family: 'Cormorant Garamond', serif;
	font-size: 22px;
}

.product_quantity {
	margin: 0;
	padding: 0;
	text-align: center;
}

fieldset {
	color: #000000;
	border: 1px solid #bbb;
	border-radius: 1px;
}

legend {
	color: #000000;
	font-weight: bold;
}

#main_header .tel {
	font-size: 20px;
	/*font-weight: bold;*/
	font-family: 'COrmorant Infant', serif;
	font-weight: light;
	margin: 0 2vw 0 0;
	color: inherit !important;
}

.search-mobile img{
	width: 28px;
	margin-right: 2vw;
}

.search_inputSelect{
    width: 100%;
	text-align: center;
}

.input_search{
    border: 0.5px solid #b9a086;
    border-radius: 2px;
    height: 50px;
    /* top: 2px; */
    padding-left: 1vw;
    width: 50%;
    font-size: 18px;
}


.conteneur_rechercheButton{
    width: 100%;
	text-align: center;
}

.conteneur_rechercheButton input{
    padding: 0.5vw 1.5vw;
	text-transform: uppercase;
	font-size: 22px;
	background-color: white;
	font-weight: 600;
	color: #9c875d;
	border: solid #9c875d;
	margin: 1vw;
	transition: 0.2s ;
}


.conteneur_rechercheButton input:hover{
	color: white;
	background-color: #9c875d;
}

.aide_recherche h3{
	text-transform: uppercase;
	margin-bottom: 10px;
}

.aide_recherche li{
	font-size: 18px;
}



.search-overlay {
    display: none;
    position: fixed;
    top: 0px;
    right: 0px;
    width: 280px;
    background: #ffffff;
    z-index: 99999;
    height: 50px;
    align-items: center;
    justify-content: center;
    border: 0.5px solid #B89E83;
    border-radius: 4px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
    padding: 0 16px;
	box-sizing: border-box;
}

.search-overlay.active {
    display: flex;
}

.search-overlay-inner {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 16px;
}

.search-overlay-input {
    flex: 1;
    height: 44px;
    border: none;
    border-bottom: 0.5px solid #B89E83;
    background: transparent;
    font-family: 'Cormorant Garamond', serif;
    font-size: 18px;
    color: #575757;
    outline: none;
    letter-spacing: 0.03em;
}

.search-overlay-input::placeholder {
    color: #B89E83;
    font-style: italic;
}


.search-toggle-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    outline: none;
    box-shadow: none;
}

/*.slide {
cursor: default; position: absolute; top: 0px; left: 0px; width: 1024px; height: 500px; overflow: hidden; z-index: 0;
}*/

.bouton_ok {
	background-color: transparent;
	background-image: url('../../peel6 - Copie/images/ok.png');
	background-repeat: no-repeat;
	width: 31px;
	height: 24px;
	border: 0px;
	cursor: pointer;
}

.bouton_go {
	background-color: transparent;
	background-image: url('../../peel6 - Copie/images/go.png');
	background-repeat: no-repeat;
	width: 31px;
	height: 23px;
	border: 0px;
	cursor: pointer;
}

.no_margin {
	margin: 0px;
}

.no_padding {
	padding: 0px;
}

.auto {
	margin: auto;
}

.top {
	vertical-align: top;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.middle {
	vertical-align: middle;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.bottom {
	vertical-align: bottom;
}

.full_expand_in_container {
	width: 100%;
}

.half_expand_in_container {
	width: 50%;
}

/* body / total */
#main_logo {

	position: absolute;
	text-align: left;
	margin: 0px 0px 0px 0px;
	/* decalage de 300px  du logo*/
	width: 100%;
	height: 112px;
	font-size: 1em;
	font-color: 1em;
	line-height: 1.15;

}

.lettrine {
	float: left;
	font-size: 3.2em;
	line-height: .92;
}

.jssorb05 {
	position: absolute;
}

.jssorb05 div,
.jssorb05 div:hover,
.jssorb05 .av {
	position: absolute;
	/* size of bullet elment */
	width: 16px;
	height: 16px;
	/*background: url('../images/jssor/b05.png') no-repeat;*/
	overflow: hidden;
	cursor: pointer;
}

.jssorb05 div {
	background-position: -7px -7px;
}

.jssorb05 div:hover,
.jssorb05 .av:hover {
	background-position: -37px -7px;
}

.jssorb05 .av {
	background-position: -67px -7px;
}

.jssorb05 .dn,
.jssorb05 .dn:hover {
	background-position: -97px -7px;
}

.jssora031 {
	display: block;
	position: absolute;
	cursor: pointer;
}

.jssora031 .a {
	fill: #fff;
}

.jssora031:hover {
	opacity: .8;
}

.jssora031.jssora031dn {
	opacity: .5;
}

.jssora031.jssora031ds {
	opacity: .3;
	pointer-events: none;
}

#total {
	margin: 0px auto 0 auto;
	/*max-width: 100%;*/
	z-index: 1;
}

#main_content {
	float: left;
	width: 100%;
	margin-top: 130px;
	/* MODIF was10 */
	clear: both;
	z-index: 1;
	background-color: #ffffff;
}

#main_content .a,
a:link,
a:visited {
	/*color: #777;*/
	color: #ab763d;
	/*color: #9C875D;*/
}


#main_content .a:hover {
	color: #777;
}

/* Header : everything in header is positioned with absoltue positioning */

#main_header {
	position: fixed;
	background-image: url('../images/main_header.png');
	background-repeat: no-repeat;
	margin: 0 auto 0 auto;
	width: 100%;
	height: auto;
	display: block;
	float: left;
	text-align: left;
	clear: both;
	font-size: 20px;
	top: 0;
	border: none;
	box-shadow: none;
}

.header_ask_doc {
	position: absolute;
	top: 100px;
	left: 150px;
	font-weight: bold;
	font-size: 14px;
	font-style: italic;
	color: #AAAAAA;
	text-align: center;
	width: 222px;
	z-index: 200;
}

.header_few_words_center {
	position: absolute;
	top: 10px;
	left: 20px;
	font-weight: bold;
	font-size: 14px;
	font-style: italic;
	color: #AAAAAA;
	text-align: center;
	width: 222px;
}

.header_few_words_right {
	position: absolute;
	top: 50px;
	left: 192px;
	font-weight: bold;
	font-size: 12px;
	font-style: italic;
	color: #999999;
}

.main_pub {
	/* ajout publicite haut gauche*/
	position: relative;
	text-align: left;
	margin: 0px 0px 0px 0px;
	width: 125px;
	height: 125px;
}

.pan-haut1 a,
.pan-haut1 u,
.pan-haut1 a:link,
.pan-haut1 a:visited {
	/*	color: #888;*/
	color: #000;
	text-decoration: none;
	font-weight: 400;
	text-transform: none;
}

#main_logo .a:hover {
	color: #aaa;
	text-decoration: unset;
}

#flags {
	float: right;
	padding: 45px 17% 1px 144px;
	z-index: 3000;

}

/* search in header */
#main_header input#search {
	width: 190px;
	/*text-indent: 10px;*/
	height: 25px;
	color: #444;
	background: url("../images/search.png") no-repeat right center;
	box-sizing: border-box;
	border-color: #bbb;
	border: 0px;
	border-bottom: #bbb 1px solid;
	font-size: 16px;


	/*	-webkit-box-sizing: border-box;
    
	-moz-box-sizing: border-box;
	border: 0px 0px 0px 2px solid #C2C2C2;
	box-shadow: 0px 0px 4px #EBEBEB;*/
	border-radius: 0px;
	top: 2px;

}

/*#less {
	font-family: 'Cormorant Garamond', serif;
	font-size: 18px;
	font-weight: 100;
}*/

/*#less a {
	border-style:solid;
	border-width:1px;
	padding:4px 4px;
}*/


#more {
	display: none;
	font-family: 'Cormorant Garamond', serif;
	font-size: 18px;
	font-weight: 100;
}

a .more {
	color: #ad7300;
	text-decoration: underline;
	font-family: 'Cormorant Garamond', serif;
	font-size: 14px;
	font-weight: 100;
}

a .less {
	color: #ad7300;
	text-decoration: underline;
	font-family: 'Cormorant Garamond', serif;
	font-size: 14px;
	font-weight: 100;
}

#main_header #top_search form,
#top_search fieldset,
#top_search input {
	position: absolute;
	padding: 0px;
	margin: 0px;
}

#main_header #top_search form {
	border: 0px;
}

#main_header #top_search fieldset {
	border: 0px;
}

#main_header #top_search form {
	padding-left: 5px;
}

#main_header #top_search input.bouton_go {
	left: 5px;
}

#main_header input#search {
	position: absolute;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	z-index: 1510;
	top: 97px;
	right:-95vw;
	/* dzcalage de la recherche a partir de gche */
	width: 12vw;
	height: 35px;
	text-align: left;
	vertical-align: middle;
	padding-left: 10px;
}

#main_header select#brand {
	position: absolute;
	left: 120px;
	top: 1px;
	width: 175px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	/*  box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;*/
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.fdblanc {
	position: absolute;
	top: 85%;
	margin-top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.IMGsuggestion {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.lien_article_home {
	position: absolute;
	top: 33;
	right: -10;
	font-family: 'Cormorant Infant', serif;
	color: #B89E83;
}




/*FIN AJOUT CHAPO*/



.home_slot3small {}

.home_slot3big {}

.sideblocktitle select#brand,
.sideblock select#brand {
	width: 200px;
	margin: 2px;
}

.sideblocktitle #recherche fieldset,
.sideblock #recherche fieldset {
	border: 0px;
}

.sideblocktitle input#search,
.sideblock input#search {
	width: 110px;
	border: 1px solid #000;
	/*background: url('../images/go.png');*/


}

/* autocomplete search */
div.autocomplete {
	background-color: white;
	border: 1px solid #888888;
	margin: 0px;
	padding: 0px;
	z-index: 2000;
}

div.autocomplete ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	z-index: 2001;
	width: 100%;
}

div.autocomplete ul li a.selected {
	background-color: #ffffbb;
}

div.autocomplete ul li {
	list-style-type: none;
	display: block;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	text-align: left;
	z-index: 2002;
	width: 100%;
	height: auto;
}

div.autocomplete ul li a {
	height: auto;
}

/* currency */
.select_currency {
	/*position: absolute;
	z-index: 100;
	margin: 0px;
	top: 7px;
	right: 1%;
	padding-top: 10px;
	height: 22px;
	text-align: left;
	vertical-align: middle;
	color: #000;*/

}

.select_currency select {
	width: 8vw;
	color: #777;
	border-radius: 4px;
	font-size: 1.1em;
	/*font-weight: bold;*/
	font-family: 'Cormorant Garamond', serif;
	height: fit-content;
}

/* Fil d'Ariane */
.header_ariane {
	clear: both;
	float: left;
	/*width: 450px;
	height: 15px;
	padding-top: 12px;
	padding-bottom: 3px;
	padding-left: 30px;*/
	margin-top: 15px;
}

.header_ariane p {
	text-align: left;
	margin-top: 0;
	padding-left: -8;
	margin-bottom: 0;
	font-weight: 200;
	/*line-height: 10px;*/
	margin: auto;

}

.header_ariane span {
	text-align: left;
	color: green;
}

/* sideblocktitle_account */
#sideblocktitle_account {}

/* left_column */
/* right_column */

.left_column,
.right_column {
	/*	background-color: #FFFFFF;*/
	/*	background-image: url('../images/left-col.gif');*/
	width: 0px;
	/*height: 100%;								 modif largeur sideblock */
	margin-top: 10px;
	z-index: 1;
}

.left_column {
	background-color: white;

	border: 1px solid #888888;
	float: left;
	margin-left: px;
	/*	display:none;    */
	/*JB   */
}

.right_column {
	float: right;
}

.left_column h2,
.right_column h2 {
	padding: 5px;
	padding-left: 0px;
}

.left_column h2,
.left_column h2 a,
.right_column h2,
.right_column h2 a {
	font-size: 14px;
	font-weight: bold;
}

/* middle_column */
.middle_column {
	/*background-color: #FFFFFF;*/
	margin-top: 0px;
	margin-bottom: 10px;
	float: none;
	z-index: 1;
}

.column_2 .middle_column_header {
	background-image: url('../../peel6 - Copie/images/header_column_2_middle_column.jpg');
	/* haut cadre noir */
	background-repeat: no-repeat;
	background-position: left top;
	height: 100%;
}

.column_2 .middle_column {
	width: 100%;
}

.column_2 .middle_column_repeat {
	padding: 0px 0px 0px 0px;
	background-image: url('../../peel6 - Copie/images/repeat_column_2_middle_column.jpg');
	background-repeat: repeat-y;
	background-position: top left;
	width: 100%;
	z-index: 2;
}

.column_2 .middle_column_footer {
	background-image: url('../../peel6 - Copie/images/footer_column_2_middle_column.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	height: 7px;
}

.column_3 {
	/*background-color: #FFFFFF;*/
}

.column_3 .middle_column_header {
	/*	background-image: url('../images/header_column_3_middle_column.jpg'); */
	background-repeat: no-repeat;
	background-position: left top;
	height: 0px;
	/* suppression du haut de l'image de fond pour gagner de l'espace */
}

.column_3 .middle_column {
	width: 100%;
	height: 500px;
}

.column_3 .middle_column_repeat {
	padding: 0px 0px 0px 0px;
	/*	background-image: url('../images/repeat_column_3_middle_column.jpg'); */
	background-repeat: repeat-y;
	background-position: top left;
	width: 100%;
	height: 500px;
}

.column_3 .middle_column_footer {
	/* background-image: url('../images/footer_column_3_middle_column.jpg'); */
	background-repeat: no-repeat;
	background-position: left top;
	height: 0px;
}

.column_4 {
	/*background-color: #f3f0e3;*/
	background-image: url('../../peel6 - Copie/images/fd-col4.gif');
	/* padding-top: 20px; */
}

.column_4 .single_column_header {
	background-image: url('../../peel6 - Copie/images/header_column_2_middle_column.jpg');
	/* Cree par JBD psecialement pour les pages Achat */
	background-repeat: no-repeat;
	background-position: left top;
	height: 940px;
}

.column_4 .single_column {
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	display: flex;
	text-align: left;
	flex-direction: column;
}

.column_4 .single_column_repeat {
	padding: 10px 0px 0px 0px;
	/* MODIF was 10 0 0 0 */
	/*	background-image: url('http://192.168.1.94/peel-online-copie//upload/thumbs/papier-peint-design-statue4-36b1.jpg'); */
	background-repeat: repeat-y;
	background-position: top right;
	/*	background-color:#fff;*/
	width: 100%px;
	float: none;
	z-index: 2;
}

.column_4 .single_column_repeat p {
	text-align: justify;

}

.column_4 .single_column_footer {
	background-image: url('../../peel6 - Copie/images/footer_column_2_middle_column.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	height: 7px;
}

.column_4 .middle_column_header {
	background-image: url('../../peel6 - Copie/images/header_column_2_middle_column.jpg');
	/* Cree par JBD psecialement pour les pages Achat */
	background-repeat: no-repeat;
	background-position: left top;
	height: 940px;
}

.column_4 .middle_column {
	/*	padding: 10px 0px 0px 0%;
	width: 72%; */
	width: 835px;
	float: left;
}

.column_4 .middle_column_repeat {
	padding: 10px 0px 0px 15px;
	/* MODIF was 10 0 0 0 */
	/*	background-image: url('http://192.168.1.94/peel-online-copie//upload/thumbs/papier-peint-design-statue4-36b1.jpg'); */
	background-repeat: repeat-y;
	background-position: top right;
	width: 823px;
	float: none;
	z-index: 2;
}

.column_4 .middle_column_repeat p {
	text-align: justify;

}

.column_4 .middle_column_footer {
	background-image: url('../../peel6 - Copie/images/footer_column_2_middle_column.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	height: 7px;
}

/*.single_column h2 {
	background-color: #70C329;
	background-image: url("../images/title_cat_and_prod.jpg"); 
	font-family: 'Cormorant Infant', serif;
	font-weight: 100;
	background-position: 0 0;
	background-repeat: repeat-x;
	color: #3e3b35;
	font-size: 22px;
	line-height: 30px;
	padding: 25px 5px 25px 5px;
	vertical-align: middle;
	text-align: center;

}*/

.middle_and_right {
	width: 820px;
}

.middle_column_content {
	margin-right: 10px;
	margin-left: 10px;
}

.middle_column h2 {
	/*background-color: #70C329;
	background-image: url("../images/title_cat_and_prod.jpg"); */
	font-family: 'Cormorant Infant', serif;
	font-weight: 100;
	background-position: 0 0;
	background-repeat: repeat-x;
	color: #444;
	font-size: 26px;
	line-height: 30px;
	padding: 5px 5px 15px 5px;
	vertical-align: middle;
}

.middle_column h2.home_title {
	background-image: url('../../peel6 - Copie/images/title_cat_and_prod_home.jpg');
	background-repeat: no-repeat;
	color: #000000;
	background-position: left top;
	padding-left: 60px;
}

/* sideblocktitle : les modules sur les côtés avec titres */
.sideblocktitle,
.sideblock,
.left_basicblock,
.right_basicblock {
	width: 130px;
	/*modif largeur gauche JBD*/
	font-size: 12px;
	padding: 0px;
	z-index: 2;
	/*background-image: url('../images/fd_menu_gche.png');*/

}

.right_column .sideblocktitle,
.right_column .sideblock,
.right_column .left_basicblock,
.right_column .right_basicblock {
	float: right;
}

.sideblocktitle_header {
	/*background-image: url('../../peel6 - Copie/images/sideblocktitle_header.jpg');*/
	background-repeat: no-repeat;
	background-position: center;
	font-size: 11px;
	/*border-bottom: 1px solid #54719b;*/
	width: 130px;
	/*modif largeur gauche JBD*/
	height: 31px;
}

.sideblocktitle_header h2 {
	color: #000;
	text-transform: uppercase;
	/* couleur titres cotes */
	font-size: 11px;
	/*taille titre coté*/
	font-weight: bold;
	padding: 10px 0px 0 20px;
}

.sideblock_header {
	height: 12px;
	/*background-image: url('../images/sideblock_header.jpg');*/
	background-repeat: no-repeat;
	background-position: bottom;
}

.sideblocktitle_content_container,
.sideblock_content_container {
	width: 130px;
	/*modif largeur gauche JBD*/
	padding-top: 3px;
	padding-bottom: 3px;
	z-index: 3;
}

.sideblocktitle_content_container {
	/*background-image: url('../images/sideblocktitle_content.jpg');*/
	background-repeat: repeat-y;
	background-position: center;
}

.sideblock_content_container {
	/*	background-image: url('../images/sideblock_content.jpg');*/
	background-repeat: repeat-y;
	background-position: center;
}

.sideblock_caddie {
	margin-top: -3px;
}

.sideblocktitle_content,
.sideblock_content {
	margin: auto;
	width: 125px;
	/*modif largeur gauche JBD*/
	z-index: 4;
}

.sideblocktitle_content h3,
.sideblock_content h3 {
	margin: 0px;
	padding: 0px;
	color: black;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	width: 196px;
}

.sideblocktitle_content ul,
.sideblock_content ul {
	width: 125px;
	/*modif largeur gauche JBD*/
	margin: 0px;
	padding: 0px 0px 0px 0px;
	z-index: 1000;
}

.sideblocktitle_content li,
.sideblock_content li {
	/*border-top: 1px dotted #B3B3B3;*/
	height: 19px;
	list-style-type: none;
	padding-top: 0px;
	padding-left: 0px;
	z-index: 1000;
}

.sideblocktitle_content li:first-child,
.sideblock_content li:first-child {
	border: none;
}

.sideblocktitle_content li a,
.sideblock_content li a {
	font-weight: normal;
	color: #444;
	/*couleur s/titre coté*/
	text-decoration: none;
	font-size: 10px;
}

.sideblocktitle_content li a:hover,
.sideblock_content li a:hover {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
}

.sideblocktitle_content p,
.sideblock_content p {
	padding: 0px;
	margin: 0px;
}

.sideblocktitle_footer,
.sideblock_footer {
	width: 170px;
	/*modif largeur gauche JBD*/
	overflow: hidden;
	margin-bottom: 8px;
	background-repeat: no-repeat;
	background-position: center top;
}

.sideblocktitle_footer {
	height: 7px;
	/*background-image: url('../images/sideblocktitle_footer.jpg'); */
}

.sideblock_footer {
	height: 5px;
	/*background-image: url('../images/sideblock_footer.jpg');*/
}

/* Footer */


#footer {
	clear: both;
	color: #fff;
	text-align: center;
	width: 100%;
	height: 10%;
	margin: 0 auto;

}

#footer #pre_footer {
	clear: both;
	margin: 0 auto;
	text-align: center;
	/*	width: 1024px; */
	height: 10%;

}

#footer .footer_info {
	width: 23%;
	height: auto;
	float: left;
	margin: 1%;
	text-align: center;

}

#footer .footer_insta {
	width: 15%;
	height: auto;
	float: left;
	margin: 0 auto;
	background-color: #fff;
	padding: 15px 1px 1px 3%;
}

#footer .footer_insta img {
	width: 100%;

}

#footer input#email {
	width: 500px;
	height: 35px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #B89E83;
	/*  box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;*/
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	top: 2px;
}

#footer input#bouton {
	width: 35px;
	height: 35px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #B89E83;
	/*  box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;*/
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	top: 2px;
}

.footer_info span {
	font-family: 'Cormorant Garamond', serif;
	font-weight: 600;
	color: #B89E83;
	font-size: 16px;
}

#footer .affiche_contenu_html_footer {

	background-color: #fff;
	text-align: center;
	color: #bbb;
	padding-bottom: 0px;
	padding-top: 0px;
	width: 100%;
	margin: 50px auto 0 auto;
	height: 10%;
	z-index: 3;
}

#footer p {
	padding: 2px 0 2px 0;
	margin: 0px;
	text-align: center;
	font-family: 'Cormorant Garamond', serif;
	font-size: 16px;
	color: #222;
}

#footer ul {
	list-style: none;
	margin: 0px;
	color: #6E6E6E;
	padding: 2px 0 2px 0;
}

#footer li {
	color: #6E6E6E;
	font-family: 'Cormorant Garamond', serif;
	border-left: 0px solid #DDDDDD;
	vertical-align: top;
	/*	display: inline;  */
	/*padding: 0 0.5em 0 0.6em;*/
	/*list-style-type: square;*/
}

#footer li.first {
	border-left: 0px;
}

#footer li.last {
	border-left: 1px solid #DDDDDD;
}

.txtsousinsta {

	display: flex;
	justify-content: center;
	align-items: flex-start;
	align-content: center;
	flex-direction: row;
	margin: 0 10%;
	height: auto;
}

/*.affiche_contenu_html_footer table tbody tr:nth-child(5) td {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	align-content: center;
	flex-direction: row;
	margin: 0 10%;
	height: auto;

}*/

.affiche_contenu_html_footer table tbody tr:nth-child(2) td {
	margin: 0 10%;
	height: auto;

}

#footer a {
	color: #6E6E6E;
	font-family: 'Cormorant Garamond', serif;
	font-size: 14px;
}

#footer a:hover {
	color: #B89E83;
}

#footer .link a {
	color: #6E6E6E;
}

.footer_final {
	background-color: #B89E83;
	height: 30px;
}

.footer_final span {
	color: white;
	font-family: 'Cormorant Garamond', serif;
	font-weight: 200;
	font-size: 16px;
}

.email_footer:focus {
	box-shadow: 0px 0px 3px 0px #B89E83;
	transition: 0.3s;
}

.bouton_footer:hover {
	box-shadow: 0px 0px 3px 0px #B89E83;
	transition: 0.3s;
}

.reseaux_sociaux {
	width: 100%;
}

.reseaux_sociaux table tbody tr {
	margin: 0 10%;
}


/* INOS HAUT pour inscrits */


.infos_haut {
	/*background-image: url("../images/cart-logo-b.png");*/
	background-repeat: no-repeat;
	width: 30%;
	padding: 0px 0px 17px 2px;
	line-height: 11px;
}

.infos_haut .a {
	font-size: 11px;
	/*font-weight: bold;*/
}

.infos_haut a:hover {
	color: #000;
	font-size: 12px;
	/*font-weight: bold;*/
}

.infos_haut h2 {
	font-size: 11px;
	/*font-weight: bold;*/
}

.infos_haut table {
	width: 100%;
	padding-top: 2px;
	cellpadding: 3px;
}

.infos_haut tbody td {
	border: 0px solid #aaa;
	text-align: right;
	cellpadding: 4px;
	cellspacing: 3px;
}

.infos_haut td h2,
.infos_haut td p {
	padding: 2px;
	border: 1px solid #aaa;
	text-align: center;
	margin: 0px;
	cellspacing: 4px;
	cellpadding: 3px;
}

/* mini_caddie */


.minicaddie {
	/*background-image: url("../images/cart-logo-b.png");*/
	background-repeat: no-repeat;
	width: 100%;
	height: 30px;
	padding: 0px 0px 10px 0px;
	line-height: 12px;
	font-size: 12px;
}

a.minicaddie {
	font-size: 11px;
	/*font-weight: bold;*/
}

.minicaddie a:hover {
	color: #000;
	font-size: 12px;
	/*font-weight: bold;*/
}

.minicaddie a:visited {
	font-size: 11px;
	/*font-weight: bold;*/
}

.minicaddie h2 {
	font-size: 11px;
	/*font-weight: bold;*/
}

.sideblocktitle .minicaddie img,
.sideblock .minicaddie img {
	margin: 0px;
}

.minicaddie table {
	width: 100%;
	padding-top: 2px;
	cellpadding: 2px;
}

.minicaddie table td {
	border: 3px solid #fff;
	text-align: right;
	cellpadding: 4px;
	cellspacing: 3px;
}

.minicaddie td h2,
.minicaddie td p {
	padding: 2px;
	border-bottom: 1px solid rgba(165, 147, 48, 1);
	;
	text-align: left;
	margin: 0px;
	cellspacing: 4px;
	cellpadding: 3px;
}

.minicaddie td .line_product {
	width: 155px;
}

.minicaddie td .line_product a {
	font-size: 10px;
}

.minicaddie .product_price {
	width: 70px;
	text-align: right;
	font-size: 11px;
}

.minicaddie .bouton {
	font-size: 12px;
}

/*JBD minicaddie2 */

.minicaddie2 {
	background-repeat: no-repeat;
	width: 120px;
	height: 30px;
	text-align: right;
	padding: 2px 0px 10px 0px;
	line-height: 12px;
}

a.minicaddie2 {
	color: #4444A;
	font-size: 11px;
	/*font-weight: bold;*/
}

.minicaddie2 a:hover {
	color: #000;
	font-size: 12px;
	/*font-weight: bold;*/
}

.minicaddie2 a:visited {
	font-size: 11px;
	/*font-weight: bold;*/
}

.minicaddie2 h2 {
	font-size: 11px;
	/*font-weight: bold;*/
}

.sideblocktitle .minicaddie2 img,
.sideblock .minicaddie2 img {
	margin: 0px;
}

.minicaddie2 table {
	width: 100%;
	padding-top: 2px;
	cellpadding: 2px;
}

.minicaddie2 table td {
	border: 3px solid #fff;
	text-align: right;
	cellpadding: 4px;
	cellspacing: 3px;
}

.minicaddie2 td h2,
.minicaddie2 td p {
	padding: 2px;
	/*border-bottom: 1px solid rgba(165, 147, 48, 1);*/
	border-radius: 4px;
	border: 2px solid #ddd;
	text-align: right;
	margin: 0px;
	cellspacing: 1px;
	cellpadding: 3px;
}

.minicaddie2 td .line_product {
	width: 155px;
}

.minicaddie2 td .line_product a {
	font-size: 10px;
}

.minicaddie2 .product_price {
	width: 70px;
	text-align: right;
	font-size: 11px;
}

.minicaddie2 .bouton {
	font-size: 12px;
}




/* fin minicaddie2*/


/* classe automatique lorsque le caddie est dans le header */
.header_caddie {
	position: absolute;
	float: right;
	right: 0px;
	top: 40px;
	/*position mini caddie*/
	width: 135px;
	height: 70px;
}

/* Tableaux avec les produits */
table.produits {
	display: flex;
	justify-content: center;
	width: 100%;
	/*border-top: 0px;
	border-bottom: 0px;
	margin: 0.2em;
	margin-right: 0;
	margin-left: 0;
	padding-left: 100px;*/
}

/* Tableaux avec les rubriques*/

table.grille_rubriques {
	display: flex;
	justify-content: space-between;
	border-top: 0px;
	border-bottom: 0px;
	margin: 0.2em;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	padding-left: 100px;
}

/* Tableaux avec les produits suggérés*/
/*#suggestion_produits {
	display: flex;
	flex-direction: row;
	justify-content:space-between;
	margin-right: 40px;
	margin-left: 115px;
	margin-bottom: 20px;
	border-top: 0px;
	border-bottom: 0px;
	}*/

/* Produits sur deux colonnes */
td.produit_col {
	/*border-bottom: 0px dotted #998F8C;*/
	/*modif lignes a points entre produits*/
	padding-top: 4%;
	/*vertical-align: bottom;*/

}

p.flash {
	color: #dd0000;
	font-weight: bold;
}

.retour {
	clear: both;
}

p.retour img {
	float: none;
}

.alignerimage {
	vertical-align: middle;
}

.titre_trait span {
	color: #3e3b35;
}

/* - - - - - - - - PRODUIT A LA UNE - - - - - - - - */

.produit_a_la_une {
	height: 62vh;
	width: 76vw;
	position: relative;
	padding: 0 6%;
}
.produit_selection {
	height: 33vh;
	width: 76vw;
	position: relative;
	padding: 0 6%;
}

.home-slot2-A table {
	margin: 0 1% auto;
}

.product_image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 1;
	display: block;
	transition: .5s ease;
	backface-visibility: hidden;
	border: solid 0.5px;
}


.middle {
	transition: .5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
}

.product-content-blog:hover .product_image{
	filter: brightness(50%);
}

.product-content-blog:hover .middle {
	opacity: 1;
}

.text {
	color: white;
	font-size: 22px;
	font-family: 'Cormorant Garamond', serif;
	font-weight: 600;
	padding: 16px 32px;
}

h2.titre_a_la_une {
	font-size: 35px;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 40px;
	font-weight: normal;
	color: #3e3b35;
	margin-top: 4%;
}

.nom_produit {
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
	color: #222;
	font-weight: 200;
	font-family: 'Cormorant Garamond', serif;
	line-height: normal;
}

.home-slot2-NEW {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-direction: row;
}

.home-slot2-NEW table {
	margin: 0 1% auto;
}

.home-slot2-NEW table tbody {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column-reverse;
}

.home-slot2-A {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-direction: row;
}

.home-slot2-A table tbody {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column-reverse;
}

.module_product_title {
	font-size: 16px;

}

/* Publicite */

.publicite {
	width: 100%;
	/*background-color:#eee	;*/
	text-align: center;
	margin-top: 0px;
	/*position:fixed;
	z-index:1000;*/
}

/* Enregistrement Début */
div.enregistrement {
	/*	width: 520px;*/
	margin: 0px;
	padding: 5px;
}

div.enregistrement span.enregistrement {
	display: inline-block;
	/*	width: 520px; */
	margin: 0px;
}

div.enregistrement span.enregistrementgauche {
	display: inline-block;
	margin: 0px;
	width: 190px;
	padding-right: 10px;
}

div.enregistrement span.enregistrementdroite {
	display: inline-block;
	margin: 0px;
	width: 300px;
}

.entryform{
	border: solid #9c875d;
	padding: 2vw 4vw 2vw 4vw;
}

.entryform span input.champtexte {
	width: 250px;
}

.entryform fieldset {
	border: 1px solid #DDDDDD;
	width: 500px;
}

.entryform textarea {
	width: 250px;
}

.entryform .bouton_add_cart{
	margin-right: 0;
	width: 50%;
}

p:has(.bouton_add_cart){
	text-align: center;
}

.entryform .contact_form_grid{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr 3fr 2fr;
	row-gap: 2vw;
	column-gap: 3vw;
	align-items: end;
}

.entryform .suscrib_entryform  input[type=mail], .entryform .suscrib_entryform  input[type=password] {
	width: 100%;
    height: 50px;
    border: solid #9c875d 0.5px;
    padding-left: 20px;
	vertical-align: middle;
}

.entryform .contact_form_grid input{
	width: 100%;
	height: 70px;
	border: solid #9c875d 0.5px;
	padding-left: 20px;
}

.entryform .contact_form_grid .contact_form_grid_textarea{
	grid-column : 1 /span 2;
}

.contact_form_grid_textarea textarea{
	max-width: 100%;
	min-width: 100%;
	min-height: fit-content;
	max-height: fit-content;
	border: solid #9c875d 0.5px;
	padding: 10px 20px;
}


.entryform .contact_form_grid select{
	width: 100%;
	height: 70px;
	border: solid #9c875d 0.5px;
}


.form_item_error {
	background-color: #FFEBE1;
}

.notice,
.etoile {
	color: #9C875D;
	font-weight: bold;
	font-size: 1em;
}

/* Tableau caddie et historique des commandes */
.lignecaddie {
	vertical-align: middle;
}

.lignecaddie_suppression {
	text-align: center;
	vertical-align: middle;
	width: 30px;
}

.lignecaddie_produit_details {
	text-align: left;
	font-family: "Cormorant Infant",serif;
}

.lignecaddie_produit_image img {
	border: 1px solid #998F8C;
}

.lignecaddie_quantite {
	font-family:  "Cormorant Infant",serif;
	width: 70px;
}

.lignecaddie_quantite input {
	width: 80%;
	height: 30%;
}

.lignecaddie_prix {
	width: 75px;
	font-family:  "Cormorant Infant",serif;
}

.lignecaddie_prix_unitaire {
	width: 115px;
	font-family:  "Cormorant Infant",serif;
}

table.code_promo {
	width: 350px;
	margin-left: 10px;

}

table.caddie {
	border-radius: 4px;
	width: 100%;
	margin-bottom: 15px;
	font-size: 22px;
}

table.caddie a {
	font-size: 22px;
}

table.caddie td,table.caddie th {
	border-bottom: solid  #9C875D;
	min-width: 50px;
	padding: 0.5vw;
}

.ligne_contenu_caddie{
	height: 150px;
}

table.reminder_array {
	border: 0px solid #61605E;
	clear: both;
	width: 98%;
}

.border_left {
	border-left: solid  #9C875D;
}

table.reminder_array th {
	text-align: center;
	border-right: none;
	border-left: none;
	padding: 0.1em;
}

table.reminder_array caption {
	background: #425B81;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
}

.listeprod {
	text-align: left;
}

/*caddie.php */

div.totalcaddie p {
	padding-right: 1em;
	text-align: left;
	font-size: 1.1em;
}


div.totalcaddie h2 {
	padding: 0px;
}

div.totalcaddie h2 div {
	font-size: 22px;
	font-weight: bold;
	padding: 13px 10px 5px 50px;
}

div.totalcaddie h2 img {
	float: left;
}

div.totalcaddie li.premier {
	border-left: 0px;
	padding: 0 0.5em 0 0.6em;
}

div.totalcaddie li.dernier {
	border-left: 1px solid #DDDDDD;
	padding: 0 0.5em 0 0.6em;
}

ul.caddie {
	text-align: center;
}

.caddie_red {
	color: #ff0000;
	font-weight: bold;
}


.caddie_res{
	width: 47.3%;
}

.caddie th,
.reminder_array th {
	background-image: url("../../peel6 - Copie/images/header_cart_list.jpg");
	background-position: left top;
	background-repeat: repeat-x;
	height: 31px;
	padding-left: 10px;
}

/*table.livraison {
	border: 1px solid #61605E;
	border-radius: 4px;
	margin-top: 5px;
	width: 98%;
}

table.livraison td {
	padding: 10px;
}*/

.livraison{
	border: solid #9C875D;
	padding: 1vw 2vw 1vw 2vw;
	width: 45%;
	position:absolute;
	bottom: -15px;
	height:270px;
}

.cart_button_and_link{
	position: relative;
	top: -30px;
}

select:has(option[value=""]:checked) {
	color: #999;
}

.livraison th{
	border: none;
	text-align: left;
}

.livraison tr{
	font-size: 20px;
}


.livraison select {
	margin-top: 5px;
	width: 100%;
}

/*table.cart_button_and_link {
	width: 100%;
	text-align: center;
	vertical-align: bottom;
}*/

.livraison h3{
	text-transform: uppercase;
	font-size: 25px;
	margin: 0px;
	text-align: center;
}

table.table_order {
	margin: auto;
	width: 98%;
}

#choix_zone {
	text-align: left;
	width: fit-content;
}

/* page change_mot_pass_form*/
.changepass {
	border: 1px solid #DDDDDD;
	color: #000000;
	float: left;
	margin: 0.2em 0 0.5em 0;
	padding: 0.3em 0 0.2em 0;
	width: 98%;
}

/* page step1 */
.steps{
	width: auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 5fr 3fr;
	gap: 3vw;
}

.onestep h3{
	text-transform: uppercase;
	font-size: 25px;
	text-align: center;
	margin: 0 0 2vw 0;
}


.step_paiment{
	grid-column: 1;
	grid-row: 2;
}

.step_paiment input{
	margin-right: 1vw;
}

.step_paiment input[type="radio"] {
	-ms-transform: scale(1.5); /* IE 9 */
	-webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
	transform: scale(1.5);
  }

.step_paiment p{
	margin-bottom: 50px;
}

.onestep p{
	font-size: 25px;
}

.step_comment{
	grid-column: 2;
	grid-row: 2;
}

.stepgauche {
	border: #9c875d;
	width: 100%;
	grid-column: 1;
	grid-row: 1;
}

.stepdroite {
	border: #9c875d;
	width: 100%;
	grid-column: 2;
	grid-row: 1;
}

#entryformstep p {
	text-align: left;
}

#entryformstep fieldset {
	border: none;
	padding: 2vw 3vw 2vw 3vw;
}

.onestep {
	border: solid #9c875d;
	height: 100%;
}


/*#entryformstep legend {
	color: #000000;
	font-weight: bold;
}*/

#entryformstep p.droite {
	text-align: right;
}

#entryformstep textarea {
	width: 100%;
	height: 200px;
	max-width: 500px;
	min-width: 100%;
	max-height:200px;
	min-height: 200px;
}

#entryformstep p.boutonenregistrement {
	clear: both;
}

#entryformstep  input[type=checkbox] {
	-ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
	margin-right: 15px;
}

#entryformstep .bouton_add_cart{
	width: 40%;
	margin-right: 30%;
	margin-left: 30%;
}

.formulaire-achat {
	float: right;
	border: 0.5px solid #9c875d;
	text-align: left;
	padding: 0;
	padding-left: 10px;
	border-radius: 0;
	height: 50px;
	width: 50%;
}

/* achat/index.php */
.achatgauche {
	background: #ff0000;
	border: 1px solid #DDDDDD;
	color: #000000;
	float: left;
	margin-top: 0.5em;
	min-height: 260px;
	padding-top: 0.5em;
	width: 250px;
}

.achatdroite {
	border: 1px solid #DDDDDD;
	color: #000000;
	float: left;
	margin: 0.5em 0 0 4px;
	min-height: 260px;
	padding-top: 0.5em;
	width: 250px;
}


th.caddie {
	background: #425B81;
	color: #FFFFFF;
}

ul.caddie {
	text-align: center;
}


/*step2 */
.step2 {
	float: left;
	margin: 0.2em 0 0.5em 0;
	padding: 0.2em 0 0.2em 0;
	width: 98%;
}

.conteneur_step2caddie{
	width: 100%;
	display: flex;
	justify-content: right;
	align-items: center;
}

#step2caddie {
	border: solid #9c875d;
	padding: 1vw 2vw 1vw 2vw;
	width: 45%;
	height: auto;
	min-height: 270px;
	text-align: left;
	font-size: 20px;
}

#step2caddie th{
	border: none;
	font-weight: 400;
}

.caddie_product_step3 .maj_commande{
	display: none;
}

.caddie_product_step3 .conteneur_step2caddie {
    justify-content: center;
	margin-top: 3vw;
}

.maj_commande{
	margin-bottom: 25px;
	display: block;
	font-family:  "Cormorant Infant",serif;
	text-align: right;
}


.chiffre_total_caddie{
	font-family: "Cormorant Infant",serif;
	text-align: end;
}


.caddie_net_to_pay {
	font-size: 25px;
	font-weight: 800;
}

/*#step2caddie p {
	text-align: right;
}*/

div#center {
	text-align: center;
}

#center img {
	border: 0px;
}

div#left {
	text-align: left;
}

/*achat/produit_details.php */
.produit_details_gauche {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0.2em 0 0.5em 0;
	padding: 0.2em 0 0.2em 0;
	width: 278px;
}

.produit_details_droite {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0.2em 0 0.5em 4px;
	padding: 0.2em 0 0.2em 0;
	width: 278px;
}

div.produit_details_droite p {
	text-align: left;
}

div.produit_details_gauche p {
	text-align: center;
}

.produit_details_img3 {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0.2em 0 0.5em 0;
	padding: 0.2em 0 0.2em 0;
	width: 278px;
	text-align: center;
}

.produit_details_img4 {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0.2em 0 0.5em 4px;
	padding: 0.2em 0 0.2em 0;
	width: 278px;
	text-align: center;
}

div ul.produit_details {
	margin: 6px 0 6px 0;
	padding: 0px;
}

div ul.produit_details li {
	float: left;
	width: 32%;
	list-style-type: none;
	padding: 6px 6px 6px 0;
}

div ul.produit_details img {
	width: 100%;
	padding: 0px;
}

input img {
	border: 0px;
}

.step3_date { 
	margin-left: 3.5vw;
}

.step3_blocs  { 
	display: flex;
	width: 100%;
	justify-content: space-around;
}

.step3_blocs  fieldset{ 
	height: max-content;
	min-height: 650px;
	padding: 2vw 3vw 2vw 3vw;
	width: 40%;
}



/* utilisateurs/contact */
#contact table {
	padding: 1em;
}

#contact textarea {
	width: 100%;
}

/*#contact input {
	width: 90%;
}*/

#contact .bouton {
	width: 125px;
	color: #000000;
	border: 1px solid #828282;
	font-weight: normal;
	padding: 1px;
	border-spacing: 1px;
}

/* fonction colonne */
#colonne {
	text-align: center;
}

/* Module publicité */
#publicite {
	text-align: center;
	margin-top: 3px;
	margin-left: -3px;
}

/* Module nuage de tag */
#nuage {
	text-align: justify;
	position: relative;
	line-height: 25px;
	padding: 0.5em;
}

#nuage a {
	text-decoration: none
}

#nuage a.level0 {
	font-size: 11px;
	color: #BFBFBF;
}

#nuage a.level1 {
	font-size: 11px;
	color: #B8C9D6;
}

#nuage a.level2 {
	font-size: 12px;
	color: #668AA8;
}

#nuage a.level3 {
	font-size: 12px;
	color: #47657B;
}

#nuage a.level4 {
	font-size: 12px;
	color: #E76300;
}

#nuage a.level5 {
	font-size: 13px;
	color: #685C65;
}

#nuage a.level6 {
	font-size: 13px;
	color: #8C524D;
}

#nuage a.level7 {
	font-size: 14px;
	color: #B44732;
}

#nuage a.level8 {
	font-size: 14px;
	color: #E53A11;
}

#nuage a.level9 {
	font-size: 15px;
	color: #E76300;
	font-weight: bold
}

#nuage a.level10 {
	font-size: 16px;
	color: #FF3300;
	font-weight: bold
}

#nuage a:hover {
	color: white;
	background-color: #668AA8;
}

/* Affichage des produits en ligne */
.col_flash {
	width: 550px;
	float: left;
	color: #dd0000;
	font-weight: bold;
}

.col1 {
	width: 530px;
	height: 20px;
	padding-top: 5px;
	padding-left: 5px;
	float: left;
}

.col1_nom {
	color: #000000;
	float: left;
	font-weight: bold;
	height: 20px;
	margin-left: 0.5em;
	width: 49%;
}

.col1_prix {
	height: 20px;
	float: right;
}

.col2 {
	padding-top: 10px;
	padding-bottom: 2px;
	float: left;
}

.produit_reference {
    display: block;
    font-size: 16px !important;
    color: #000000;
    font-family: 'Cormorant Garamond', serif;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
	text-transform: lowercase;
}
.produit_reference::first-letter{
	text-transform: uppercase;
}

.produit_reference_value {
    text-transform: uppercase;
}

.produit_reference,
.produit_info_meta {
    color: #575757;
}

.col2 a img {
	width: 160px;
}

.col3 {
	padding-top: 10px;
	padding-bottom: 2px;
	padding-left: 5px;
	float: left;
	width: 69%;
	height: 140px;
}

.col4 {
	width: 100%;
	float: left;
}

div.col_zoom {
	float: left;
	background-color: #6A5B56;
	color: #FFFFFF;
	font-size: 1em;
	font-weight: bold;
	height: 20px;
	margin-left: 12px;
	padding-top: 4px;
	text-align: center;
	width: 135px;
}

div.col_zoom a {
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}

a.col_zoom:link,
a.zoom:visited,
a.zoom:active {
	font-weight: normal;
	font-size: 1em;
	text-decoration: none;
}

a.col_zoom:hover {
	font-weight: normal;
	font-size: 1em;
	text-decoration: underline;
}

div.col_detail {
	float: right;
	background-color: #FE9600;
	color: #FFFFFF;
	font-size: 1em;
	font-weight: normal;
	height: 24px;
	padding-top: 4px;
	text-align: center;
	width: 167px;
}

a.col_detail:link,
a.col_detail:visited,
a.col_detail:active {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

a.col_detail:hover {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}

.espace_haut {
	padding-top: 10px;
}

/* Page catalogue */

#lightbox {
	z-index: 3000;
}

/*4 produits par ligne sur uns ite en 3 colonnes*/
/* TABLEAU PRODUITS */
table.product_per_line_4 {
	margin: auto;
	height: 150px;
	/* was 285*/
	width: 200px;
}

table.product_per_line_3 {
	margin: auto;
	height: 280px;
	width: 180px;
}

table.product_per_line_2 {
	margin: auto;
	height: 340px;
	width: 253px;
}

td.bordure {
	border-right: 0px dotted #998f8c;
	/*ligne entre produits */
}

td.fc_titre_produit a {
	font-weight: bold;
	color: #000000;
}


td.fc_titre_produit {
	text-align: center;
	font-size: 0.8em;
	/* chgt taille nom produits - was 1*/
	font-weight: bold;
}

td.fc_prix {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}

td.fc_flash {
	text-align: center;
	font-weight: bold;
	color: #cc0000;
	font-size: 1em;
}

td.fc_descriptif {
	font-size: 1em;
	text-align: justify;
	height: 25px;
}

td.fc_image {
	text-align: center;
	vertical-align: middle;
}

td.fc_image img {
	border: 1px solid #998F8C;
}

td.fc_zoom {
	text-align: center;
	vertical-align: bottom;
	height: 30px;
	width: 80px;
}

.fc_zoom a {
	background-color: #6A5B56;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
	display: block;
	width: auto;
	height: 18px;
	padding: 6px;
}

a.zoom:link,
a.zoom:visited,
a.zoom:active {
	color: #FFFFFF;
	text-decoration: none;
}

a.zoom:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.fc_more_detail a {
	display: block;
	background-color: #dc3131;
	color: #000000;
	/* couleur + de détail*/
	line-height: 22px;
	height: 22px;
	width: 100%;
}

td.fc_detail {
	background-image: url('../../peel6 - Copie/images/fc_detail.png');
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: bottom;
	height: 30px;
	width: 80px;
}

.fc_detail a {
	background-color: #6A4A3D;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1em;
	display: block;
	width: auto;
	height: 18px;
	padding: 6px;
}

a.plus_detail:link,
a.plus_detail:visited,
a.plus_detail:active {
	color: #333333;
	text-decoration: none;
}

a.plus_detail:hover {
	color: #555555;
	text-decoration: underline;
}

/* Page catalogue */

table.fp {
	margin: 0px;
	padding: 0;
	width: 100%;
}

div.fp_produit {
	/*padding: 10px;
	float: right;
	margin-left: -3px;
	margin-top: -8px;*/
	max-width: 100%;
	display: flex;
	justify-content: center;
	font-weight: normal;
	text-align: left;
	/*width: 100% !important;
	-ms- width: 90%;*/

	/*margin-left: 6px;*/
}

div.fp_produit del {
	font-size: 14px;
	color: #000000;
	float: left;
	font-size: 14px;
}

div.fp_produit h4 {
	color: #5c5758;
}

div.fp_produit .prix {
	display: block;
	font-size: 36px;
	font-weight: 700;
	font-family: 'Cormorant Garamond', serif;
	height: 40px;
}

div.fp_image_grande {
	float: left;
	text-align: center;
	vertical-align: top;
	/*margin-right: 15px;
	margin-bottom: 20px;							/*modif taille image grande*/
	width: 55%;
	/*height: 100%;*/
	margin: 0;
	padding: 0;
	height: auto;

}

div.image_grande {
	text-align: center;
	/*margin: auto;*/
	display: inline-block;
	z-index: 10;
}

div.image_grande a {
	/*border: 2px solid #bbbbbb;							modif bordure image grande
	background-color: #FFFFFF;*/
	display: inline-block;
	margin: auto;
}

#mainProductImage {
	width: 100%;
	height: auto;
	object-fit: cover;
	border-radius: 0px 2px 2px 0px;
}

td.fp_image_petite {
	width: 75px;
	text-align: center;
	vertical-align: top;
}

div.descriptif {
	float: left;
	background-color: #fafafa;
	font-size: 22px;
	/*border: 1.5px solid #B89E83;*/
	font-weight: 400;
	text-align: left;
	width: 45%;
	height: 94%;
	/*padding-top: 20px;
	padding-left: 20px;*/
	/*nous appliquons la marge intérieure aux éléments contenus et pas contenants*/
	/*padding-right: 20px;*/
	/*nous appliquons la marge intérieure aux éléments contenus et pas contenants*/
	margin-left: 25px;
	margin-bottom: 20px;
	/*padding-bottom: 20px;*/
	padding: 15px 25px 25px 25px;
	/* border: solid #B89E83; */
	box-sizing: border-box;

}

/*div {
	font-size: 20px;
}*/

#descriptif {
	float: right;
	width: 79%;
	/*si nous laissons 80%, ça ne rentre plus car la bordure prend de la place*/
	text-align: left;
	border-left: dashed;
	border-left-width: 1px;
	border-color: #9F5001;
	padding-right: 6%;
}

.descriptif p {
	/*padding-left: 10px;
	padding-right: 6%;*/
	font-size: 18px;
	font-family: 'Cormorant Garamond', serif;
	/*nous appliquons la marge intérieure aux éléments contenus et pas contenants*/
	margin: 0;
}

.descriptif h1 {
	font-size: 38px;
	text-transform: capitalize;
	font-weight: normal;
	color: #B89E83;
	font-family: 'Cormorant Infant', serif;
	/* font-weight: 600; */
	margin: 0px;
	margin-bottom: 0.2vw ;
	text-align: left;
}

.produit_description {
	margin-bottom: 1vh;
}

.produit_description__content {
	line-height: 1.55;
	font-size: 0.98em;
	letter-spacing: 0.01em;
}

.produit_description__content p {
	margin: 0 0 0.85em;
}

.produit_description__content p:last-child {
	margin-bottom: 0;
}

.produit_description__block {
	margin: 0 0 1.1em;
	padding-left: 0.1em;
}

.produit_description__block:last-child {
	margin-bottom: 0;
}

.produit_description__section-title {
	display: inline-block;
	margin: 0.35em 0 0.25em;
	font-weight: 600;
	letter-spacing: 0.01em;
	color: #7d674d;
	border-bottom: 1px solid rgba(184, 158, 131, 0.45);
}

.produit_description__credit-label {
	font-weight: 600;
	color: #8a7458;
}

.produit_description__content ul,
.produit_description__content ol {
	margin: 0 0 0.9em 1.2em;
	padding-left: 0.8em;
}

.produit_description__content li {
	margin-bottom: 0.35em;
}

.produit_description--collapsible {
	position: relative;
	max-height: 10em;
	overflow: hidden;
	padding-bottom: 1.15rem;
	transition: max-height 0.25s ease;
}

.produit_description--collapsible::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3.5rem;
	/* background: linear-gradient(to bottom, rgba(250, 250, 250, 0), rgba(250, 250, 250, 0.98) 90%); */
	pointer-events: none;
}

.produit_description--collapsible.is-expanded {
	max-height: none;
	overflow: visible;
	padding-bottom: 0;
}

.produit_description--collapsible.is-expanded::after {
	display: none;
}

.produit_description_toggle {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	margin-top: 0.25rem;
	padding: 0;
	border: 0;
	background: transparent;
	color: #7d674d;
	font-family: 'Cormorant Garamond', serif;
	font-size: 0.82em;
	font-weight: 500;
	letter-spacing: 0.02em;
	cursor: pointer;
	text-transform: none;
	text-decoration: none;
	border-bottom: 1px solid rgba(125, 103, 77, 0.4);
	padding-bottom: 0.05rem;
	transition: color 0.2s ease;
}

.produit_description_toggle:hover,
.produit_description_toggle:focus {
	background-color: transparent;
	color: #B89E83;
	border-bottom-color: rgba(184, 158, 131, 0.9);
}

table.fp_descriptif {
	font-size: 1.5em;
	text-align: justify;
}

td.fp_image {
	width: 400px;
	text-align: center;
	vertical-align: middle;
}

#files {
	/*margin-top: -9%;*/
	padding: 0px;
	text-align: center;
	list-style-type: none;
	display : flex;
	justify-content: space-around;
	/*opacity: 0.8;*/
}

#files li {
	display: inline;
}

#files img {
	border: 2px solid #fff;
	/*margin-top: 0px;
	margin-left: 0px;
	margin-right: 4px;*/
	height: 5vw;
	overflow: hidden;
}

td.fp_ami {
	border: 1px solid #C7C7C7;
	text-align: left;
	padding-left: 5px;
}

span.titre_produit {
	font-family: 'Cormorant Infant', serif;
	text-transform: uppercase;
	color: #B89E83;
	/* modif couleur */
	font-size: 18px;
	font-weight: Regular;

}


p.prix {
	font-weight: bold;
	color: #cc0000;
	font-size: 1em;
}

p.notice {
	color: #cc0000;
	font-size: 1em;
	text-decoration: none;
}

a.notice:link,
a.notice:visited,
a.notice:active {
	color: #9C875D;
	font-size: 1em;
	text-decoration: none;
}

a.notice:hover {
	color: #cc0000;
	font-size: 1em;
}

span.prix {
	/*font-weight: bold;*/
	color: #555;
	font-size: 36px;
}

span.ecotaxe {
	font-weight: normal;
	color: #000000;
	font-size: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
	display: inline-block;
}

/* affiche_produit_colonne new */


.bouton {
	background-color: #9c875d;
	border: solid #9c875d;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	height: 50px;
	text-align: center;
	padding: 3px;
	border-style: none;
	cursor: pointer;
	display: inline-block;
	transition: background-color 0.1s;
}

.bouton:hover {
	background-color: white;
	color: #9c875d;
	border: solid #9c875d;
}

a.bouton:link,
a.bouton:visited,
a.bouton:active {
	color: #FFFFFF;
}

a.bouton:hover {
	text-decoration: none;
}

.bouton_order {
	/*	background-color: #fff;
	border: 1 none;
	color: #9C875D;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	height: 27px;
	padding-bottom: 1px;
	text-align: center;
	width: 145px;
	*/

	background-image: url("../images/bouton-add.gif");
	background-repeat: no-repeat;
	/*border-style: 1px;*/
	border: 0;
	color: #9C875D;
	cursor: pointer;
	font-size: 20px;
	/*	font-weight: bold;*/
	height: 48px;
	padding-top: 3px;
	padding-left: 27px;
	/*	text-align: right;
	float: right; */
	/*display: block;*/
	width: 145px;
}

a.bouton_order:link,
a.bouton_order:visited,
a.bouton_order:active {
	color: #FFFFFF;
	font-size: 1em;
}

a.bouton_order:hover {
	color: #FFFFFF;
	height: 27px;
	text-align: center;
	padding-bottom: 6px;
	font-size: 1em;
	border-style: none;
	cursor: pointer;
}

.clicbouton2 {
	/*	background-color: #fff;
	border: 1 none;
	color: #990000;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	height: 24px;
	padding-bottom: 2px;
	text-align: center;
	width: 167px;*/

	background-image: url("../images/bouton-add.gif");
	background-repeat: no-repeat;
	/*border-style: 1px;*/
	border: 0;
	color: #9C875D;
	cursor: pointer;
	font-size: 20px;
	/*	font-weight: bold;*/
	height: 48px;
	padding-top: 3px;
	padding-left: 0px;
	/*	text-align: right;
	float: right; */
	/*display: block;*/
	width: 170px;
}

/*.moyen_paiement {
	display: block;
	margin: auto;
	width: 70%;
}*/

.table_etapes_achat{
	width: 100%;
	text-align: center;
}

.table_etapes_achat td{
	width: 25%;
	align-items: center;
	font-size: 1.2vw;
}

.chiffres_etape_achat{
	display: flex;
	justify-content: center;
	align-items: center;
}

.chiffre_etape_achat{
	font-family: "Coromorant Infant";
	display: flex;
	justify-content: center;
	align-items: center;
	border: solid 2px;
	text-align: center;
	width: 3.5vw;
	height: 3.5vw;
	border-radius: 100%;
	font-size: 1.7vw;
}

.deco_titre_etapes{
	width: 13.5vw;
	border-top: 2px solid black;
	height: 0;
}

.etapes_achat_complete{
	border-color: #9C875D;
	color:  #9C875D;
}

.clicbouton {
	/*	background-color: #fff;
	border: 1 none;
	color: #990000;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	height: 24px;
	padding-bottom: 2px;
	text-align: center;
	width: 167px;*/

	background-image: url("../images/bouton.gif");
	background-repeat: no-repeat;
	/*border-style: 1px;*/
	border: 0;
	color: #9C875D;
	cursor: pointer;
	font-size: 20px;
	/*	font-weight: bold;*/
	height: 48px;
	padding-top: 3px;
	padding-left: 0px;
	/*	text-align: right;
	float: right; */
	/*display: block;*/
	width: 153px;
}

a.blanc:link,
a.blanc:visited {
	color: #FFFFFF;
}

a.blanc:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#pscroller1 {
	/*width: 96%;*/
	/*	height: 230px;*/
	padding: 0px;
}

#fscroller {
	width: 50%;
	height: 230px;
	margin: auto;
}

.form_error {
	color: #CC0000;
}

.form_mandatory {
	color: #9c875d;
	font-weight: 600;
}

.global_error {
	color: #990000;
}

.global_success {
	color: #006600;
}

.global_error,
.global_success {
	font-weight: bold;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px #CCCCCC dotted;
	background-color: #FFFFF4;
	word-break: break-word;
}

.bold {
	font-weight: bold;
}

/* Module faq*/
#faq p {
	margin: 0px;
}

span.search_tag {
	background-color: #FFFF00;
	font-weight: bold;
}

/*Forum*/
/* Table infos Center */

.infosTable {
	width: 100%;
	border-collapse: collapse;
}

.infosTable th {
	line-height: 22px;
}

.infosTable th {
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: center;
}

.infosTable td {
	padding: 4px;
}

.infosTable th,
.infosTable td {
	border-color: #695B56;
	border-style: solid;
	border-width: 1px;
}

.line {
	background-color: #F7F7F7;
}

/* Liste table */

.listeTable {
	width: 100%;
}

.listeTable th,
.listeTable td {
	padding: 4px;
	border-style: solid;
	border-width: 1px;
}

.listeTable th {
	font-weight: normal;
	text-align: center;
	border-bottom: none;
	font-weight: bold;
}

.listeTable td {

	text-align: justify;
}

.listeTable td p {
	text-align: right;
}

.listeTable td p a {
	color: #999999;
	text-decoration: none;
}


.offered_by {
	color: #425B81;
	text-align: left;
}

.btn_gift {
	background-image: url("../../peel6 - Copie/images/add_to_gift_list.jpg");
	background-repeat: no-repeat;
	background-color: #ffae02;
	border-bottom-style: none;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	color: #ffffff;
	cursor: pointer;
	font-size: 12px;
	font-weight: 700;
	height: 27px;
	padding-bottom: 6px;
	text-align: right;
	float: right;
	display: block;
	width: 200px;
}

/* div pour overlib.js */
#overDiv {
	position: absolute;
	visibility: hidden;
	z-index: 1000;
}

/* Interstitiel de publicité welcome_ad */
#welcome_ad_container_background {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 4000;
	width: 0px;
	height: 0px;
	filter: alpha(opacity=80);
	opacity: 0.8;
	background-color: #666666;
}

#welcome_ad_container {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 5000;
	width: 0px;
	height: 0px;
}

.welcome_ad {
	background-color: #FFFFFF;
	border: 3px solid #FFFFFF;
}

/* Popup du caddie */
#popup_cart_container {
	z-index: 4000;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 0px;
	height: 0px;
}

#popup_cart_container_background {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 4000;
	width: 0px;
	height: 0px;
	filter: alpha(opacity=60);
	opacity: 0.6;
	background-color: #000;
}

.popup_cart {
	position: absolute;
	z-index: 5000;
	visibility: visible;
	margin: 0px;
	padding: 0px;
	border: 2px;
	border-color: #ff1;
	background-color: #333;
	border-radius: 20px 20px 20px 20px;
}

.popup_cart_top {
	background: url("../../peel6 - Copie/images/popup_cart_top.png") no-repeat scroll left top transparent;
	color: #282828;
	font-size: 15px;
	text-align: left;
	height: 55px;
}

.popup_cart_top a {
	float: right;
	width: 17px;
	color: #9C875D;
}

.popup_cart_top élément {

	color: #9C875D;
}

.popup_cart_title {
	font-size: 11px;
	color: #9C875D;
	;
	font-family: 'Cormorant Garamond', serif;
	height: 26px;
	text-align: left;
}

.popup_cart_title a {
	width: 12px;
	height: 12px;
}

.popup_cart_middle {
	background: url("../../peel6 - Copie/images/rpt_popup_cart_middle.png") repeat-y scroll left top transparent;
	font-size: 13px;
	line-height: 11px;
	width: 307px;
}

.popup_cart_bottom {
	background: transparent url('../../peel6 - Copie/images/popup_cart_bottom.png') left bottom no-repeat;
	height: 49px;
	width: 307px;
	text-align: center;
}

.popup_cart_bottom a {
	color: #9C875D;
	font-size: 12px;
}

.popup_cart_status {
	display: block;
	margin-right: 5px;
	float: left;
}

/* */
.title {
	font-weight: bold;
}

.clear {
	clear: both;
	line-height: 0px;
}

.noletter {
	font-size: 12px;
	color: #BBBBBB;
}

#liste_lettre .letter a {
	font-size: 16px;
}

#liste_lettre .letter a:hover {
	text-decoration: none;
}

/* liste du contenu de la rubrique */

table.rubrique {
	border: none;
}

.rubrique h3 {
	font-weight: bold;
}

td.tab {
	color: #bbbbbb;
	/*background: transparent url('../images/disable_tab.jpg') left top repeat-x;*/
	background: url(images/menu/menu_main_item2.gif) center bottom repeat;
	font-family: 'Cormorant Infant', serif;
	font-size: 12p;
	cursor: pointer;
	vertical-align: middle;
	height: 29px;
}

td.current_tab {
	color: #000;
	/*background: transparent url('../images/enable_tab.jpg') left top repeat-x; */
	background: url(images/menu/menu_main_item2.gif) center bottom repeat;
	font-family: 'Cormorant Infant', serif;
	font-size: 12px;
	cursor: pointer;
	vertical-align: middle;
	height: 29px;
}

td.tab_content {
	height: 350px;
	vertical-align: top;
	border: 0px solid #fff;
	font-family: 'Cormorant Infant', serif;
	border-top: 0px solid #fff;
	background-color: #fff;
	color: #000000;
	padding: 10px;
}

td.tab_content a {
	font-weight: bold;
}

li.tab_content a {
	font-size: 12px;
}

.fp h3 {
	font-size: 14px;
	text-align: center;
	font-weight: bold;
}

.other_product_buy_title {
	font-family: 'Cormorant Infant', serif;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: 100;
	color: #000;
}

/*.titre_suggestion {
	font-family: 'Cormorant Infant', serif;
	font-size: 30px;
	text-transform: uppercase;
	text-align: center;
	font-weight: 700;
	color: #3e3b35;
}*/

/*.conteneur_info_ligne2_responsive h2 {
	font-size: 26px;
	text-transform: uppercase;
	text-align: center;
	padding: 40px 0 0 0;
	font-weight: 700;
	color: #B89E83;
	font-family: 'Cormorant Infant', serif;*/
}

/*.infos_tab h2 {
	font-size: 26px;
	text-transform: uppercase;
	text-align: center;
	padding: 40px 0 0 0;
	font-weight: 700;
	color: #B89E83;
	font-family: 'Cormorant Infant', serif;
}*/

.infos_tab1 h2 {
	font-size: 30px;
	text-transform: uppercase;
	text-align: center;
	/*padding: 13px;*/
	font-weight: 700;
	color: #3e3b35;
	font-family: 'Cormorant Infant', serif;
}

.associated_product {
	padding-top: 10px;
	clear: both;
}

/* produits associé */
.associated_product table.fc {
	height: 220px;
	width: 130px;
}

.associated_product td.fc_detail a {
	background-color: #6A4D3F;
}

.associated_product td.fc_zoom a {
	background-color: #FF9600;
}

.reference td {
	padding: 5px;
	text-align: center;
}

.multipage {
	background-color: #FFFFFF;
	color: black;
	font-size: 12px;
	height: 30px;
	padding: 5px;
	vertical-align: middle;
	font-weight: normal;
}

.multipage a {
	color: black;
}

.multipage .current_page_number,
.multipage b {
	font-weight: bold;
	font-size: 16px;
}

.multipage_left,
.multipage_right {
	width: 90px;
}

.multipage_right {
	text-align: right;
}

.multipage_left img,
.multipage_right img {
	margin-left: 10px;
	margin-right: 10px;
}

.affiche_critere_stock {
	/*encadré des parametres de commande*/
	/*	background-color: #FFFFFF;
	border-radius:4px;
	border: 0px solid #CCCCCC;*/
	color: #000000;
	float: left;
	padding: 0 0 0 0;
	width: 100%;
}

.affiche_critere_stock input[type=text] {
	color: #222;
	border: 1px solid #b9a086;
	border-radius: 2px;
	height: 50px;
	/* top: 2px; */
	text-align: center;
	/* appearance: none; 
    -webkit-appearance: none; 
    -moz-appearance: none;*/
	width: auto;
	font-size: 22px;
	font-family: 'Cormorant Garamond', serif;
}


.affiche_critere_stock del {
	color: #000000;
}

.affiche_critere_stock td#centrerTexte {
    padding: 0 !important;
    vertical-align: top;
	vertical-align: top !important;
}

.conteneur_ajout_prix {
	display: flex;
	align-items: center;
	justify-content: left;
}

.bouton_add_refu {
	
	font-family: 'Cormorant Garamond', serif;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	margin-top: 2vw;
	margin-bottom: 1.5vw;
	color: #B89E83;
	font-family:  "Cormorant Infant",serif;
	background-color: white;
	border: solid #B89E83;
	border-radius: 2px;
	font-size: 4vw;
	font-weight: 600;
	height: 80px;
	text-align :center;
	width: 50%;
}

.bouton_add_refu p{
	font-size: 28px;
	font-weight: 600;
	text-align: center;
}

.conteneur_bouton_next_cart{
	display: flex;
	justify-content: space-between;
	margin: 50px 0 50px 0;
}

.conteneur_bouton_next_cart{
	display: flex;
	justify-content: space-between;
	margin: 50px 0 50px 0;
}

.conteneur_bouton_next_cart table td{
	width:18vw;
}

.renvoi_etape2{
	margin-top: 15px;
	width: 100%;
	display: flex;
	justify-content: right;
}

.renvoi_etape2 p{
	color: #9c875d;
	margin: 0;
	text-align: end;
	width: 45%;
}

.bouton_next_cart {
	font-family: 'Cormorant Garamond', serif;
	text-transform: uppercase;
	background: #B89E83;
	font-family:  "Cormorant Infant",serif;
	color: white;
	border: none;
	appearance: none;
	box-shadow: none;
	border-radius: 2px;
	cursor: pointer;
	font-size: 28px;
	font-weight: 600;
	height: 80px;
	text-align :center;
	width: 15vw;
	transition: background-color 0.1s;
}

.bouton_next_cart:hover {
	background-color: white;
	color:  #B89E83;
	border: solid #B89E83 ;
}


.caddie_link {
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	font-family: 'Cormorant Garamond', serif;
	text-transform: uppercase;
	border: solid #B89E83;
	font-family:  "Cormorant Infant",serif;
	color: B89E83;
	appearance: none;
	box-shadow: none;
	border-radius: 2px;
	cursor: pointer;
	font-weight: 600;
	height: 80px;
	width: 90%;
	transition: background-color 0.1s;
	font-size: 24px;
}

.caddie_link:hover {
	background-color: #B89E83;
	color:  white;
}


/*a.caddie_link {
	color: #9C875D;
	width: 100%;
	display: block;
	text-align: center;
}*/

.bouton_add_cart {
	/*background-image :url(../icones/fleche.svg);
	border:none; 
	background-repeat:no-repeat;
	background-size:10%;
	background-position: right 10% bottom 50%;*/
	
	font-family: 'Cormorant Garamond', serif;
	text-transform: uppercase;
	margin-top: 2vw;
	margin-bottom: 1.5vw;
	margin-right: 1vw;
	/*padding: 15px 45px;*/
	background: #B89E83;
	font-family: "Cormorant Infant",serif;
	color: white;
	border: none;
	/*border: solid 1px #B89E83;
	line-height: 1.8;*/
	appearance: none;
	box-shadow: none;
	border-radius: 2px;
	cursor: pointer;
	font-size: 28px;
	font-weight: 600;
	/*	font-weight: bold;*/
	height: 80px;
	/*padding-top: 5px;
	padding-left: 38px;*/
	text-align :center;
	/*	text-align: right;
	float: right; */
	/*display: block;*/
	width: 50%;
	min-width: fit-content;
	transition: background-color 0.1s;
}

.bouton_add_cart:hover {
	background-color: white;
	color:  #B89E83;
	border: solid #B89E83 ;
}


.remerciment_etape4{
	font-size: larger;
	border: solid #B89E83;
	width: 70%;
	padding: 2vw;
	margin: 2vw 15% 2vw 15%;
	text-align: center;
}

.conteneur_tabs_res{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
	margin-bottom: 2vw;
	text-align: left;
}

.conteneur_tabs_res .tab_res_haut{
	border-right: solid #B89E83;
}

.conteneur_tabs_res .tab_res_bas{
	margin-left: 40px;
	width: 95%;
}

.conteneur_tabs_res table{
	width: 100%;
}

.conteneur_tabs_res .tabs_res_intit{
	width: 45%;
}

.conteneur_tabs_res tr{
	height: 50px;
}

.etape4_resum {
	margin-top: 3vw;
    padding: 2vw 3vw 2vw 3vw;
}

.etape4_resum table.caddie td{
    font-family: "Cormorant Infant",serif;
}

.etape4_paypal {
    display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2vw;
	align-items: center;
}

.etape4_paypal > img{
    width: 100%;
}

.etape4_paypal input{
	height: 25px;
}

.etape4_cmic p{
	text-align: center;
}

.etape4_cmic .bouton {
	display:inline-block;
	width: fit-content;
	height: 60px;
	min-width: max-content;
	width: 30px;
	font-size: larger;
	padding: 10px;
	margin: solid;
}

.etape4_transfer {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2vw;
	align-items: center;
	justify-items: center;
}

.etape4_transfer > div{
	border: solid #9c875d;
	padding: 3vw 2vw 3vw 2vw;
	text-align: left;
}

.etape4_transfer a{
	display: block;
	padding: 20px;
	border: solid #9c875d;
	text-transform: uppercase;
	width: fit-content;
	text-align: center;
}

.etape4_transfer a:hover{
	background-color: #9c875d;
	color: white;
}

.conteneur_surmesure_echantillon{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.conteneur_surmesure_echantillon img{
	width: 80px;
}

.conteneur_surmesure_echantillon form{
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Cormorant Infant', serif;
	padding: 0;
	background-color: white;
	color:  #B89E83;
	border: solid #B89E83 ;
	cursor: pointer;
	text-transform: uppercase;
	border-radius: 2px;
	width: 35%;
	height: 80px;
	transition: background-color 0.1s;
}

.surmesure_echantillon_validation{
    color: #B89E83;
    border: none;
    background-color: white;
    text-transform: uppercase;
    font-size: 0.85vw;
    font-weight: 800;
    text-align: center;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    white-space: nowrap;
    cursor: pointer;
}

.surmesure_echantillon_validation:hover {
	background-color:  #B89E83;
	color: white;
	border: none;
}

/* Ergonomie zone achat produit */
.affiche_critere_stock .product_quantity {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	width: fit-content;
	margin: 0 0 22px auto;
}

.affiche_critere_stock #centrerTexte {
	text-align: right;
	vertical-align: top !important;
}




.affiche_critere_stock .conteneur_ajout_prix {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 20px;
    width: 100%;
}

.affiche_critere_stock .bouton_add_cart,
.affiche_critere_stock .bouton_add_refu {
    width: 100%;
    max-width: 100%;
    height: 80px;
    margin: 0;
}

.affiche_critere_stock .bouton_add_refu p {
    font-size: 22px;
    line-height: 1.1;
}

.affiche_critere_stock .product_affiche_prix {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    text-align: center;
    line-height: 1.15;
}

.affiche_critere_stock .product_affiche_prix .prix {
    font-size: clamp(28px, 2.5vw, 38px);
    line-height: 1;
    font-weight: 600;
    color: #575757;
}

.affiche_critere_stock .product_affiche_prix > a {
    margin: 0;
    font-size: clamp(13px, 0.9vw, 15px);
    font-weight: 400;
    line-height: 1.1;
    color: #9c875d;
}

.affiche_critere_stock .conteneur_surmesure_echantillon {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: stretch;
    margin-top: 16px;
    width: 100%;
}

.affiche_critere_stock .conteneur_surmesure_echantillon > a.label {
    grid-column: 1 / -1;
    justify-self: end;
    margin-bottom: 4px;
}

.affiche_critere_stock .conteneur_surmesure_echantillon form {
    width: 100%;
    height: 74px;
    margin: 0;
    min-width: 0;
}

.affiche_critere_stock .surmesure_echantillon_validation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: clamp(11px, 0.75vw, 13px);
    line-height: 1;
    padding: 0 14px;
    white-space: nowrap;
    text-align: center;
    font-weight: 700;
}

.affiche_critere_stock .surmesure_echantillon_validation .cta_icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    color: currentColor;
}

.affiche_critere_stock .surmesure_echantillon_validation .cta_icon svg {
    width: 100%;
    height: 100%;
    display: block;
}

.affiche_critere_stock .surmesure_echantillon_validation .cta_label {
    display: inline-block;
    line-height: 1;
}

@media only screen and (max-width: 980px) {
    .affiche_critere_stock #centrerTexte {
        text-align: center;
		vertical-align: top !important;
    }

    .affiche_critere_stock .product_quantity {
        margin: 0 auto 12px;
        align-items: center;
    }

    .affiche_critere_stock .conteneur_ajout_prix {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .affiche_critere_stock .bouton_add_cart,
    .affiche_critere_stock .bouton_add_refu {
        max-width: 100%;
    }

    .affiche_critere_stock .product_affiche_prix {
        align-items: center;
        text-align: center;
    }

    .affiche_critere_stock .conteneur_surmesure_echantillon {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-top: 16px;
    }

    .affiche_critere_stock .surmesure_echantillon_validation {
        font-size: clamp(15px, 2vw, 18px);
    }
}

/* Style Taille et Quantité */


#positionCouleurTaille td {
    vertical-align: bottom;
    padding-right: 20px;
}

#positionCouleurTaille td#centrerTexte {
    vertical-align: bottom;
    padding-bottom: 0;
}

#positionCouleurTaille p {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #9c875d;
    margin: 0 0 6px 0;
}

#positionCouleurTaille select {
    height: 44px;
    width: 180px;
    min-width: 180px;
    border: 0.5px solid #B89E83;
    border-radius: 25px;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23B89E83' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding: 0 32px 0 12px;
    font-family: 'Cormorant Garamond', serif;
    font-size: 15px;
    color: #575757;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    transition: border-color 0.15s;
}

#positionCouleurTaille select:focus {
    border-color: #9c875d;
}

#positionCouleurTaille .product_quantity {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}

#positionCouleurTaille .product_quantity input {
    height: 44px;
    width: 80px;
    border: 0.5px solid #B89E83;
    border-radius: 25px;
    background: #fff;
    padding: 0 12px;
    font-family: 'Cormorant Garamond', serif;
    font-size: 18px;
    color: #575757;
    text-align: center;
    outline: none;
    transition: border-color 0.15s;
    box-sizing: border-box;
}

#positionCouleurTaille .product_quantity input:focus {
    border-color: #9c875d;
}

.bouton_PDF-link {
	/*//	background-image: url("../images/bouton-add.gif");*/
	background: transparent url("../../../../images/pdf.gif") no-repeat left;
	font-family: 'Cormorant Garamond', serif;
	font-size: 12px;
	text-transform: uppercase;
	display: inline-block;
	margin: 0 10px 0 63px;
	padding: 5px 5px;
	/*   background: #f7f7f7;*/
	color: #000000;
	border: solid 1px #000;
	line-height: 1.8;
	/* appearance: none;*/
	box-shadow: none;
	border-radius: 0;
	cursor: pointer;

	/*	font-weight: bold;*/
	height: 28px;

	padding-top: 5px;
	padding-left: 27px;
	/*	text-align: right;
	float: right; */
	/*display: block;*/
	width: 136px;
}

.bouton_PDF-link input {
	font-size: 16px;
}

# _link_to_modules_container {
	width: 100%;
	padding-top: 10px;
}

.product_link_to_modules {
	width: 135px;
	float: left;
}

.sub_category {
	width: 100%;
}

.sub_category img {
	border: 1px solid #998F8C;
}

.price_in_product_title {
	float: right;
	margin-right: 20px;
	text-align: right;
}

.price_in_product_title del {
	margin-right: 20px;
}

.product_title .prix {
	font-size: 24px;
	color: #FFFFFF;
}

.product_title {
	/*background-color: #FFFFFF;*/
	/*	background-image: url("../images/title_cat_and_prod.jpg");*/
	background-position: 0 0;
	background-repeat: repeat-x;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	line-height: 10px;
	/*	margin: auto;*/
	padding: 0px 0px 0 5px;
	width: 100px;
	border-bottom-width: 0px;

	border-bottom-style: solid;

	border-bottom-color: #000000;

}

.module_login input {
	border: 1px solid #998F8C;
}

.module_login .bouton_ok {
	border: none;
}

.module_login {
	font-size: 11px;
	text-align: right;
	padding-top: 5px;
}

.email_module_password {
	padding-left: 5px;
	text-align: left;
}

.email_module_login {
	padding-left: 5px;
	text-align: left;
}

.module_product_title {
	font-weight: bold;
	color: #000000;
}

.td_avis {
	border-top: 1px dotted grey;
}

.lot_explanation_table {
	border: 1px solid grey;
	margin-bottom: 10px;
	margin-top: 10px;
	display: inline-block;
}

.product_affiche_prix {
	text-align: center;
	display: block;
	/*margin-top: 10px;*/
	Line-Height: 10pt;
}

.product_affiche_prix > a {
	margin-left: 50px;
	display: block;
	font-weight: 200;
  }

/* @group Vignettes */

.vignette_prix {
	position: relative;
	border-radius: 4px;
	/*border: 1px solid rgba(233, 233, 233, 1); */
	width: 350px;
	overflow: hidden;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 8px;
	height: 393px;
	/*taill des vignettes */
	box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.18);
}

.vignette_prix a {
	float: none;
	/*margin-left: -75px; */
	display: block;

}

.vignette_prix h3 {
	color: #990000;
	font-size: 11px;
	/*	margin-left: 75px;*/
	width: 190px;
}

.vignette_prix .prix {
	color: #9C875D;
	font-size: 16px;
	text-align: right;
}


.vignette_prix .prix .prixbarre {
	color: #838C9D;
	text-decoration: line-through;
}

.vignette {
	float: left;
	position: relative;
	overflow: hidden;
	/*background-color: #575757;*/
	max-width: 23vw;
	width: 23vw;
	margin-right: 40px;
	margin-left: 40px;
	height: 20vh;
	/*taill des vignettes  340 338
	border: 1px solid #B89E83;
	/*box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.18); 
	border-radius:4px;*/
}

/*.fdblanc
{
  z-index:10;	
  border-radius: 0 0  4px 4px      ;
   position:absolute;
  top:200;
  margin-top:0;
  left:0;
  opacity:1;
  background-color:#fff;
  border-top: 1px solid #B89E83; 
 	border: 1px solid grey;
	width:100%;
	height:73px;
  /*filter:alpha(opacity=50);	
}*/

.vignette p {
	z-index: 20;
	position: absolute;
	top: 88%;
	left: 60%;

}

.vignette a {
	float: none;
	/*text-transform: uppercase;
	margin-left: -75px;
	display: block;
	text-align: right;*/
	font-size: 18px;
	color: #B89E83;
	font-family: 'Cormorant Garamond', serif;

}

.vignette a:hover {
	color: #6E6E6E;
}

.vignette img {
	/*max-width: 450px;*/
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.vignette span {
	color: #000;
	font-family: 'Cormorant Infant', serif;
	/*text-align: center;*/
	font-size: 20px;
	font-weight: 400;
	top: 87%;
	left: 0px;
	position: absolute;
	/*	margin-left: 75px;
	text-align: left;
	z-index: 15;
	position: absolute;
	top: 205px;
	text-transform: uppercase;*/
}

.vignette h3 a {
	color: #aaa;
	font-size: 13px;
	text-decoration: none;
	text-align: center;
}

.vignette h3 a:hover {
	color: #667085;

}


.vignette h4 {
	color: #907689;
	font-size: 11px;
	width: 190px;
}

.vignette p {
	color: #838C9D;
	font-size: 11px;
	width: 190px;
	font-family: 'Cormorant Garamond', serif;
}

.vignette .prix {
	color: #222;
	font-size: 18px;
	text-align: right;
	position: absolute;
	margin-top: -30px;
	font-family: "Cormorant Infant",serif;
	margin-left: 75%;
}

.vignette .prix .prixbarre {
	color: #838C9D;
	text-decoration: line-through;
}




.main_header.subscribe {
	position: absolute;
	background-color: #FFFFFF;
	background-image: url('../../peel6 - Copie/images/image-recherche.png');
	background-repeat: no-repeat;
	background-position: center;
	z-index: 2000;
	margin: 0px;
	top: 10px;
	left: 670px;
	/* dzcalage de la recherche a partir de gche */
	width: 397px;
	height: 22px;
	text-align: left;
	vertical-align: middle;
}

.box-accueil {
	transition: #6363CE 0.2s linear 0s;
	border-radius: 3px 3px 0px 0px;
	box-shadow: none;
	bottom: 0px;
	left: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 100;
}

.span4 {
	width: 380px;
}

[class*="span"] {
	float: left;
	min-height: 1px;
	margin-left: 20px;
}

#box_acceuil .story {
	position: relative;
	background: none repeat scroll 0% 0% #FFF;
	height: 490px;
}

#box_accueil .story.img_default {
	padding: 0px;
}

#box_accueil .story h4 a {
	color: #333;
	text-decoration: none;
	line-height: 1.2em;
}

#box_accueil .texte {
	color: #666;
}

.vignette_home {
	float: left;
	background-image: url("http://localhost:8888/peel//upload/fd-bas.jpg");
	background-color: #fff;
	/*	border: 0.5px solid #000; */
	border-radius: 0px 0px 10px 10px;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.28);
	/* width: 243.9px; */
	width: 235px;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
	height: 170px;
	/*taill des vignettes */
}

.vignette_home h3 {

	text-align: center;
	vertical-align: bottom;
	margin-top: 5px;
	font-size: 13px;
	color: #000;
	/*taill des vignettes */
}

.vignette_large_home {
	float: left;
	border-image-width: 0 0 0 0;
	background-image: url("http://localhost:8888/peel//upload/fd-bas.jpg");
	background-color: #fff;
	border: 0.5px solid #000;
	border-radius: 0px 0px 0px 0px;
	width: 488px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 170px;
	/*taill des vignettes */
}

.vignette_large_home h3 {
	text-align: center;
	font-size: 13px;
	color: #000;
	/*taill des vignettes */
}

.banner_content,
.banner_content {
	margin: auto;
	width: 730px;
	margin-left: 0px;
	/*modif largeur gauche JBD*/
	z-index: 4;
}

/* Listen */
ul#news {
	border: 1px solid #ccc;
	padding: 2em;
	background: #fffeb8;
}

ul#portfolio li img {
	border: 1px solid #ccc;
	padding: 4px;
}


.fade {
	margin-bottom: 2em;
}

.fade p {
	margin-bottom: 2em;
	text-align: center;
	width: 100%;
	background: #fff;
}




/**** noscript-Hinweis ****/

div#att {
	background-color: #fffeb8;
	border-bottom: 1px solid;
	height: 2.5em;
	line-height: 2.5em;
	position: absolute;
	top: 0;
	width: 100%;
}

div#att p {
	background: transparent url(../../peel6%20-%20Copie/images/att.png) no-repeat 0 46%;
	margin: 0;
	display: inline;
	padding: 6px 0 6px 26px;
}

div.limiter {
	text-align: left;
	width: 80%;
	max-width: 69.23em;
	padding: 1.2em 1.5em;

	margin-left: auto;
	margin-right: auto;
}


.news {
	float: left;
	background-color: #F2F2F2;
	/*padding-left: 10px;*/
	overflow: hidden;
	width: 440px;
	margin-right: 30px;
	margin-bottom: 17px;

	height: 500px;
	/*taill des vignettes  340 338*/
	box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.18);
}

.news a {
	color: #000;
	padding-left: 20px;
	font-weight: bold;
	float: left;
	text-transform: uppercase;
	/*margin-left: -75px;
	display: block;*/
	font-size: 17px;
	text-align: left;

}

.news h3 {
	color: #000;
	font-size: 12px;
	/*	margin-left: 75px;*/
	width: 190px;
	text-align: left;
}

.news h3 a {
	color: #000;
	font-size: 13px;
	text-decoration: none;
	text-align: center;
}

.news h3 a:hover {
	color: #000;

}

.news h4 {
	color: #000;
	font-size: 11px;
	width: 190px;
}

.news p {
	color: #000;
	padding-left: 20px;
	float: left;
	font-size: 14px;
	width: 370px;
}

.news img {
	width: 44 0px;
	height: 260px;
}

.infos {
	width: auto;
	height: auto;
	text-align: center;
	/*float: left;
	overflow: hidden;
	border: 0px solid #ddd; 
	width: 28%;					
	margin-right: 16px;
	margin-bottom: 20px;
	padding-right: 0px;
	margin-left: 22px;
						taill des vignettes  340 338
	box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.18); */
}

/************************************** AJOUT CSS CHARLENE*****************************************/

.rubrique_ligne {
	margin: 200px;
}

.titre_slider_home {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.titre_slider_home2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 50%);
	width: 100%;
}

.titre_slider_home3 {
	position: absolute;
	top: 491px;
	left: 0%;
	z-index: 0;
	width: 100%;
	height: 20px;
	color: black;
	text-align: left;
	font-size: 10px;
	font-weight: 400;
	font-family: 'Cormorant Garamond', serif;
	background-color: #eee;
	padding-left: 8px;
	opacity: 0.6;
}

.titre_slider_home4 {
	position: absolute;
	top: 310px;
	left: 40%;
	z-index: 0;
/*width: 100%;*/
	height: 40px;
	color: black;
	/*line-height:60px;*/
	text-align: left;
	/*text-transform:uppercase; */
	font-size: 16px;
	/*	font-family:Georgia, "serif";*/
	font-family: 'Cormorant Garamond', serif;
	background-color: #eee;
	padding-left: 15px;
	padding-right: 15px;
	opacity: 0.7;
	border: 1px solid black;
	border-radius: 0px 0px 0px 0px;
}

.titre_slider_home4 a {
	font-size: 25px;
	/*text-decoration: underline;*/
	color: #333;
	text-align: center;
	opacity: 1;
	font-family: 'Cormorant Garamond', serif;
}


.titre_slider_home h1 {
	font-size: 33px;
	font-weight: 200;
	color: white;
	text-align: center;
	opacity: 1;
	font-family: 'Didot', serif;
	width: 100%;
}

.titre_slider_home2 h2 {
	font-size: 22px;
	font-weight: 600;
	color: white;
	text-align: center;
	text-transform: initial;
	opacity: 1;
	font-family: 'Didot', serif;
	width: 100%;
}

.txt_slider_accueil {
	top: -7px;
	position: absolute;
}

.catalogue_home {
	margin-top: 30px;
	margin-bottom: 25px;
	height: 350px;
	overflow: hidden;
	position: relative;
}

.catalogue_titre h2 {
	font-size: 38px;
	margin-top: 15px;
	margin-bottom: -20px;
	color: #3e3b35;
	text-align: left;
	opacity: 1;
	font-family: 'Cormorant Infant', serif;
	display: flex;
	justify-content: center;
	align-items: center;
}

.catalogue_titre3 h4 {
	font-size: 28px;
	color: white;
	text-align: left;
	opacity: 1;
	font-family: 'Cormorant Infant', serif;
	font-weight: 200;
}

.catalogue_titre2 h3 {
	font-size: 33px;
	color: black;
	text-align: left;
	opacity: 1;
}

.catalogue_titre4 h3 {
	font-size: 33px;
	color: black;
	text-align: left;
	opacity: 1;
}

.catalogue_titre5 h4 {
	font-size: 28px;
	color: white;
	text-align: left;
	opacity: 1;
	font-family: 'Cormorant Infant', serif;
	font-weight: 200;
}

.catalogue_titre {
	/*position: absolute;
	top: 80px;
	left: 28%;
	z-index: 0;
	line-height:60px;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	opacity: 0.8;*/
	text-transform: uppercase;
	font-weight: 200;
	font-family: 'Cormorant Infant', serif;

}

.catalogue_titre2 {
    position: absolute;
    top: 50%;
    left: 0px;
    z-index: 0;
    /* line-height: 36px; */
    text-align: left;
    text-transform: uppercase;
    font-weight: 200;
    font-family: 'Cormorant Infant', serif;
    background-color: white;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 0px;
    opacity: 0.8;
}

.catalogue_titre4 {
	position: absolute;
    top: 50%;
    right: 0px;
    z-index: 0;
    /* line-height: 36px; */
    text-align: left;
    text-transform: uppercase;
    font-weight: 200;
    font-family: 'Cormorant Infant', serif;
    background-color: white;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 0px;
    opacity: 0.8;
}

.catalogue_titre3 {
	position: absolute;
    top: 70%;
    left: 0px;
    z-index: 0;
    line-height: 0px;
    text-align: left;
    text-transform: uppercase;
    font-weight: 200;
    font-family: 'Cormorant Infant', serif;
    background-color: black;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 0;
    opacity: 0.8;
}

.catalogue_titre5 {
	position: absolute;
    top: 70%;
    right: 0px;
    z-index: 0;
    line-height: 0px;
    text-align: left;
    text-transform: uppercase;
    font-weight: 200;
    font-family: 'Cormorant Infant', serif;
    background-color: black;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 0px;
    opacity: 0.8;
}

.catalogue_titre3:hover {
	background-color: #B89E83;
	transition: 0.3s;
}

.catalogue_titre5:hover {
	background-color: #B89E83;
	transition: 0.3s;
}

.test_button {
	position: absolute;
	z-index: 9999999999999999;
}

.centrage {
	margin-left: 200px;
}

.full-slider-sv {
	display: block;
	margin: 0;
	width: 100%;
}

.slider_sv {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.slider_sv > img,
.slider_sv .sv_img {
	margin-left: 0;          /* l'image colle au bord gauche */
}

.atelier1 {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}

.cdfond1.atelier1 {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	align-items: stretch;
	box-sizing: border-box;
}

.cdfond1.atelier1 {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(-15% + (50% - 50vw));
	margin-right: calc(-15% + (50% - 50vw));
	align-items: stretch;
	box-sizing: border-box;
}

.atelier1 h2 {
	font-family: 'Cormorant Infant', serif;
	font-size: 30px;
	margin: 10px;
}

/* Titre inspiration : taches rapprochées + alignées au titre */
.cdfond1.atelier1:has(> h2) {
	justify-content: center;
	align-items: center;
	gap: 20px;
}
.cdfond1.atelier1:has(> h2) > div {
	margin: 0;
	line-height: 0;
}
.cdfond1.atelier1:has(> h2) img.imgDECO {
	margin: 0;
}
.cdfond1.atelier1:has(> h2) > h2 {
	margin: 0;
}

/* ====== Accueil — Section "Notre Maison" (bloc .cdfond1) ====== */
.cdfond1.atelier1{
	width:100vw; box-sizing:border-box;
	margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);   /* pleine largeur, image au bord gauche */
	align-items:stretch;
}
.cdfond1 > img{                              /* image collée à gauche + cadre galerie */
	width:44% !important; align-self:center; height:680px;
	object-fit:cover; background:#fff;
	padding: 12px 0px 0px 0px;
	box-sizing:border-box; margin:0;
}
.cdfond1 .sv_text2{                          /* colonne texte centrée, aérée */
	width:auto; flex:1;
	display:flex; flex-direction:column; align-items:center; justify-content:center;
	text-align:center; padding:48px 6%; box-sizing:border-box;
}
.cdfond1 .partieTXT{ margin:0 0 28px; }
.cdfond1 .partieTXT > div{ margin:0 18px; }   /* ornements tache.png + espacement */
.cdfond1 .partieTXT h2{
	margin:0;
	font-family:'Cormorant Garamond',serif; font-size:36px; font-weight:500;
	letter-spacing:4px; text-transform:uppercase; color:#1a1a1a;
}
.cdfond1 .partieTXT h2::before,
.cdfond1 .partieTXT h2::after{               /* losanges dorés */
	content:""; width:7px; height:7px; flex:0 0 auto;
	background:#b89e83; transform:rotate(45deg);
}
.cdfond1 .partieTXT h2::after{               /* losanges dorés */
	content:""; width:7px; height:7px; flex:0 0 auto;
	background:#b89e83; transform:rotate(45deg);
}
.cdfond1 .sv_text2 p{
	width:auto; max-width:560px; margin:0 auto;
	font-family:'Cormorant Garamond',serif; font-size:16px; font-weight:300;
	line-height:1.55; color:#3a372f; text-align:justify;
}
.cdfond1 .lettrine{ float:left; font-size:3em; line-height:.78; color:#9c875d; margin:4px 9px 0 0; }

.cdfond1 .home-maison__btn,
.sv_text:not([background-image]) .home-maison__btn{                  /* bouton cadre fin */
	display:block; width:fit-content; margin:14px auto 0;
	font-family:Arial,sans-serif; font-size:12px; letter-spacing:2px;
	text-transform:uppercase; color:#1a1a1a; text-decoration:none;
	padding:16px 36px; border:1px solid #9c875d;
	transition:background .25s,color .25s;
}
.cdfond1 .home-maison__btn:hover,
.sv_text:not([background-image]) .home-maison__btn:hover{ background:#9c875d; color:#fff; }
.cdfond1 .imgBAS{ display:none; }            /* masque l'ornement du bas */
@media (max-width:900px){
	.cdfond1.atelier1{ flex-direction:column; }
	.cdfond1 > img{ width:100% !important; }
	.cdfond1 .sv_text2{ padding:50px 24px; }
}

/* ====== Accueil — Section 4 "Le Sur-mesure" (intermède crème) ====== */
/* Repère robuste : le .sv_text du Sur-mesure n'a PAS l'attribut background-image (≠ L'Edition) */


.sv_text:not([background-image]){
	width:100vw; box-sizing:border-box;
	margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
	margin-top:0; margin-bottom:0;
	background:#faf7f0; padding:70px 6%; text-align:center;
	background:#faf7f0; padding:45px 6%; text-align:center;
}
.sv_text:not([background-image]) p:empty{ display:none !important; }
.sv_text:not([background-image]) .partieTXT{ margin:0 auto 30px; }
.sv_text:not([background-image]) .partieTXT > div{ margin:0 18px; }
.sv_text:not([background-image]) .partieTXT h2{
	margin:0;
	font-family:'Cormorant Garamond',serif; font-size:36px; font-weight:500;
	letter-spacing:4px; text-transform:uppercase; color:#1a1a1a;
}

.sv_text:not([background-image]) p{
	max-width:900px; margin:0 auto;
	font-family:'Cormorant Garamond',serif; font-size:17px; font-weight:300;
	line-height:1.5; color:#3a372f; text-align:center;
}
.sv_text:not([background-image]) p b{ font-weight:400; }
.sv_text:not([background-image]) .lettrine{ float:none; font-size:inherit; line-height:inherit; }
.sv_text:not([background-image]) .taille_max{
	background:none; position:relative; width:220px; height:8px; margin:42px auto 0;
}
.sv_text:not([background-image]) .taille_max::before{
	content:""; position:absolute; top:50%; left:0; right:0; height:1px;
	background:#d8cdb3; transform:translateY(-50%);
}
.sv_text:not([background-image]) .taille_max::after{
	content:""; position:absolute; top:50%; left:50%;
	width:7px; height:7px; background:#b89e83;
	box-shadow:0 0 0 7px #faf7f0; transform:translate(-50%,-50%) rotate(45deg);
}
@media (max-width:900px){
	.sv_text:not([background-image]){ padding:55px 24px; }
}

/* ====== Accueil — Section 5 "Le Showroom" (image à droite) ====== */
.atelier1:has(> .cdfond2){
	width:100vw; box-sizing:border-box;
	margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
	margin-top:0; margin-bottom:60px;
	flex-direction:row-reverse;          /* image à droite, texte à gauche */
	align-items:stretch; background:#fff;
}
.atelier1:has(> .cdfond2) > img{
	width:44% !important; align-self:center; height:680px;
	object-fit:cover; padding:0; margin:0; box-sizing:border-box;
}
.cdfond2.sv_text2{
	flex:1; width:auto; box-sizing:border-box;
	display:flex; flex-direction:column; align-items:center; justify-content:center;
	text-align:center; padding:48px 6%;
	transform:translateY(18px);
}
.cdfond2 .partieTXT{ margin:0 0 24px; }
.cdfond2 .partieTXT > div{ margin:0 18px; }   /* ornements tache.png */
.cdfond2 .partieTXT h2{
	margin:0; font-family:'Cormorant Garamond',serif; font-size:32px; font-weight:500;
	letter-spacing:4px; text-transform:uppercase; color:#1a1a1a;
}
.cdfond2 p{
	max-width:520px; margin:0 auto;
	font-family:'Cormorant Garamond',serif; font-size:18px; font-weight:300;
	line-height:1.6; color:#3a372f; text-align:justify;
}
.cdfond2 .lettrine{ float:left; font-size:3em; line-height:.78; color:#9c875d; margin:4px 9px 0 0; }
.cdfond2 .shrm-links{
	display:flex; align-items:center; justify-content:center; gap:14px; margin-top:8px;
}
.cdfond2 .shrm-links a{
	font-family:Arial,sans-serif; font-size:12px; letter-spacing:1px; text-transform:uppercase;
	color:#9c875d; text-decoration:none; border-bottom:1px solid #c9b896; padding-bottom:2px;
}
.cdfond2 .shrm-links a:hover{ color:#1a1a1a; border-color:#1a1a1a; }
.cdfond2 .shrm-sep{ color:#b89e83; }
.cdfond2 .shrm-btns{
	display:flex; flex-wrap:wrap; gap:16px; justify-content:center; margin-top:12px;
}
.cdfond2 .shrm-btn{
	display:inline-block; font-family:Arial,sans-serif; font-size:12px; letter-spacing:2px;
	text-transform:uppercase; text-decoration:none; padding:15px 30px; border:1px solid #9c875d;
	transition:background .25s,color .25s,border-color .25s;
}
.cdfond2 .shrm-btn--primary{ background:#9c875d; color:#fff; }
.cdfond2 .shrm-btn--primary:hover{ background:#866f48; border-color:#866f48; }
.cdfond2 .shrm-btn--ghost{ background:transparent; color:#1a1a1a; }
.cdfond2 .shrm-btn--ghost:hover{ background:#9c875d; color:#fff; }            /* masque l'ornement du bas */
@media (max-width:900px){
	.atelier1:has(> .cdfond2){ flex-direction:column; }
	.atelier1:has(> .cdfond2) > img{ width:100% !important; height:auto; }
	.cdfond2.sv_text2{ padding:40px 24px; transform:none; }
}

/* ====== Accueil — Section 6 "Nos catégories" (bento) ====== */
.home-cats{ padding:0px 5%; }
.home-cats__head{ margin-bottom:28px; }
.home-cats__eyebrow{
	display:inline-block; color:#8d3b2f; font-family:Arial,sans-serif;
	font-size:12px; letter-spacing:3px; text-transform:uppercase; margin-bottom:10px;
}
.home-cats__eyebrow::before{
	content:""; display:inline-block; width:34px; height:1px; background:#8d3b2f;
	vertical-align:middle; margin-right:12px;
}
.home-cats__title{
	font-family:'Cormorant Garamond',serif; font-size:42px; font-weight:500;
	color:#1a1a1a; margin:0; line-height:1.1;
}
.home-cats__grid{
	display:grid; grid-template-columns:1.6fr 1fr 1fr;
	grid-template-rows:repeat(2,240px); gap:18px;
}
.home-cats__card{
	position:relative; overflow:hidden; display:block; text-decoration:none;
}
.home-cats__card--big{ grid-row:1 / span 2; grid-column:1; }
.home-cats__card img{
	width:100%; height:100%; object-fit:cover; display:block;
	transition:transform .55s ease;
}
.home-cats__card:hover img{ transform:scale(1.04); }
.home-cats__card::after{
	content:""; position:absolute; inset:14px;
	border:1px solid rgba(255,255,255,.55); pointer-events:none;
}
.home-cats__label{
	position:absolute; left:0; right:0; bottom:0; padding:16px 22px;
	background:linear-gradient(transparent, rgba(0,0,0,.55));
	color:#fff; font-family:Arial,sans-serif; font-size:13px;
	letter-spacing:2px; text-transform:uppercase;
}
@media (max-width:900px){
	.home-cats__grid{ grid-template-columns:1fr 1fr; grid-template-rows:auto; }
	.home-cats__card--big{ grid-row:auto; grid-column:1 / -1; }
	.home-cats__card{ min-height:200px; }
	.home-cats__title{ font-size:32px; }
}

/* ===== Accueil — Papiers peints à la une ===== */
.pdp-une{
	/* width:100vw;  */
	box-sizing:border-box; 
	text-align:left;
	margin-left:calc(50% - 50vw + 40px);
	margin-right:calc(50% - 50vw);
	padding:6px 11% 6px 6%;
}

.pdp-une__head{
	display:flex; align-items:flex-end; justify-content:space-between;
	gap:24px; flex-wrap:wrap; margin-bottom:32px;
}
.pdp-une__eyebrow{
	display:block; color:#8d3b2f; font-family:Arial,sans-serif;
	font-size:12px; letter-spacing:3px; text-transform:uppercase; margin-bottom:10px;
}
.pdp-une__eyebrow::before{
	content:""; display:inline-block; width:32px; height:1px;
	background:#8d3b2f; vertical-align:middle; margin-right:12px;
}
.pdp-une__title{
	font-family:'Cormorant Garamond',serif; font-size:42px; font-weight:500;
	color:#1a1a1a; margin:0; line-height:1.1;
}
.pdp-une__seeall{
	color:#1a1a1a; font-family:Arial,sans-serif; font-size:12px;
	letter-spacing:2px; text-transform:uppercase; text-decoration:none;
	border-bottom:1px solid #1a1a1a; padding-bottom:4px; white-space:nowrap;
	transition:color .25s, border-color .25s;
}
.pdp-une__seeall:hover{ color:#9c875d; border-color:#9c875d; }

.pdp-une__grid{
	display:grid; grid-template-columns:repeat(4,1fr); gap:24px;
}
.pdp-une__card{ display:block; text-decoration:none; color:inherit; }

.pdp-une__frame{
	position:relative; display:block; width:100%; aspect-ratio:3/4;
	overflow:hidden; background:#f3eee2; border:1px solid #e7dfcb; box-sizing:border-box;
}
.pdp-une__img{
	width:100%; height:100%; object-fit:cover; display:block;
	transition:transform .6s ease;
}
.pdp-une__card:hover .pdp-une__img{ transform:scale(1.04); }

.pdp-une__placeholder{
	position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
	background:linear-gradient(135deg,#efe8d8,#e2d7bf);
	color:#9c875d; font-family:Arial,sans-serif; font-size:11px;
	letter-spacing:2px; text-transform:uppercase;
	outline:1px solid rgba(255,255,255,.55); outline-offset:-12px;
}

.pdp-une__overlay{
	position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
	background:rgba(26,26,26,0); opacity:0; transition:opacity .3s, background .3s;
}
.pdp-une__card:hover .pdp-une__overlay{ opacity:1; background:rgba(26,26,26,.38); }
.pdp-une__voir{
	color:#fff; font-family:Arial,sans-serif; font-size:12px; letter-spacing:3px;
	text-transform:uppercase; padding:9px 20px; border:1px solid rgba(255,255,255,.85);
}

.pdp-une__name{
	display:block; margin-top:14px; color:#1a1a1a;
	font-family:'Cormorant Garamond',serif; font-size:21px; line-height:1.25;
	transition:color .25s;
	font-weight: 100;
}
.pdp-une__card:hover .pdp-une__name{ color:#9c875d; }

@media(max-width:980px){
	.pdp-une{
		margin-left:0;
		margin-right:0;
		padding:6px 12px;
	}
	.pdp-une__grid{ grid-template-columns:repeat(2,1fr); gap:12px; }
	.pdp-une__title{ font-size:32px; }
	.pdp-une__name{ font-size:14px; line-height:1.35; text-align:center; }
}

/* ===== Accueil — Nos principaux thèmes ===== */
.home-themes{ padding:60px 5%; }
.home-themes__head{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; flex-wrap:wrap; margin-bottom:32px; }
.home-themes__eyebrow{ display:block; color:#8d3b2f; font-family:Arial,sans-serif; font-size:12px; letter-spacing:3px; text-transform:uppercase; margin-bottom:10px; }
.home-themes__eyebrow::before{ content:""; display:inline-block; width:32px; height:1px; background:#8d3b2f; vertical-align:middle; margin-right:12px; }
.home-themes__title{ font-family:'Cormorant Garamond',serif; font-size:42px; font-weight:500; color:#1a1a1a; margin:0; line-height:1.1; }



.home-themes__grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 300px)); justify-content:center; gap:24px; max-width:1320px; margin-inline:auto; }
.home-themes__card{ position:relative; display:flex; flex-direction:column; justify-content:flex-end; aspect-ratio:3/4; padding:24px 20px; text-decoration:none; overflow:hidden; isolation:isolate; background:#d8cfbc center/cover no-repeat; }
.home-themes__card::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:60%; background:linear-gradient(to top, rgba(20,18,14,.78), rgba(20,18,14,.15) 60%, rgba(20,18,14,0)); z-index:0; }
.home-themes__card::before{ content:""; position:absolute; inset:12px; border:1px solid rgba(255,255,255,.5); z-index:2; pointer-events:none; }
.home-themes__body{ position:relative; z-index:1; text-align:center; }

.home-themes__name{ display:block; color:#fff; font-family:'Cormorant Garamond',serif; font-size:30px; line-height:1.1; margin-bottom:16px; }
.home-themes__btn{ display:inline-block; color:#fff; font-family:Arial,sans-serif; font-size:12px; letter-spacing:2px; text-transform:uppercase; padding:10px 30px; border:1px solid rgba(255,255,255,.85); transition:background .25s, color .25s; }
.home-themes__card:hover .home-themes__btn{ background:#fff; color:#1a1a1a; }

.home-themes__more{ text-align:center; margin-top:40px; }
.home-themes__more-label{ display:block; color:#8b857a; font-family:Arial,sans-serif; font-size:12px; letter-spacing:2px; text-transform:uppercase; margin-bottom:18px; }
.home-themes__tags{ display:flex; justify-content:center; flex-wrap:wrap; gap:14px; }
.home-themes__tag{ display:inline-block; padding:11px 26px; border:1px solid #d8cfbc; border-radius:40px; color:#3a372f; font-family:Arial,sans-serif; font-size:13px; letter-spacing:1px; text-transform:uppercase; text-decoration:none; transition:border-color .25s, color .25s; }
.home-themes__tag:hover{ border-color:#9c875d;  color:#9c875d; }

@media(max-width:980px){
	.home-themes__card{ aspect-ratio:16/10; }
	.home-themes__title{ font-size:32px; }
	.home-themes__tags{ flex-direction:column; align-items:center; }
	.home-themes__tag{ width:260px; box-sizing:border-box; text-align:center; }
}

/* ====== Accueil — Section 7 "Notre sélection" ====== */
.home-selection{ padding:65px 5% 0px; }
.home-selection .titre_a_la_une{
	font-family:'Cormorant Garamond',serif; font-size:42px; font-weight:500;
	color:#1a1a1a; text-align:left; margin:0 0 28px; line-height:1.1;
}
.home-selection__eyebrow{
	display:inline-block; color:#8d3b2f; font-family:Arial,sans-serif;
	font-size:12px; letter-spacing:3px; text-transform:uppercase; margin-bottom:10px;
}
.home-selection__eyebrow::before{
	content:""; display:inline-block; width:34px; height:1px; background:#8d3b2f;
	vertical-align:middle; margin-right:12px;
}
.home-selection .titre_a_la_une{ text-align:left !important; margin-top:0 !important; }
.home-selection .titre_a_la_une::before{ content:none; }
.home-selection .home-slot2-A{
	display:grid; grid-template-columns:repeat(4,1fr); gap:24px;
}
/* carte = table : on réordonne image → titre → prix */
.home-selection table.product-content-blog,
.home-selection table.product-content-blog > tbody{ display:flex; flex-direction:column; width:100%; }
.home-selection table.product-content-blog tr{ display:block; width:100%; }
.home-selection table.product-content-blog td{ display:block; padding:0; text-align:left; }
/* ordre image→titre→prix géré dans le module (plus de hack CSS) */
/* image + cadre + survol */
.home-selection .produit_selection{ position:relative; width:100%; height:300px; padding:0; overflow:hidden; display:block; }
.home-selection .product_image{ width:100%; height:100%; object-fit:cover; display:block; }
/* ===== Sélection — visuel cliquable + survol "Voir +" ===== */
.home-selection .product-content-blog a::before{ display:none !important; }
.home-selection .product-content-blog:hover .product_image{ filter:none !important; }
.home-selection .selection-link{ position:absolute; inset:0; display:block; text-decoration:none; }
.home-selection .selection-link--vide{
	display:flex; align-items:center; justify-content:center;
	background:linear-gradient(135deg,#efe8d8,#e2d7bf);
	outline:1px solid rgba(255,255,255,.55); outline-offset:-13px;
}
.home-selection .selection-vide__label{
	color:#9c875d; font-family:Arial,sans-serif; font-size:11px; letter-spacing:2px; text-transform:uppercase;
}
.home-selection .selection-overlay{
	position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
	background:rgba(26,26,26,0); opacity:0; transition:opacity .3s, background .3s;
}
.home-selection .selection-link:hover .selection-overlay{ opacity:1; background:rgba(26,26,26,.4); }
.home-selection .selection-overlay__label{
	color:#fff; font-family:Arial,sans-serif; font-size:12px; letter-spacing:3px;
	text-transform:uppercase; padding:8px 18px; border:1px solid rgba(255,255,255,.85);
}
/* Survol propre : neutralise l'overlay géant du thème + vrai voile "Voir +" */
.home-selection .product-content-blog a::before{ display:none !important; }
.home-selection .product-content-blog:hover .product_image{ filter:none !important; }

.home-selection .produit_selection:hover .middle{ opacity:1 !important; background:rgba(26,26,26,.4); }




/* titre produit */
.home-selection .module_product_title{
	display:block; font-family:Arial,sans-serif; font-size:15px; line-height:1.3;
	color:#1a1a1a; text-decoration:none; margin-top:14px;
}
.home-selection .module_product_title:hover{ color:#9c875d; }
/* prix (table imbriquée à neutraliser) */
.home-selection .right,
.home-selection .full_expand_in_container,
.home-selection .full_expand_in_container tbody,
.home-selection .full_expand_in_container tr{ display:block; padding:0; text-align:left; }
.home-selection table.product-content-blog .full_expand_in_container td{ display:block; padding:0; text-align:center; }
.home-selection .prix{
	display:inline-block; margin-top:6px; font-family:Arial,sans-serif; font-size:18px; color:#9c875d;
}
.home-selection .prix_mention{
	font-size:13px; color:#555; margin-left:5px;
}
@media (max-width:900px){
	.home-selection .home-slot2-A{ grid-template-columns:repeat(2,1fr); gap:18px; }
	.home-selection .titre_a_la_une{ font-size:32px; }
}

.slider_sv h2 {
	font-family: 'Cormorant Infant', serif;
	font-size: 30px;
	/*border-bottom: 1px solid #B89E83;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 15px;*/
}

.slider_sv img {
	width: auto;
	height: 70vh;
	object-fit: cover;
}

.sv_text div {
	text-align: center;
}

img.imgDECO {
	width: 20px;
	height: auto;
	margin: 0 24px;
}

img.imgDECO2 {
	width: auto;
	height: 26px;
	object-fit: cover;
	margin-top: 25px;
    margin-right: auto;
    margin-bottom: 25px;
    margin-left: auto;
	display: flex;
}

img.imgDECO2gaucheproduct {
	width: auto;
	height: 26px;
	object-fit: cover;
	margin: 50px auto 0 auto;
	display: flex;
}

img.imgDECO3 {
	width: auto;
	height: 12px;
	margin: 0 -13px;
}

.taille_max {
	background-image: url(/BACK-WWW-2023/images/motif2_avec_barre.png);
	background-size: contain;
	background-repeat: round;
	max-width: 100%;
	margin: 20px auto 0px auto;
	margin-bottom: 30px;
	text-align: center;
	height: 12px;
	width: 91%;

}

.partieTXT {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
}

.slider_sv p {
	font-size: 20px;
	font-weight: 200;
	font-family: 'Cormorant Garamond', serif;
	text-align: left;        /* fini le justifié qui écarte les mots */
	padding-top: 20px;
	margin: 0 10% 0 6%;
}

.imgBAS {
	display: flex;
	align-items: center;
	justify-content: center;
}

.decoBAS {
	background-image: url(/BACK-WWW-2023/images/motif2_avec_barre.png);
	background-repeat: repeat-x;
	width: 80%;
}

.sv_text {
	width: 100%;
}

.sv_text2 {
	width: 50%;
}


.sv_img {
	height: 300px;
	width: 400px;
}

.deco_titre2 {
	border-top: 1.5px solid #B89E83;
	width: 27%;
	max-width: 100%;
}

.titre_trait_v3 {
	font-family: "Cormorant Infant",serif;
	font-size: 28px;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 2vw;
	margin-top: 1.5vw;
	text-align: left;
}

.titre_trait_v3 h2, .titre_trait_v3 h1 {
	white-space: nowrap;
	margin: 0 1vw 0 0;
	width: max-content;
	color: #9c875d;
}



.titre_trait2 {
	margin-bottom: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}

.titre_trait {
	text-align: center;
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 100%;
	margin-bottom: 30px;
}

.titre_sv {
	margin-bottom: 10px;
}

.titre_sv2 {
	margin-bottom: 30px;
}

.conteneur_info, .conteneur_expReal {
	margin-left: 15%;
	margin-right: 15%;
}

.conteneur_info {
	margin-left: 15%;
	margin-right: 15%;
}

.conteneur_info_detail {
    width: 100%;
    margin-bottom: 50px;
}

.conteneur_info_2blocs {
    width: 100%;
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 40px;
    align-items: start;
	align-items: stretch;
}

.info_ligne2_titre {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #B89E83;
    text-align: center;
    margin-bottom: 28px;
}

.info_ligne2 {
    grid-column: 1;
    grid-row: 1 / span 2;
    border-radius: 8px;
    padding: 36px 40px;
    background: #fdfcfa;
    border: 0.5px solid rgba(184,158,131,0.3);
    line-height: 1.3em;
}

.info_ligne2 table,
.info_ligne2 tbody,
.info_ligne2 tr,
.info_ligne2 td {
    display: block;
    width: 100%;
}

.info_ligne2 ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.info_ligne2 li {
    display: block;
    position: relative;
    padding: 9px 0 9px 36px;
    /* border-bottom: 0.5px solid rgba(184,158,131,0.1); */
    font-size: 17px;
    color: #575757;
    line-height: 1.5;
    font-family: 'Cormorant Garamond', serif;
}

.info_ligne2 li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.info_ligne2 li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    min-width: 22px;
    border-radius: 50%;
    background: rgba(184,158,131,0.12);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239c875d' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.info_livraison {
    grid-column: 2;
    border-radius: 8px;
    padding: 36px 40px;
    background: #fdfcfa;
    border: 0.5px solid rgba(184,158,131,0.3);
    margin-bottom: 20px;

    height: auto;
    flex: 1;
}

.info_livraison h3 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #B89E83;
    margin: 0 0 28px;
    border: none;
}

.info_livraison b {
    display: block;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #9c875d;
    margin: 16px 0 10px;
}

.info_livraison b:first-of-type {
    margin-top: 0;
}

.info_livraison ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.info_livraison li {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 17px;
    color: #575757;
    padding: 8px 0;
    line-height: 1.5;
    font-family: 'Cormorant Garamond', serif;
}

.info_livraison li::before {
    content: '';
    width: 8px;
    height: 8px;
    min-width: 8px;
    border-radius: 50%;
    background: rgba(184,158,131,0.5);
}

.info_livraison br {
    display: none;
}

.guides_pratiques_titre {
    grid-column: 2;
    border-radius: 8px;
    padding: 36px 40px;
    background: #fdfcfa;
    border: 0.5px solid rgba(184,158,131,0.3);
}

.guides_pratiques_titre h3 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #B89E83;
    margin: 0 0 28px;
	flex: 1;

}

.guides_pratiques {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.guides_pratiques article {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 24px 16px;
    border: 0.5px solid rgba(184,158,131,0.3);
    border-radius: 6px;
    background: #fff;
    transition: all 0.2s;
}

.guides_pratiques article:hover {
    background: rgba(184,158,131,0.05);
    border-color: #B89E83;
}

.guides_pratiques article img {
    width: 48px;
    height: auto;
    opacity: 0.85;
}

.textes_fiches_pratiques {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #9c875d;
    text-align: center;
    line-height: 1.5;
    margin: 0;
}

.textes_fiches_pratiques {
	text-align: center;
}


.info_ligne3 {
	margin-left: 40px;
	margin-right: 40px;
}

.contenu_sm {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-content: center;
	align-items: flex-start;
	height: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}

.info_ligne2 li {
	list-style-type: none;
}

.conteneur_info_ligne2 h2 {
	font-size: 26px;
	text-transform: uppercase;
	text-align: center;
	margin: 40px 0 0 0;
	font-weight: 700;
	color: #B89E83;
	font-family: 'Cormorant Infant', serif;
	padding: 2px;
}

.conteneur_info_ligne2_responsive {
	display: none;
}

.conteneur_info_ligne3 {
	width: 100%;
	height: 100%;
	display: flex;
}

/*.conteneur_info_ligne3 h3 {
	font-size: 36px;
	text-transform: uppercase;
	text-align: center;
	margin: 10px;
	font-weight: 700;
	color: #545454;
	font-family: 'Cormorant Garamond', serif;
}*/
.info_ligne3_part_D {
	display: flex;
	flex-direction: column;
}

.IMG_sur_mesure {
	width: 45%;
	height: 630px;
	object-fit: cover;
}

.titre_sur_mesure {
	font-size: 36px;
	text-align: left;
	margin: 10px;
	font-weight: 700;
	color: #545454;
}

.contenu_sm article {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	align-content: center;
}

.deco_info {
	border-left: 2px solid #B89E83;
}

.deco_titre {
	border-top: 2px solid #3e3b35;
	width: 30%;
}

.deco_titre_v3 {
	border-top: 2px solid #B89E83;
	width: 100%;
}

.link-main {
	float: left;
	display: flex;
	flex-direction: column;
	font-size: 12px;
	font-weight: light;
	background-color: #ffffff;
	border: .5px solid #B89E83;
	overflow: hidden;
	/*width: 260px;	*/
	width: 27%;
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 25px;
	margin-bottom: 15px;
	margin-left: 25px;
	height: auto;
	overflow: auto;
	/*taill des vignettes  340 338
	box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.18); */
}

.infos_tab {
	/*float: left;
	display: flex;
	flex-direction: column;
	font-size: 10px;
	font-weight: light;*/
	/*border: 1.5px solid #B89E83;
	overflow: hidden;
	width: 100%;
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	height: 100%;
	taill des vignettes  340 338
	box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.18); */
}

.infos_tab1 {
	max-width: 100%;
	float: none;
	font-size: 18px;
	font-weight: 400;
	align-items: center;
	text-align: justify;
	background-color: #ffffff;
	/*border: 1.5px solid #B89E83;*/
	overflow: hidden;
	/*width: 260px;	*/
	/*width:86%;	*/
	padding: 3px 10px;
	/*padding-left: 10px;
	padding-right: 10px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 47px;*/
	/*	height: 150px;		*/
	overflow: auto;
	/*taill des vignettes  340 338
	box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.18); */
}

.infos_tab li {
	list-style-type: none;
}

.img_realisations {
	text-align: center;
	margin: auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: 20vw;
    grid-column-gap: 30px;
    grid-row-gap: 20px;
	margin-bottom: 2vw;

}

#imgRealisation {
	text-align: center;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.imgReal_4, .imgReal_8 {
	grid-column: 2 / 4;
}

.imgReal_1, .imgReal_5, .imgReal_9 {
	grid-column: 1 / 3;
}

.couleurDeFond {
	width: 100%;
	height: 400px;
	background-color: #666666;
	position: initial;
	background-position: 0;
	margin-top: -30%;
	margin-bottom: 12%;
}

.article_sm {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 20%;
}

.text_sm {
	margin-top: 10px;
}

.imgICON {
	width: 60px;
	margin-right: 8%;
	height: auto;
	object-fit: contain;
}

.info_tab5 {
	display: flex;
	flex-direction: row;
	align-content: flex-start;
	justify-content: flex-start;
	flex-wrap: nowrap;
}

.conteneur_info_ligne5 {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 64%;
	height: 500px;
	margin: 0 auto;
	padding: 2%;
}

.conteneur_info_ligne5 h2 {
	font-family: 'Cormorant Infant', serif;
	font-size: 26px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	margin: 40px 0 0 0;
	padding: 0;
	color: #B89E83;
}

.conteneur_info_ligne0 {
    margin-left: 15%;
    margin-right: 15%;
}

.titre_sur_mesure, .peinture_assoc {
margin-left: 15%;
margin-right: 15%;
}

/************************************** FIN CSS CHARLENE *****************************************/

.pan-haut1 {
	float: left;
	background-color: #fff;
	overflow: hidden;
	display: block;
	width: 35%;
	padding-left: 20px;
	height: fit-content;
}

.pan-haut2 {
	float: left;
	background-color: #fff;
	overflow: hidden;
	display: flex;
	justify-content: center;
	width: 30%;
	height: fit-content;
}

.pan-haut2 table {
	width: 100%;
	text-align: center;
	height: 100px;
}

.pan-haut2 a {
	font-family:  "Cormorant Infant",serif;
	font-size: 12px;
	color: #666;
	text-transform: uppercase;
	padding-bottom: 20px;
	padding-top: 20px;
	position: relative;
	top: 10px;
}

.pan-haut3 {
	width: 35%;
	display: flex;
	align-items: center;
	justify-content: end;
}

.pan-haut3 > span{
	margin: 0 1vw;
}


/*.pan-haut3 {
	float: left;
	align: right;
	background-color: #fff;
	overflow: hidden;
	display: block;
	width: 25%;
	margin-left: 9%;
	height: 97px;
}*/

.pan-haut4 {
	float: right;
	background-color: #fff;
	overflow: hidden;
	display: inline;
	width: 140px;
	height: 21px;
	margin-top: -102px;
	margin-right: 18%;
	padding: 0px 2px 2px 2px;
	/*	border: 1px solid #B89E83;*/
	border-radius: 4px 4px 4px 4px;
}

.pan-haut5 {
	float: right;
	background-color: #457750;
	/*overflow :hidden;*/
	font-family: "Arial", sans-serif;
	font-size: 5px;
	color: rgba(255, 255, 255, 1);
	overflow: hidden;
	display: inline;
	width: 250px;
	height: 21px;
	margin-top: -112px;
	margin-right: 55%;
	padding: 0px 2px 4px 2px;
	/*	border: 1px solid #B89E83;
*/
	border-radius: 4px 4px 4px 4px;

}

.global-notice {
	float: center;
	background-color: #ffff90;
	padding: 20px 0px 0px 0px;
	text-align: center;
	overflow: hidden;

	width: 100%;
}

.pan-haut-responsive {
	display: none;
}




/* NEWS */
#news-columns {
	column-width: 235px;
	column-gap: 15px;
	/*width: 100%;*/
	max-width: 100%;
	align-content: center;
	padding-right: 60px;
	margin-left: 60px;
}

div#news-columns text {

	width: 80%;
	height: 22;

	align-content: center;
}

div#news-columns a {

	text-transform: uppercase;
	font-weight: 700;
	font-size: 12px;
	align: right;
}

div#news-columns p {
	font-size: 12px;

}

div#news-columns figure {
	background: #fff;
	/*width: 100%; */
	height: auto;
	border: 1px solid #B89E83;
	/*	box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);*/
	margin: 0 2px 20px;
	/*	padding: 15px;
	padding-bottom: 10px;*/
	transition: opacity .1s ease-in-out;
	display: inline-block;
	column-break-inside: avoid;
}

div#news-columns figure img {
	width: 100%;
	height: auto;
	border-bottom: 1px solid #ccc;
	/*padding-bottom: 15px;
	margin-bottom: 5px;*/
}

div#news-columns figure h2 {
	color: #6E6E6E;
	text-transform: uppercase;
	font-weight: 200;
	font-size: 12px;

	line-height: 20px;
	padding: 5px 0px 0px 0px
}

div#news-columns figure p {

	font-size: 14px;

}

div#news-columns figure figcaption {
	font-size: 11px;
	text-transform: uppercase;
	color: #B89E83;
	line-height: 0.5;
	font-family: 'Cormorant Infant', serif;
	font-size: 14px;
}

div#news-columns small {
	font-size: 1rem;
	float: right;
	text-transform: uppercase;
	color: #aaa;
}

div#news-columns small a {
	color: #666;

	text-decoration: none;
	transition: .4s color;
}

div#news-columns:hover figure:not(:hover) {
	opacity: 0.8;
}

.article {
	/*width:95%;*/
	background-color: #fff;
	font-size: 12px;
	margin: 0 40 0 40;
}

.article img {
	/*width: 650px;*/
}

.article p {
	font-size: 18px;
	font-weight: normal;
}

.img-top img {
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block;
	margin: auto;
}

.article h1 {
	font-family: 'Cormorant Infant', serif;
	text-transform: uppercase;
	font-size: 36px;
	color: #444;
	font-weight: lighter;
	padding-top: 25px;
}

.article h2 {
	font-family: 'Cormorant Infant', serif;
	text-transform: uppercase;
	font-size: 18px;
	color: #444;
	font-weight: lighter;
	padding-top: 25px;
}

.contenu {
	width: 90%;
	background-color: #fff;
	margin: 0 auto;
}


div.homepanel {
	float: left;
	text-align: center;
	/*	background-image: url("../images/fd_accueil.jpg");*/
	vertical-align: top;
	margin-right: 0px;
	margin-bottom: 0px;
	border: 0px;

	border-color: #CCC;
	width: 730px;
	height: 500px;
	/*modif taille image grande*/

}

div.homepanel2 {
	float: left;
	text-align: center;
	/*	background-image: url("../images/fd_accueil.jpg");*/
	vertical-align: top;
	align-content: top;
	margin-right: 0px;
	overflow: hidden;

	margin-top: 0px;
	border: 0px;
	position: absolute;
	border-color: #CCC;
	width: 80%;
	height: auto;
	/*modif taille image grande*/

}

.homepanel2 .gallerylayer img {
	width: 100%;
	margin-top: 0px;
	height: auto;
	overflow: hidden;
	min-height: 100px;
	min-width: 150px;
}

div.homepanel-haut {
	float: left;
	text-align: center;
	/*background-image: url("../images/fd_accueil.jpg");*/
	vertical-align: top;
	margin-right: 0px;
	margin-bottom: 0px;
	border: 0px;

	border-color: #CCC;
	width: 100%;
	height: 320px;
	/*modif taille image grande*/

}

div.homepanel-bas2 {
	float: left;
	text-align: center;
	background-image: url("/upload/decor-panoramique-bas.jpg");
	vertical-align: top;
	margin-right: 0px;
	margin-bottom: 0px;
	border: 0px;

	border-color: #CCC;
	width: 100%;
	height: 180px;
	/*modif taille image grande*/

}

div.homepanel-bas {
	float: left;
	text-align: center;
	background-image: url("/upload/decor-panoramique-bas.jpg");
	vertical-align: top;
	margin-right: 0px;
	margin-bottom: 0px;
	border: 0px;

	border-color: #CCC;
	width: 730px;
	height: 180px;
	/*modif taille image grande*/

}


div.homepanel_menu1 {
	background-color: #fff transparent;
	/*	background-image: url("../images/fd_home.png"); */
	float: left;
	text-align: left;
	vertical-align: top;
	margin: 0px 0px 0px 12px;
	border: 3px;
	border-color: #999;
	width: 238px;
	height: 500px;
}

div.homepanel_actu {
	background-color: #aaaaaa transparent;
	background-image: url("../../peel6 - Copie/images/fd_actu3.png");
	float: left;
	text-align: left;
	vertical-align: top;
	margin: 0px 0px 0px 4px;
	border: 3px;
	border-color: #333;
	width: 238px;
	height: 326px;
}

.homepanel_actu a {
	color: #FFFFFF;
	font-size: 1.2em;
}

div.homepanel_ban {
	float: center;
	text-align: justify;
	vertical-align: center;
	margin: 12px 0px 0px 10px;
	border: 13px;
	border-color: #CCC;
	width: 208px;
	height: 154px;
}

.homepanel_ban h1 {
	float: left;
	text-align: left;
	color: #990000;
	font-size: 2em;

}

.container1 {
	position: relative;
	width: 95%;
	height: 0;
	padding-bottom: 36.25%;
}

.container1 .A {
	float: left;
	margin: 0 0 5 15;
	width: 61%;
	height: 300px;
	overflow: hidden;
}

.container1 .B {
	margin: 0 0 5 15;
	width: 31%;
	height: auto;
	overflow: hidden;

}

.container1 p {
	font-size: 15px;
	text-align: justify;
}

.container {
	position: relative;
	width: 70%;
	height: 0;
	padding-bottom: 39.25%;
}

.video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

#jssor_1 {
	float: left;
	position: relative;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	left: 0 !important;
	overflow: hidden;
	visibility: hidden;
}

.titre-home {
	margin: 30 0 20 0;
	width: 98%;
	height: 65px;
	/*background-image:linear-gradient(#eee, #fafafa);
	border-radius:2px;*/
	/*	background-color:#eee;*/
	float: left;

}

.titre-home h2 {
	color: #666;
	padding-top: 17;
	padding-left: 20;
	font-weight: 100;
	font-size: 22px;

}

.titre-home hr {
	height: 0.5px;
	width: 35%;
	margin: -0.5em 0;
	padding: 0 40 0 40;
	color: #bbb;

}

.home_slot1-A h2 {
	color: #B89E83;
	font-family: Open sans;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 200;
	/*	margin-left: 75px;*/
	text-align: left;
	opacity: 1;
	z-index: 15;
	position: absolute;
	top: 200px;
	left: 13px;
}

.home_slot2-A p,
.home_slot2-NEW p {
	color: #B89E83;
	font-family: 'Cormorant Garamond', serif;
	font-size: 20px;
	font-weight: 200;
	/*	margin-left: 75px;*/
	text-align: left;
	opacity: 1;
	z-index: 15;
	position: absolute;
	top: 200px;
	left: 13px;
}

.home_slot-large p {
	color: #B89E83;
	font-family: 'Cormorant Garamond', serif;
	font-size: 20px;
	font-weight: 200;
	/*	margin-left: 75px;*/
	text-align: left;
	opacity: 1;
	z-index: 15;
	position: absolute;
	top: 200px;
	left: 13px;
}

.slide-in-top {
	-webkit-animation: slide-in-top 4.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-in-top 4.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.logoIMG {
	background-size: 250px;
	padding: 0;
}


.collelctions_themes span {
	position: absolute;
	left: 157px;
	color: #B89E83;
	font-family: 'Cormorant';
	top: 0px;
}

.categories_collections {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.partie_collections {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 110px;
	margin-right: 30px;
}

.partie_themes {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: auto;
}

.recherche_par {
	padding: 0;
	margin: 0;
}

.ariane_article {
	top: 25px;
	left: -10px;
	margin-left: 0px;
	padding: 0px;
	position: relative;
}

/*.ariane_article2 {
	top: 34px;
    left: 4px;
    margin-left: 0px;
    padding: 0px;
    position: relative;
    width: 80%;
}*/

.ariane_custom {
	/*position: relative;
	top: 30px;
	left: -10px;*/
}

.ariane_product {
	/*top: -10px;
	position: relative;
	left: 0px;*/
}

.ariane_product p {
	margin-bottom: 17px;
	margin-top: -1px;
}

.header_ariane p,
.header_ariane a {
    font-weight: 400 !important;
}

/*td.file_ariane_product {
	position: relative;
	top: 5px;
	left: -10px;
}*/

/*.file_ariane_product_all {
	position: relative;
	top: 35px;
}*/

.file_ariane_product_all{
	margin-bottom: 15px;
}

.titrecolo {
	color: #B89E83;
	font-family: 'Cormorant';
	margin-top: 15px;
}

.lienlogo {
	top: -20px;
	position: relative;
}

/*- - - - - - - PARTIE ARTICLE : LA MARQUE - - - - - - -*/


/* - - - - - - - - PARTIE ACCEUIL FIN - - - - - - - - */
.home_slot-large .fdblanc {
	opacity: 1;
	position: absolute;
	top: 200px;
	margin-top: 0px;
	left: 0px;
	height: 100%;
	border-top: 1px solid #B89E83;
	width: 100%;

}

.home_slot1-A .fdblanc {
	opacity: 1;
	position: absolute;
	top: 200px;
	margin-top: 0px;
	left: 0px;
	height: 120px;
	border-top: 1px solid #B89E83;
}

.home_slot2-A .fdblanc {
	opacity: 1;
	position: absolute;
	top: 200px;
	margin-top: 0px;
	left: 0px;
	height: 120px;
	border-top: 1px solid #B89E83;
}

.home_slot2-txt.fdblanc {
	opacity: 1;
	position: absolute;
	top: 200px;
	margin-top: 0px;
	left: 0px;
	height: 120px;
	border-top: 1px solid #ffffff;
}

.home_slot2-NEW .fdblanc {
	opacity: 1;
	position: absolute;
	top: 200px;
	margin-top: 0px;
	left: 0px;
	height: 120px;
	border-top: 1px solid #B89E83;
}

.home_slot-large {
	width: 96%;
	height: 300px;
	margin: 0px 0px 15px 15px;
	border: 1px solid #B89E83;
	overflow: hidden;
	float: left;
	display: flex;
	position: relative;
	/*	border-radius:4px;*/
	overflow: hidden;
	background-color: #ddd;
	/*white-space:nowrap;*/
	/*box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.18); */

}

.home_slot-large span {
	color: #6E6E6E;
	font-family: 'Cormorant Garamond', serif;
	font-size: 18px;
	font-weight: 100;
	/*	margin-left: 75px;*/
	text-align: left;
	z-index: 15;
	position: absolute;
	top: 248px;
	left: 13px;
}

.home_slot-large p {
	z-index: 20;
	position: absolute;
	color: #838C9D;
	font-size: 20px;
	width: 110px;
	z-index: 20;
	right: 0px;
	top: 200px;

}

.home_slot-large a {
	float: none;
	font-family: 'Cormorant Garamond', serif;
	color: #B89E83;
	text-transform: uppercase;
	/*margin-left: -75px;*/
	display: block;
	font-size: 13px;
	text-align: right;
	top: 60px;
}

.home_slot-large a:hover {
	color: #6E6E6E;
}

.home_slot-large img {
	width: 100%;
	margin-top: -70px;
}

.home_slot1-A {
	width: 63.7%;
	height: 300px;
	margin: 0px 0px 15px 15px;
	border: 1px solid #B89E83;
	overflow: hidden;
	float: left;
	display: flex;
	position: relative;
	/*	border-radius:4px;*/
	overflow: hidden;
	background-color: #fff;
	/*white-space:nowrap;*/
	/*box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.18); */

}

.home_slot1-A span {
	color: #6E6E6E;
	font-family: 'Cormorant Garamond', serif;
	font-size: 17px;
	font-weight: 100;
	/*	margin-left: 75px;*/
	text-align: left;
	z-index: 15;
	position: absolute;
	top: 246px;
	left: 13px;
}

.home_slot1-A p {
	color: #B89E83;
	font-family: 'Cormorant Garamond', serif;
	font-size: 16px;
	font-weight: 200;
	/* margin-left: 75px; */
	text-align: left;
	opacity: 1;
	z-index: 15;
	position: absolute;
	top: 200px;
	left: 13px;
}

.home_slot1-A a {
	float: none;
	font-family: 'Cormorant Garamond', serif;
	color: #B89E83;
	text-transform: uppercase;
	/*margin-left: -75px;*/
	display: block;
	font-size: 13px;
	top: 66px;
	width: auto;
	text-align: right;

}

a.lien_article_home {
	width: 110px;
	left: -28px;
}

.home_slot1-A a:hover {
	color: #6E6E6E;
}

.home_slot1-A img {
	width: 100%;
	/*margin-top:-70;*/
}


.home_slot2-A,
.home_slot2-NEW {
	width: 31.33%;
	height: 300px;
	background-color: #aaa;
	margin: 0px 0 15px 15px;
	overflow: hidden;
	float: left;
	border: 1px solid #B89E83;
	position: relative;
	/*	border-radius:4px;*/
	overflow: hidden;
	background-color: #fff;
	display: flex;
	/*box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.18); */
}

.home_slot2-A {
	width: 31.3%;
	height: 300px;
	background-color: #aaa;
	margin: 0px 0 15px 15px;
	overflow: hidden;
	float: left;
	border: 1px solid #B89E83;
	position: relative;
	/*	border-radius:4px;*/
	overflow: hidden;
	background-color: #fff;
	/*display: flex;
	box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.18); */
}

.home_slot2-txt {
	width: 45%;
	/*height: 300px;*/
	background-color: #aaa;
	margin: 0px 0 5px 35px;
	overflow: hidden;
	float: left;
	position: relative;
	overflow: hidden;
	background-color: #fff;
	text-align: left;
}

.home_slot2-A span,
.home_slot2-NEW span {
	color: #6E6E6E;
	font-family: 'Cormorant Garamond', serif;
	font-size: 17px;
	font-weight: 100;
	/* margin-left: 75px; */
	text-align: left;
	z-index: 15;
	position: absolute;
	top: 241px;
	left: 8px;
}

.home_slot2-A span,
.home_slot2-txt span {
	color: #6E6E6E;
	font-family: 'Cormorant Garamond', serif;
	font-size: 17px;
	font-weight: 100;
	/* margin-left: 75px; */
	text-align: left;
	z-index: 15;
	position: absolute;
	top: 241px;
	left: 8px;
}

.home_slot2-A h2,
{

font-size: 11px;

}

.home_slot2-A h2 {
	z-index: 20;
	position: absolute;
	font-size: 11px;
	text-align: left;

}

.home_slot2-txt h2 {
	z-index: 20;
	font-family: 'Cormorant Garamond', serif;
	font-weight: bolder;
	/*	text-transform: uppercase;*/
	font-size: 18px;
	text-align: left;


}

.home_slot2-txt h3 {
	z-index: 20;
	font-family: 'Cormorant Garamond', serif;
	font-weight: bolder;
	/*	text-transform: uppercase;*/
	font-size: 15px;
	text-align: left;

}

.home_slot2-txt p {

	font-family: 'Cormorant Garamond', serif;
	color: #838C9D;
	font-size: 14px;
	z-index: 20;
	text-align: left;
}

.home_slot2-A p,
.home_slot2-NEW p {
	z-index: 20;
	position: absolute;
	color: #838C9D;
	font-size: 12px;
	width: 110px;
	z-index: 20;
	right: 430px;
	top: 192px;
	text-align: left;
}

.home_slot2-txt a {
	float: none;
	text-decoration: underline;
	color: #B89E83;
	/*margin-left: -75px;*/
	display: block;
	font-size: 13px;
	text-align: right;
	top: 70px;
}

.home_slot2-A a,
.home_slot2-NEW a {
	float: none;
	text-transform: uppercase;
	color: #B89E83;
	/*margin-left: -75px;*/
	display: block;
	font-size: 12px;
	text-align: right;
	top: 70px;
}

.home_slot2-A a:hover,
.home_slot2-NEW .a:hover {
	color: #6E6E6E;
}

.home_slot2-A img,
.home_slot2-NEW img {
	width: 140%;
	/*	height:273px;*/

}

.home_slot-large a img:hover {
	transform: scale(1.1);
	transition: 1s;
}

.home_slot1-A a img:hover {
	transform: scale(1.1);
	transition: 1s;
}

.home_slot2-A a img:hover,
.home_slot2-NEW a img:hover {
	transform: scale(1.1);
	transition: 1s;
}


.home_slot2 {
	width: 97%;
	height: 500px;
	background-color: #aaa;
	/* margin: 0 0 10 10;*/
	overflow: hidden;
	float: left;

	position: relative;
	border-radius: 4px;
	overflow: hidden;
	background-color: #fff;

	box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.18);

}

/*DEBUT - AJOuT CHAPO*/
div.chapo-slot2 {
	display: none;
	z-index: 1;
	position: absolute;
	top: 0px;
	width: 100%;
	font-family: 'Cormorant Garamond', serif;
}

div.chapo-slot2-ZOOM {
	display: none;
	z-index: 1;
	position: absolute;
	font-family: 'Cormorant Garamond', serif;
	top: -200px;
	width: 100%;
	left: 20px;
}

div.home_slot2-A:hover .chapo-slot2,
div.home_slot2-NEW:hover .chapo-slot2,
div.home_slot2-A:hover .chapo-slot2-ZOOM {
	display: block;
}

.chapo-slot2 p {
	color: #111;
	font-size: 20px;
	top: 20px;
	left: 40px;
	font-family: 'Cormorant Garamond', serif;
	width: 80%;
}

.chapo-slot2-ZOOM p {

	color: #111;
	font-family: 'Cormorant Garamond', serif;
	font-size: 20px;
	width: 80%;
}

.home_slot2-A a:hover,
.home_slot2-txt .a:hover {
	color: #6E6E6E;
}

.home_slot2-A:hover img,
.home_slot2-txt:hover img {
	opacity: 0.5;
}

.home_slot2-A img,
.home_slot2-txt img {
	z-index: 2;
}

.home_slot2-A a:hover,
.home_slot2-NEW .a:hover {
	color: #6E6E6E;
}

.home_slot2-A:hover img,
.home_slot2-NEW:hover img {
	opacity: 0.5;
}

.home_slot2-A img,
.home_slot2-NEW img {
	z-index: 2;
}

div.chapo-slotL {
	display: none;
	z-index: 1;
	position: absolute;
	top: -117px;
	width: 100%;
}

div.home_slot-large:hover .chapo-slotL {
	display: block;
}

.chapo-slotL p {
	font-family: 'Cormorant Garamond', serif;
	color: #000;
	font-size: 14px;
	top: 20px;
	left: 40px;
	width: 80%;
}

.home_slot-large a:hover {
	color: #6E6E6E;
}

.home_slot-large:hover img {
	opacity: 0.2;
}

.home_slot-large img {
	z-index: 2;
}

div.home_slot1-A:hover .chapo-slot2,
div.home_slot1-A:hover .chapo-slot2-ZOOM {
	display: block;
}

.home_slot1-A a:hover {
	color: #6E6E6E;
}

.home_slot1-A:hover img {
	opacity: 0.2;
}

.home_slot1-A img {
	z-index: 2;
}

.arrangementprod {
	width: 75%;
	text-align: justify;
	margin: 0 auto;
}

.arrangementprod h2 {
	font-family: 'Cormorant Infant', serif;
	font-weight: 100;
	color: #3e3b35;
	font-size: 20px;
	line-height: 30px;
	vertical-align: middle;
	text-align: justify;
}

.arrangementprod h3 {
	font-family: 'Cormorant Infant', serif;
	font-weight: 100;
	color: #3e3b35;
	font-size: 18px;
	line-height: 30px;
	vertical-align: middle;
	text-align: justify;
}

.arrangementprod p {
	font-weight: 100;
	color: #3e3b35;
	font-size: 18px;
	text-align: justify;
}

button#myBtn {
	text-align: center;
	margin: 0 auto;
	padding: 10px 20px;
	display: flex;
	font-size: 20px;
	border-radius:2px;
	background-color: white;
	border: solid #9c875d;
	color: #9c875d;
}

button#myBtn:hover {
	background-color: #9c875d;
	color: white;
}

.IMG_incrusteproduct {
	width: 40%;
	height: auto;
	max-height: 30%;
	max-height: 450px;
	margin: 0 15px 10px 0;
	object-fit: cover;
}

.IMG_incrusteC {
    margin: 0 4% 0 0;
    width: 130px;
    height: 130px;
    object-fit: cover;
	border-radius:50px;
}
.IMG_incrusteE {
    margin: 0 4% 0 0;
    width: 100%;
    height: auto;
    object-fit: cover;
	
}
.imgimbriqueprod {
	display: flex;
}

.separation_haut {
	display: flex;
}

/*.menu_brand3 {
	text-align: right;
	display: contents;
}*/

.footer_info .obflink {
	text-transform: ;
	font-weight: 500;
	text-decoration: underline;

	color: #a58a60;
}

.obflink span:hover {
	cursor: pointer;
	font-weight: 500;

}

.obflink:hover {
	cursor: pointer;

}
.obflink2 {
	border-style:solid;
	border-width:1px;
	padding:4px 4px;
}

.obflink2 span:hover {
	cursor: pointer;
	font-weight: 500;

}

.obflink2:hover {
	cursor: pointer;

}


section.arrangement_ligne3 {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

/* - - - - - - - - - - - FAQ - - - - - - - - - - - - - - - */
.container {
	width: 90%;
	padding: 20px;
	margin: 0 auto;
	border-radius: 6px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	background-color: #f9f9f9;
	display: contents;
	min-height: 100vh;

}

h1 {
	color: #333;
	font-size: 32px;
	text-align: center;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.themeFAQ {
	color: #555;
	font-size: 22px;
	margin-bottom: 20px;
	text-align: left;
	
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.questions-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 10px;
	grid-row-gap: 0px;
	margin-left: 20px;
}

.question-list {
	width: 100%;
	padding: 20px;
	text-align: left;
}

.question-list ul li a {
	font-size: 16px;
	color: #555;
	text-decoration: none;
	transition: color 0.3s ease;
}

.question-list ul li a:hover {
	color: #a18240;
	text-decoration: underline;
}

.answer {
	padding: 20px;
	margin: 20px;
	background-color: white;
	border-radius: 4px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	text-align:left

}

.answer p {
	font-size: 16px;
	color: #555;
	line-height: 1.5;
}

.answer hr {
	border-color: #ddd;
}


.titrebasfooter {
    font-size: 24px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    margin: 10px;
    font-weight: normal;
    color: #3e3b35;
    font-family: Georgia, serif;
}

.footer_presse {
	width: 13%;
	height: auto;
	float: left;
	margin: 0 auto;
	background-color: #fff;
	padding: 15px 1px 1px 3%;
}

.img_presse {
    max-width: 100%;
}

.block_presse {
    margin: 0 auto;
}
.confiance_client{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
    margin: 10px 0px 30px 0px;
}
#liste_hotel{
    list-style: none;
    text-decoration: none;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    font-size: small;
}
#titre_presse{
    text-decoration: underline;
    font-size: x-large;
}
.section_parent1{
    width: 100%;
    text-align: center;
    border-right: solid #222222 1px;
}
.section_parent2{
    width: 100%;
    text-align: center;
    border-left: solid #222222 1px;
}
.enfant2{
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
    align-items: stretch;
}
.remerciement{
    text-align: center;
}
#SHRM_responsive{
	width: 100%;
	margin: -120px;
}
/*- - - - - - - AUTEUR BIO  - - - - - - - -*/

#a_propos_auteur {
    max-width: 50%;
    margin: 0 auto;
}

#photo_auteur img {
    width: 8em;
    margin: 0.5em;
    border-radius: 5em;
}
.linkedin_img{
    width: 2em;
    margin: 0;
}

.grayscale img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.grayscale :hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

#bio_auteur p {
    font-size: 16px;
    font-weight: 400;
    margin: 1em 4em 0em 2em;
}

#flex_a_propos_auteur {
    display: flex;
    align-items: stretch;
    background-color: rgb(247, 241, 235);
   /* border: solid 4px;
    border-style: outset;*/
    border-radius: 2px;
}

#info_perso p {
    list-style: none;
    text-decoration: none;
    margin: 0 1em 0 0;
    font-size: 18px;
    font-weight: 800;
}
#info_perso{
    display: flex;
    align-items: center;
    margin: 1em 0 0 2em;
}

.contact_conseil_tel_showroom{
    display: grid;
	grid-template-columns: 2fr 3fr;
	gap: 5vw;
	width: 100%;
	margin-bottom: 3vw;
}

.contact_tel_showroom{
    border: solid #9c875d;
	padding: 2vw 2vw 2vw 3vw;
}

.contact_tel_showroom hr{
    margin: 2vw 0;
}

.contact_icon > a:link{
    font-weight: 600;
	font-family:  "Cormorant Infant",serif;
	font-size: 24px;
}


.contact_icon{
	display: flex;
	align-items: center;
}

.contact_tel_showroom .contact_img_map{
	margin-left: 5vw;
	width: 9vw;
	height: 10vw;
}

.contact_icon .ico_tel{
	width: 30px;
	height: 30px;
	margin-left:10px;
	margin-right: 2vw;
}

.contact_icon .ico_locate{
	width: 42px;
	height: 42px;
	margin-right: 2vw;
}

.allProducts{
	width: 100%;
	display: flex;
	justify-content: center;
}

.allProducts .allProductsGrid{
	width: 70vw;
	margin-top: 50px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr ;
	grid-template-rows: max-content;
	gap: 4vw;
}

.allProducts img{
	width: 100%;
	height: 20vw;
	display: block;
}

.allProducts a p{
	color: #000;
	text-align: center;
	font-weight: 400;
	font-family:  "Cormorant Infant",serif;
	margin: 0;
}

.allProducts .Allprod_name{
	text-transform: uppercase;
	margin: 10px 0;
}

span.prix {
	/*font-weight: bold;*/
	color: #555;
	font-size: 36px;
}

.allprod_one span.prix {
	color: #000;
	font-size: 22px;
	/*font-family: "Cormorant Infant", serif;*/
}

.allprod_one td {
	text-align: center;
}


/* ---- SIDEBAR FILTRE ---- */

.sidebar_filtre_wrapper {
	display: flex;
	align-items: flex-start;
	width: 78%;
	margin-left: 8%;
	margin-right: 14%;
	gap: 0;
}

.sidebar_filtre {
	width: 285px;
	min-width: 285px;
	border-right: 1px solid #9c875d;
	padding: 25px 20px 40px 20px;
	box-sizing: border-box;
	position: sticky;
	top: 100px;
	align-self: flex-start;
}

.sidebar_filtre_header {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #9c875d;
}

.sidebar_filtre_header p {
	margin: 0;
	font-family: "Cormorant Infant", serif;
	text-transform: uppercase;
	font-size: 18px;
	letter-spacing: 0.05em;
	color: #1a1a1a;
}

.bouton_uncheckedAll {
	border: 1px solid #9c875d;
	background: none;
	color: #9c875d;
	font-family: "Cormorant Infant", serif;
	text-transform: uppercase;
	font-size: 13px;
	padding: 5px 10px;
	cursor: pointer;
	transition: 0.15s;
	width: 100%;
}

.bouton_uncheckedAll:hover {
	background-color: #9c875d;
	color: white;
}

.sidebar_filtre_corps fieldset {
	border: none;
	padding: 0;
	margin: 0 0 20px 0;
}

.sidebar_filtre_corps p.titreFiltre {
	text-transform: uppercase;
	font-family: "Cormorant Infant", serif;
	color: #9c875d;
	font-size: 13px;
	letter-spacing: 0.08em;
	margin: 0 0 8px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
}

.sidebar_filtre_corps p.titreFiltre::after {
	content: "▾";
	font-size: 14px;
	color: #9c875d;
	transition: transform 0.2s;
}

.sidebar_filtre_corps p.titreFiltre.filtre_ferme::after {
	content: "▸";
}

.sidebar_filtre_corps ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 7px;
}

.sidebar_filtre_corps li {
	display: flex;
	align-items: center;
	gap: 8px;
}

.sidebar_filtre_corps label {
	font-size: 14px;
	font-family: "Cormorant Infant", serif;
	cursor: pointer;
	color: #1a1a1a;
}

.sidebar_filtre_corps input[type="checkbox"] {
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	accent-color: #9c875d;
	cursor: pointer;
}

.sidebar_contenu {
	flex: 1;
	min-width: 0;
	padding-left: 60px;
	padding-right: 0;
}

/* Ajustement grille produits dans la sidebar */
.sidebar_contenu .allProducts {
	width: 100%;
}

.sidebar_contenu .allProductsGrid {
	width: 100%;
	grid-template-columns: 1fr 1fr 1fr;
}

/* ============ PAGE THÈME — habillage premium du filtre (scopé .sidebar_theme) ============ */

/* Conteneur : bordure plus douce, plus d'air */
.sidebar_filtre.sidebar_theme {
	background: transparent;
	border: none;
	border-right: 1px solid #e7dfcb;
	border-radius: 0;
	padding: 26px 20px 20px 0;
}

.sidebar_theme .sidebar_filtre_header {
	border-bottom: 1px solid #e7dfcb;
	margin-bottom: 22px;
	padding-bottom: 14px;
}
.sidebar_theme .sidebar_filtre_header p {
	font-size: 17px;
	letter-spacing: 0.14em;
	color: #1a1a1a;
}

.sidebar_theme .sidebar_filtre_corps p.titreFiltre {
	color: #1a1a1a;
	font-size: 12px;
	letter-spacing: 0.12em;
	margin-bottom: 12px;
}

.sidebar_theme .sidebar_filtre_corps ul {
	gap: 1px;
}

/* On masque la case native : on dessine la nôtre via le label */
.sidebar_theme .sidebar_filtre_corps input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
	pointer-events: none;
}

/* Chaque ligne = un label cliquable en entier */
.sidebar_theme .sidebar_filtre_corps li {
	gap: 0;
}
.sidebar_theme .sidebar_filtre_corps label {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 10px 10px 10px 34px;
	font-size: 15px;
	color: #4a463f;
	line-height: 1.3;
	border-radius: 5px;
	cursor: pointer;
	transition: color 0.15s ease, background 0.15s ease;
}

/* La case dessinée à la main */
.sidebar_theme .sidebar_filtre_corps label::before {
	content: "";
	position: absolute;
	left: 7px;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	border: 1.5px solid #c8bb9d;
	border-radius: 3px;
	background: #fff;
	transition: border-color 0.15s ease, background 0.15s ease;
}

/* Le ✓ (caché par défaut) */
.sidebar_theme .sidebar_filtre_corps label::after {
	content: "";
	position: absolute;
	left: 13px;
	top: 50%;
	width: 4px;
	height: 8px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: translateY(-60%) rotate(45deg);
	opacity: 0;
	transition: opacity 0.12s ease;
}

/* Survol de la ligne */
.sidebar_theme .sidebar_filtre_corps label:hover {
	background: #f1ece0;
	color: #1a1a1a;
}
.sidebar_theme .sidebar_filtre_corps label:hover::before {
	border-color: #9c875d;
}

/* État coché : ligne dorée + case remplie + ✓ visible */
.sidebar_theme .sidebar_filtre_corps input[type="checkbox"]:checked + label {
	color: #9c875d;
	font-weight: 600;
}
.sidebar_theme .sidebar_filtre_corps input[type="checkbox"]:checked + label::before {
	background: #9c875d;
	border-color: #9c875d;
}
.sidebar_theme .sidebar_filtre_corps input[type="checkbox"]:checked + label::after {
	opacity: 1;
}

/* Message "aucun produit" — sobre et élégant */
.message_aucun_produit {
	text-align: center;
	font-family: "Cormorant Infant", serif;
	font-size: 30px;
	font-style: italic;
	color: #9c875d;
	letter-spacing: 0.02em;
	padding: 70px 20px;
	margin: 0;
}

/* Bouton "Tout désélectionner" de la page thème */
.sidebar_theme .sidebar_filtre_header {
	justify-content: space-between;
	align-items: baseline;
}
.sidebar_theme .deselect_tout {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	font-family: inherit;
	font-size: 13px;
	letter-spacing: 0.06em;
	color: #9c875d;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
	white-space: nowrap;
	transition: color 0.15s ease;
}
.sidebar_theme .deselect_tout:hover {
	color: #1a1a1a;
}

/* Sous-catégories : juste plus discrètes (le décalage est géré par le padding du <li>) */
.sidebar_theme .sidebar_filtre_corps li.sous_categorie label {
	font-size: 13px;
	color: #6a655c;
}


/* ---- RESPONSIVE SIDEBAR ---- */
@media screen and (max-width: 900px) {
	.sidebar_filtre_wrapper {
		flex-direction: column;
		width: 94%;
		margin-left: 3%;
		margin-right: 3%;
	}
	.sidebar_filtre {
		width: 100%;
		min-width: unset;
		max-height: none;
		overflow-y: visible;
		border-right: none;
		border-bottom: 1px solid #9c875d;
		position: static;
		padding: 12px 15px 15px 15px;
	}
	.sidebar_filtre_header {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 12px;
		padding-bottom: 12px;
	}
	.sidebar_filtre_header p {
		font-size: 15px;
	}
	.bouton_uncheckedAll {
		width: auto;
		padding: 4px 14px;
		font-size: 12px;
	}
	.sidebar_filtre_corps {
		display: flex;
		gap: 0;
		flex-direction: column;
	}
	.sidebar_filtre_corps fieldset {
		margin-bottom: 0;
		border-bottom: 1px solid #e8e0d5;
	}
	.sidebar_filtre_corps p.titreFiltre {
		padding: 10px 0;
		margin: 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 12px;
	}
	
	.sidebar_filtre_corps ul {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 8px 20px;
		padding-bottom: 12px;
	}
	.sidebar_filtre_corps li {
		width: calc(50% - 20px);
	}
	.sidebar_filtre_corps label {
		font-size: 13px;
	}
	.sidebar_contenu {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
	.sidebar_contenu .allProductsGrid {
		grid-template-columns: 1fr 1fr;
		width: 100%;
		gap: 3vw;
		margin-top: 20px;
	}
}

/* --- Filtre des pages thème en mobile : version épurée et ergonomique --- */
@media screen and (max-width: 900px) {
	/* Le bloc devient une carte douce, bien délimitée */
	.sidebar_filtre.sidebar_theme {
		background: transparent;
		border: none;
		border-bottom: 1px solid #e7dfcb;
		border-radius: 0;
		padding: 12px 0 16px 0;
		margin-bottom: 18px;
	}
	/* En-tête FILTRER */
	.sidebar_theme .sidebar_filtre_header {
		border-bottom: 1px solid #e7dfcb;
		margin-bottom: 4px;
		padding-bottom: 14px;
	}
	.sidebar_theme .sidebar_filtre_header p {
		font-size: 16px;
		letter-spacing: 0.16em;
	}
	/* Barre "PAR CATÉGORIES" : ligne tappable confortable */
	.sidebar_theme .sidebar_filtre_corps p.titreFiltre {
		padding: 16px 2px;
		font-size: 12px;
		letter-spacing: 0.16em;
	}
	/* Liste en une seule colonne, lignes aérées et tactiles */
	.sidebar_theme .sidebar_filtre_corps ul {
		flex-direction: column;
		flex-wrap: nowrap;
		gap: 0;
		padding-bottom: 6px;
	}
	.sidebar_theme .sidebar_filtre_corps li {
		width: 100%;
	}
	.sidebar_theme .sidebar_filtre_corps label {
		padding-top: 12px;
		padding-bottom: 12px;
		font-size: 15px;
	}
	/* Sous-catégories : décalage gardé, texte un poil plus discret */
	.sidebar_theme .sidebar_filtre_corps li.sous_categorie label {
		font-size: 14px;
	}
}

@media screen and (max-width: 480px) {
	.sidebar_filtre_corps li {
		width: calc(50% - 20px);
	}
	.sidebar_contenu .allProductsGrid {
		grid-template-columns: 1fr 1fr;
		width: 100%;
		gap: 4vw;
	}
}

@media only screen and (min-width: 900px) and (max-width: 1200px) {
	.sidebar_filtre_wrapper {
		width: 92%;
		margin-left: 4%;
		margin-right: 4%;
	}
	.sidebar_filtre {
		width: 200px;
		min-width: 200px;
	}
	.sidebar_contenu .allProductsGrid {
		grid-template-columns: 1fr 1fr;
	}
}

.titre_serarchSerie{
	padding: 0 15%;
}

.searchSerie_select{
	padding: 0 15%;
	margin-bottom: 2vw;
}

.searchSerie_select select{
	height: 50px;
	width: 25vw;
	font-size: 22px;
}

.IMG_decoMenu{
	width: 35%;
}

.tablePeinture{
	width: 100%;
	text-align: center;
	border: solid #9c875d;
	border-collapse: collapse;
}


.tablePeinture th{
	width: 15%;
	border: solid #9c875d;
	font-size: larger;
	padding: 15px;
}

.tablePeinture .tablePeintureHaut{
	border-top: solid #9c875d;
}

.tablePeinture td{
	padding: 10px;
	min-width: 100px;
}

.peintureSeul{
	padding: 5px;
}

.peintureCouleur{
	margin:5px 20% 5px 20%;
	width: 60%;
	height: 50px;
	border-radius: 10%;
}

.gridPeinture{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	gap: 20px;
}


/*- - - - - - - FIN - - - - - - - -*/

@-webkit-keyframes slide-in-top {
	0% {
		-webkÒit-transform: translateY(-1000px);
		transform: translateY(-1000px);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes slide-in-top {
	0% {
		-webkit-transform: translateY(-1000px);
		transform: translateY(-1000px);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}



/*__________________________________MEDIA QUERIES_______________________________________*/

/*INTERNET EXPLORER QUERY*/

@media screen and (min-width:0\0) {
	div.fp_produit {
		display: inline;
	}

	div.fp_image_grande {
		float: left;
		padding-right: 20px;
		padding-left: 40px;
	}
}

/*FIN INTERNET EXPLORER QUERY*/
@media only screen and (min-width:940px) {
	.home_slot-large img {
		width: 214%;
	}

	.home_slot1-A img {
		width: 156%;
	}
}

/*PC LARGE SCREEN*/

@media only screen and (min-width:940px) and (max-width:1540px) {


	/******************************* GENERALITES **********************************/

	/* ----------- MODIF 2023 ------------*/

	#main_header input#search {
		width: 10vw;
		height: 35px;
		top: 84.5px;
		right: -94vw;
		font-size: 14px;
	}

	#main_header .tel {
		font-size: 18px;
		margin: 0 1vw 0 0;
	}
	
	.pan-haut1{
		width: 35%;
	}

	.pan-haut2{
		width: 30%;
	}

	.pan-haut3{
		width: 35%;
	}

	/*.pan-haut2{
		width: 25%;
	}

	.pan-haut2 a {
		font-size: 12px;
	}

	.logoIMG {
		background-size: 200px;
	}*/

	#files {
		/*margin-top: -20%;*/
	}

	/*a,
	a:link,
	a:visited {
		font-size: 16px;
	}*/

	.descriptif {
		font-size: 20px;
	}

	.descriptif h1 {
		font-size: 30px;
	}

	.descriptif h4 {
		font-size: 18px;
	}

	.descriptif p {
		font-size: 16px;
		margin: 0;
	}

	hr {
		max-width: 100%;
	}

	#positionCouleurTaille {
		max-width: 100%;
	}

	#positionCouleurTaille tbody {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(1, 1fr);
		text-align: center;
		justify-content: center;
		justify-items: center;
		width: 100%;
		margin: 0;
		padding: 0;
	}

	/*.tr1 {
		grid-area: 1 / 1 / 2 / 2;
	}

	.tr2 {
		grid-area: 1 / 2 / 2 / 3;
	}

	.tr3 {
		grid-area: 2 / 1 / 3 / 2;
	}

	.tr4 {
		grid-area: 3 / 2 / 4 / 3;
	}

	.tr5 {
		grid-area: 2 / 2 / 3 / 3;
		display: flex;
		align-items: center;
		align-content: center;
		justify-content: center;
	}*/

	div.fp_produit .prix {
		font-size: 32px;
	}

	.product_affiche_prix {
		line-height: 5pt;
	}

	.product_affiche_prix > a {
		margin-left: 1vw;
		width: 150px;
		font-size: 18px;
	}

	/*.img_realisations {
		max-width: 75%;
		margin: auto;
	}*/

	.couleurDeFond {
		height: 300px;
		margin-top: -43%;
	}

	/*.conteneur_info_detail {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(1, 1fr);
		grid-column-gap: 0px;
		grid-row-gap: 0px;
	}

	.conteneur_info_ligne2 {
		grid-area: 1 / 1 / 2 / 2;
		width: auto;
		padding: 0;
		display: block;
	}

	.info_ligne2 td {
		text-align: left;
	}

	.conteneur_info_ligne1 {
		grid-area: 1 / 2 / 2 / 3;
		padding: 0;

	}*/

	.titre_trait_v3 {
		font-size: 26px;
	}

	.titre_trait_v3 h1 {
		white-space:initial;
	}

	.info_ligne2 {
		line-height: 1.2em;
		padding: 1vw 3vw 1vw 3vw;
	}

	.info_ligne2 li{
		font-size: 16px;
	}

	.info_livraison li{
		font-size: 16px;
	}

	.info_livraison h3{
		font-size: 18px;
	}

	.guides_pratiques_titre h3{
		font-size: 18px;
	}

	.guides_pratiques article center a img {
		width: 60px;
	}

	.bouton_add_refu p{
	
		font-size: 1.7vw;
	}
	

	.bouton_add_cart {
		font-size: 22px;
		margin-right: 10px;
	}

	.conteneur_surmesure_echantillon img{
		width: 6vw;
	}

	.surmesure_echantillon_validation {
		font-size: 22px;
	}

	.conteneur_info_ligne5 {
		/*grid-area: 2 / 1 / 3 / 3;*/
		width: auto;
		height: 350px;
	}

	#centrerTexte p {
		font-weight: 700;
		font-size: 18px;
	}

	select {
		height: 40px;
		width: 160px;
	}

	.affiche_critere_stock input[type=text] {
		height: 40px;
		width: 40px;
		font-size: 14px;
	}
	.affiche_critere_stock input[type=number] {
		height: 38px;
		font-size: 14px;
	}

	p,div {
		font-size: 20px;
	}

.info_livraison h3,
.guides_pratiques_titre h3 {
    text-align: center;
}

	/*------------ FIN MODIF 2023 ------------*/

	body {
		font-size: 5em;
	}

	.vignette_prix {
		position: relative;
		border-radius: 4px;
		/*border: 1px solid rgba(233, 233, 233, 1); */
		width: 50%;
		overflow: hidden;
		margin-right: 4px;
		margin-bottom: 0px;
		margin-left: 8px;
		box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.18);
	}

	.right_column {
		display: none;
	}

	.column_4 .middle_column_header {
		background-image: url('../../peel6 - Copie/images/header_column_2_middle_column.jpg');
		/* Cree par JBD psecialement pour les pages Achat */
		background-repeat: no-repeat;
		background-position: left top;
		height: 240px;
	}

	.column_4 .middle_column_repeat {
		padding: 10px 0px 0px 2%;
		/* MODIF was 10 0 0 0 */
		background-repeat: repeat-y;
		background-position: top right;
		width: 100%;
		float: none;
		z-index: 2;
	}

	.left_column {
		width: auto;
	}

	/*******************************  FIN GENERALITES ********************************/

	/*********************************** HEADER **************************************/

	.slide {
		cursor: default;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 940px;
		height: 500px;
		overflow: hidden;
		z-index: 0;
	}

	#main_header {
		position: relative;
		/*background-image: url('../images/main_header.png'); */
		background-color: #fff;
		background-repeat: no-repeat;
		margin: 0 auto 0 auto;
		width: 100%;
		height: auto;
		display: block;
		position: fixed;
		/* MODIF */
		float: left;
		text-align: left;
		clear: both;
		/*border-bottom: 2px solid #000;*/
		
	}

	/* search in header */
	#main_header select#brand {
		display: none;
		position: absolute;
		left: 50px;
		top: 40px;
		width: 120px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		border: 1px solid #C2C2C2;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}

	.sideblocktitle select#brand,
	.sideblock select#brand {
		width: 150px;
		margin: 2px;
	}

	.sideblocktitle #recherche fieldset,
	.sideblock #recherche fieldset {
		border: 0px;
	}

	.sideblocktitle input#search,
	.sideblock input#search {
		width: 110px;
		border: 1px solid #000;
		background: url('../images/go.png');
	}

	/* fin search */

	/*********************************** FIN HEADER **************************************/


	/*********************************** VIGNETTES **************************************/
	.vignette {

		float: left;
		position: relative;
		overflow: hidden;
		background-color: #fff;
		width: 310px;
		margin-right: 20px;
		margin-bottom: 10px;
		margin-left: 0px;
		height: 310px;
		/*taill des vignettes  340 338*/
	}


	.vignette img {
		width: 100%;
		height: 100%;
	}

	.vignette .savoir_plus {
		display: none;
	}

	.zoom {
		height: 480px;
	}

	/*********************************** FIN VIGNETTES **************************************/

	/*********************************** FOOTER **************************************/

	#footer .footer_info {
		/*padding: 20px 5px 15px 30px;*/
	}


	/*********************************** FIN FOOTER **************************************/

	.chiffre_etape_achat{
		width: 3.5vw;
		height: 3.5vw;
		font-size: 2.5vw;
	}
	
	.table_etapes_achat td{
		font-size: 1.7vw;
	}

	table.caddie {
		font-size: 1.5vw;
	}
	
	table.caddie a {
		font-size: 1.5vw;
	}

	#step2caddie {
		font-size: 1.5vw;
	}
	
	.caddie_net_to_pay {
		font-size: 1.7vw;
	}
	
	.livraison tr{
		font-size: 1.5vw;
	}

	.caddie_link {
		font-size: 1.5vw;
	}

	.onestep p{
		font-size: 20px;
	}

	.stepgauche{
		margin-bottom: 5vw;
	}
	
	
	.stepdroite{
		margin-bottom: 5vw;
	}

	.step_paiment{
		margin-bottom: 5vw;
	}

	.steps{
		display: inline;
	}

	.fp_produit {
        flex-direction: column;
        align-items: center;
        margin: 0 2%;
    }

	div.fp_image_grande {
        width: 100%;
        height: auto;
        margin-bottom: 2vw;
    }

	div.descriptif {
        /* display: contents; */
        width: 100%;
        font-size: 18px;
        text-align: left;
		box-sizing: border-box;
    }
	

	#couleur {
		width: 15vw;
	}
	
	#taille {
		width: 15vw;
	}

	.step3_blocs {
		justify-content: space-evenly;
	}

	.step3_blocs fieldset {
		min-height: 500px;
	}

	.step3_blocs p { 
		font-size: 18px;
	}

	.step3_date {
		margin-left: 4.5vw;
	}

	.conteneur_tabs_res .tabs_res_intit{
		width: 35%;
	}

	.conteneur_tabs_res .tab_res_bas{
		margin-left: 20px;
	}

	.etape4_resum {
		padding: 1vw 2vw 1vw 2vw;
	}
	.etape4_resum td {
		font-size: 18px;
	}

	.etape4_resum .caddie tr {
		height: 100px;
		min-height: fit-content;
	}

	.etape4_paypal {
		grid-template-columns: 2fr 3fr;
	}

	.formulaire-achat {
		height: 40px;
	}
	
	.conteneur_rechercheButton input{
		font-size: 20px;
	}

	.input_search {
		height: 40px;
	}

	.pan-haut2 table {
		height: 90px;
	}

	.conteneur_openFilter button {
		width: 30%;
		font-size: 18px;
	}

	.openFilter {
		width: 70%;
		line-height: 50px;
	}

	.openFilter p{
		font-size: 18px;
	 }

	 .dropdown{
		height: 50px;
	}

	.dropdown p.titreFiltre {
		font-size: 18px;
	}

	.dropdown li {
		font-size: 18px;
	}

	.dropdown input[type="checkbox"] {
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	.searchSerie_select select{
		width: 30vw;
	}

	.tablePeinture th{
		width: 20%;
	}

	.gridPeinture{
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	}
	
}


/*PC MEDIUM SCREEN*/

@media only screen and (min-width:720px) and (max-width:940px) {

	/*******************************  GENERALITES ********************************/

	/*------------ MODIF 2023 CHARLY ------------*/
	
	section.full_slider {
		margin-top: 18px;
	}

	nav.navigation_filtres {
		margin-top: -31px;
		height: 64px;
	}

	section.conteneur_sliders {
		height: 140px;
		margin-top: -15px;
	}

	.pan-haut1 {
		width: 30%;
		height: auto;
	}

	.pan-haut2 {
		width: 40%;
		height: auto;
	}

	.pan-haut2 table {
		height: 80px;
	}

	.pan-haut2 a{
		font-size: 12px;
		position: relative;
		top: 17px;
	}

	.pan-haut3 {
		width: 30%;
		height: auto;
	}

	.pan-haut3 > span{
		margin: 0 2vw;
	}


	.fp_produit {
		flex-direction: column;
		align-items: center;
		margin: 0 2%;
	}

	div.fp_image_grande {
		width: 100%;
		height: auto;
		margin-bottom: 2vw;
	}

	.ariane_product p {
		margin-top: 10px;
	}

	#main_content {
		margin-top: 100px;
	}

	#mainProductImage {
		height: 550px;
	}

	#files {
		/*margin-top: -11%;*/
	}
	#files img {
		/*OK*/
		height: 10vw;
	}

	div.descriptif {
		/*display: contents;*/
		width: 100%;
		font-size: 18px;
		text-align: left;
		margin: 0;
		box-sizing: border-box;
	}

	.descriptif h1 {
		font-size: 32px;
	}

	.titre_suggestion {
		font-size: 26px;
	}

	.img_realisations {
		margin: auto;
		display: inline;

	}

	.couleurDeFond {
		height: 200px;
		margin-top: -38%;
		margin-bottom: 14%;

	}

	#positionCouleurTaille {
		max-width: 100%;
	}

	#positionCouleurTaille tbody {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(1, 1fr);
		text-align: center;
		justify-content: center;
		justify-items: center;
		width: 100%;
		margin: 0;
		padding: 0;
	}


	#couleur {
		width: 15vw;
		height: 55px;
	}
	
	#taille {
		width: 15vw;
		height: 55px;
	}

	.affiche_critere_stock input[type=number] {
		height: 55px;
		font-size: 14px;
		width: 15vw;
	}

	/*.tr1 {
		grid-area: 1 / 1 / 2 / 2;
	}

	.tr2 {
		grid-area: 1 / 2 / 2 / 3;
	}

	.tr3 {
		grid-area: 2 / 1 / 3 / 2;
	}

	.tr4 {
		grid-area: 3 / 2 / 4 / 3;
	}

	.tr5 {
		grid-area: 2 / 2 / 3 / 3;
		display: flex;
		align-items: center;
		align-content: center;
		justify-content: center;
	}*/

	div.fp_produit .prix {
		font-size: 32px;
	}

	.product_affiche_prix {
		line-height: 5pt;
	}

	.product_affiche_prix > a {
		margin-left: 2vw;
		width: 150px;
	}

	.bouton_add_cart {
		font-size: 24px;
		margin-right: 10vw;
	}

	.surmesure_echantillon_validation{
		font-size: 2vw;
	}

	/*.img_realisations {
		max-width: 75%;
		margin: auto;
	}*/

	.couleurDeFond {
		height: 300px;
		margin-top: -43%;
	}

	.titre_trait_v3 h2, .titre_trait_v3 h1 {
		white-space:initial;
		margin-right: 2vw;
	}

	.titre_trait_v3 {
		font-size: 26px;
	}

	.conteneur_info_2blocs{
		display: contents;
	}

	.conteneur_info_ligne2 {
		width: 100%;
		justify-content: center;
		margin-bottom: 3vw;
	}

	.info_ligne2 {
		padding: 3vw 5vw 3vw 5vw;
	}

	.conteneur_info_ligne1 {
		width: 100%;

	}

	/*.conteneur_info_detail {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(1, 1fr);
		grid-column-gap: 0px;
		grid-row-gap: 0px;
	}

	.conteneur_info_ligne2 {
		grid-area: 1 / 1 / 2 / 2;
		width: auto;
		padding: 0;
		display: block;
	}

	.info_ligne2 {
		margin: 2%;
	}

	.info_ligne2 td {
		text-align: left;
	}

	.conteneur_info_ligne1 {
		grid-area: 1 / 2 / 2 / 3;
		padding: 0;

	}

	.conteneur_info_ligne5 {
		grid-area: 2 / 1 / 3 / 3;
		width: auto;
		height: 350px;
	}*/

	#centrerTexte p {
		font-weight: 700;
		font-size: 18px;
	}

	select {
		height: 40px;
		width: 160px;
	}

	.pointeur p {
		text-align: justify;
		font-size: 16px;
		font-family: 'Cormorant Infant', serif;
	}

	table.produits {
		width: 100%;
		display: flex;
		justify-content: center;
	}

	/*------------ FIN MODIF 2023 ------------*/

	.chiffre_etape_achat{
		width: 4.5vw;
		height: 4.5vw;
		font-size: 3vw;
	}
	
	.table_etapes_achat td{
		font-size: 2.5vw;
	}

	table.caddie {
		font-size: 2vw;
	}
	
	table.caddie a {
		font-size: 2vw;
	}

	#step2caddie {
		width: 100%;
		font-size: 2vw;
		margin-bottom: 3vw;
		min-height: auto;
	}

	
	.caddie_net_to_pay {
		font-size: 2.2vw;
	}

	.livraison{
		width: 100%;
		position: static;
		height :auto;
	}

	.livraison tr{
		font-size: 2.2vw;
	}

	.cart_button_and_link{
		position:static;
	}
	.conteneur_bouton_next_cart{
		flex-direction: column-reverse;
		align-items: center;
		margin: 50px 0 0 0;
	}

	.caddie_link {
		width: 30vw;
		font-size: 24px;
	}

	.caddie_res{
		border-spacing: 50px;
	}

	.bouton_next_cart{
		width: 100%;
	}

	div:has(> .bouton_next_cart) {
		width: 100%;
	  }
	  
	  table.caddie {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}

	.renvoi_etape2{
		display:block;
	}
	
	.renvoi_etape2 p{
		text-align: start;
		width: 100%;
	}

	.stepgauche{
		margin-bottom: 5vw;
	}
	
	.stepdroite{
		margin-bottom: 5vw;
	}

	.step_paiment{
		margin-bottom: 5vw;
	}

	p, div {
		font-size: 18px;
	}

	.steps{
		display: inline;
	}

	.onestep p{
		font-size: 20px;
	}

	#entryformstep .bouton_add_cart {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}

	.step3_blocs  { 
		display:block
	}

	.step3_blocs  fieldset{ 
		height: max-content;
		min-height: 30vw;
		padding: 2vw 3vw 2vw 3vw;
		width: 100%;
		margin-top: 3vw;
	}

	.step3_date { 
		margin-left: 0;
		font-size: 20px;
	}

	.conteneur_tabs_res{
		display: contents;
	}

	.conteneur_tabs_res .tab_res_haut{
		border-right: none;
	}
	
	.conteneur_tabs_res .tab_res_bas{
		margin-left: 0px;
		width: 100%;
		margin-bottom: 30px;
	}
	
	.conteneur_tabs_res table{
		width: 100%;
	}
	
	.conteneur_tabs_res .tabs_res_intit{
		width: 45%;
	}
	
	.conteneur_tabs_res tr{
		height: 50px;
	}
	
	.etape4_resum {
		padding: 2vw 3vw 2vw 3vw;
	}

	.etape4_resum .caddie tr {
		height: 100px;
		min-height: fit-content;
	}

	.etape4_resum  table.caddie {
		width: 65vw;
    }

	.etape4_paypal {
		display: contents;
		margin-bottom: 3vw;
	}

	.etape4_transfer {
		display: contents;
		text-align: center;
	}

	.etape4_transfer a{
		margin: 3vw 20% 0 20%;
		width: 60%;
	}

	.guides_pratiques article center a img {
		width: 60px;
	}

	.info_livraison{
		margin-top: 20px;
	}

	.guides_pratiques_titre{
		margin-top: 20px
	}

	.contact_conseil_tel_showroom{
		display: block;
		margin-bottom: 3vw;
	}

	.contact_icon > a:link{
		font-size: 22px;
	}

	.contact_icon .ico_tel{
		width: 20px;
		height: 20px;
		margin-left:10px;
	}
	
	.contact_icon .ico_locate{
		width: 30px;
		height: 30px;
	}

	.entryform .contact_form_grid{
		display: inline;
	}

	.entryform .contact_form_grid div{
		margin-bottom: 3vw;
	}

	.entryform .contact_form_grid input{
		height: 50px;
	}

	.entryform .contact_form_grid select{
		height: 50px;
	}

	.formulaire-achat {
		height: 40px;
	}

	.conteneur_rechercheButton input{
		padding: 10px 20px;
		font-size: 20px;
		margin: 2vw;
	}

	.input_search {
		height: 40px;
	}

	.aide_recherche li{
		font-size: 16px;
	}

	button#myBtn {
		padding: 10px 18px;
		font-size: 18px;
	}

	.allProducts a p{
		font-size: 16px;
	}
	
	.allProducts .allProductsGrid{
		width: 80vw;
		margin-top: 10px;
		gap: 2vw;
	}

	.conteneur_openFilter button {
		width: 30%;
		font-size: 16px;
	}

	.openFilter {
		width: 70%;
		line-height: 50px;
	}

	.openFilter p{
		font-size: 16px;
	 }

	 .dropdown{
		height: 50px;
	}

	.dropdown p.titreFiltre {
		font-size: 18px;
	}

	.dropdown .ligne2filtre{
		margin-left: 0;
	 }
	
	 .dropdown .conteneurUlFiltre{
		display: inline;
	 }
	

	.dropdown li {
		font-size: 16px;
	}

	.dropdown input[type="checkbox"] {
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	.allProducts a p,
	.allprod_one span.prix {
		font-size: 16px;
	}

	.titre_serarchSerie h1{
		white-space: initial;
		min-width: 40%;
	}

	.searchSerie_select select{
		font-size: 18px;
		height: 50px;
		width: 40vw;
	}

	.contact_tel_showroom .contact_img_map{
		margin-left: 10vw;
		width: 12vw;
		height: 13vw;
	}

	.tablePeinture th{
		width: 20%;
	}

	.gridPeinture{
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

}


@media only screen and (min-width:480px) and (max-width:720px) {

	/*------------ MODIF 2023 CHARLY ------------*/
	#main_header {
		height: auto;
		position: absolute;
	}

	#top_search {
		margin-top: 16px;
		margin-left: -29px;
		position: absolute;
	}

	.responsive_menu ul li a {
		padding: 4px 22px 0px 10px;
	}

	.pan-haut1 {
		width: 25%;
		height: auto;
	}

	.pan-haut2 {
		width: 50%;
		height: auto;
	}

	.pan-haut2 a{
		font-size: 12px;
		position: relative;
		top:15px;
	}

	.pan-haut2 table {
		height: 70px;
	}

	.logoIMG {
		background-size: 180px;
	}

	.pan-haut3 {
		width: 25%;
		height: auto;
		padding: 0;
	}

	#main_content {
		margin-top: 62px;
	}

	.ariane_product p {
		margin-top: 25px;
	}

	.fp_produit {
		flex-direction: column;
		align-items: center;
		margin: 0 2%;
	}

	div.fp_image_grande {
		width: 100%;
		height: auto;
		margin-bottom: 2vw;
	}

	#mainProductImage {
		height: 550px;
	}

	#files {
		/*margin-top: -11%;*/
	}
	#files img {
		/*OK*/
		height: 10vw;
	}
	.descriptif p {
		font-size: 18px;
	}

	div.descriptif {
		display: block;
		width: 100%;
		font-size: 18px;
		text-align: left;
		margin: 0;
		float: none;
		box-sizing: border-box;
	}

	.descriptif h1 {
		font-size: 32px;
	}

	.titre_suggestion {
		font-size: 26px;
	}

	/*.img_realisations {
		max-width: 90%;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(3, 1fr);
		margin: auto;

	}*/

	.couleurDeFond {
		height: 200px;
		margin-top: -99%;
		margin-bottom: 50%;

	}

	#positionCouleurTaille {
		max-width: 100%;
	}

	#positionCouleurTaille tbody {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(1, 1fr);
		text-align: center;
		justify-content: center;
		justify-items: center;
		width: 100%;
		margin: 0;
		padding: 0;
	}

	#couleur {
		width: 15vw;
		height: 55px;
	}
	
	#taille {
		width: 15vw;
		height: 55px;
	}

	.affiche_critere_stock input[type=number] {
		height: 55px;
		font-size: 14px;
		width: 15vw;
	}


	/*.tr1 {
		grid-area: 1 / 1 / 2 / 2;
	}

	.tr2 {
		grid-area: 1 / 2 / 2 / 3;
	}

	.tr3 {
		grid-area: 2 / 1 / 3 / 2;
	}

	.tr4 {
		grid-area: 3 / 2 / 4 / 3;
	}

	.tr5 {
		grid-area: 2 / 2 / 3 / 3;
		display: flex;
		align-items: center;
		align-content: center;
		justify-content: center;
	}*/

	div.fp_produit .prix {
		font-size: 28px;
	}

	.product_affiche_prix {
		line-height: 5pt;
	}

	.product_affiche_prix > a {
		margin-left: 1vw;
		width: 150px;
		font-size: 14;
	}

	. bouton_add_refu p{
		font-size: 4vw;
	}

	.bouton_add_cart {
		font-size: 24px;
		margin-right: 2vw;
	}


	.conteneur_surmesure_echantillon img {
		width: 12vw;
	}

	.surmesure_echantillon_validation {
		font-size: 15px;
	}


	.img_realisations {
		display: inline;
	}

	.couleurDeFond {
		height: 300px;
		margin-top: -43%;
	}

	.titre_trait_v3 h2,.titre_trait_v3 h1  {
		white-space:initial;
		margin-right: 2vw;
	}

	.titre_trait_v3 {
		font-size: 22px;
	}


	.conteneur_info_2blocs{
		display: contents;
	}

	.conteneur_info_ligne2 {
		width: 100%;
		justify-content: center;
		margin-bottom: 3vw;
	}

	.info_ligne2 {
		padding: 3vw 5vw 3vw 5vw;
	}

	.conteneur_info_ligne1 {
		width: 100%;

	}

	.conteneur_info_ligne3 {
		/*OK*/
		height: auto;
		display: contents;
		padding-bottom: 20px;
	}

	.IMG_sur_mesure {
		width: 100%;
		height: 275px;
		object-fit: cover;
	}

	.info_livraison{
		margin-top: 20px;
		padding: 2vw;
	}

	.guides_pratiques_titre{
		margin-top: 20px
	}

	.info_livraison h3{
		font-size: 16px;
	}

	.guides_pratiques_titre h3{
		font-size: 16px;
	}

	.guides_pratiques article center a img {
		width: 60px;
	}

	/*.conteneur_info_detail {
		display: block;
	}

	.conteneur_info_ligne2 {
		width: auto;
		height: 100%;
		padding: 0;
		display: block;
	}

	.info_ligne2 {
		margin: 2%;
		width: 90%;
	}

	.info_ligne2 td {
		text-align: left;
	}

	.info_ligne3 {
		margin: 0;
	}

	.conteneur_info_ligne1 {
		padding: 0;

	}

	.conteneur_info_ligne5 {
		width: auto;
		height: 350px;
	}*/

	#centrerTexte p {
		font-weight: 700;
		font-size: 18px;
	}

	select {
		height: 40px;
		width: 160px;
	}

	p {
		text-align: justify;
		font-size: 14px;
	}

	table.produits {
		width: 100%;
		display: flex;
	}

	#footer input#email {
		width: 80%;
	}

	.titre_sur_mesure {
		font-size: 22px;
		max-width: 100%;
	}

	.peinture_assoc{
		max-width: 100%;
	}


	/*------------ FIN MODIF 2023 ------------*/

	.chiffre_etape_achat{
		width: 5vw;
		height: 5vw;
		font-size: 4vw;
	}
	
	.table_etapes_achat td{
		font-size: 15px;
	}

	table.caddie {
		font-size: 14px;
	}
	
	table.caddie a {
		font-size: 14px;
	}

	#step2caddie {
		width: 100%;
		font-size: 14px;
		margin-bottom: 3vw;
		min-height: auto;
	}
	
	.caddie_net_to_pay {
		font-size: 18px;
	}

	.livraison{
		width: 100%;
		position: static;
		height :auto;
	}

	.livraison tr{
		font-size: 16px;
	}

	.livraison h3{
		font-size: 22px;
	}

	.cart_button_and_link{
		position:static;
	}

	.conteneur_bouton_next_cart{
		flex-direction: column-reverse;
		align-items: center;
		margin: 50px 0 0 0;
	}

	.caddie_link {
		width: 30vw;
		font-size: 20px;
	}

	.caddie_res{
		border-spacing: 50px;
	}

	.bouton_next_cart{
		width: 100%;
	}

	div:has(> .bouton_next_cart) {
		width: 100%;
	  }

	  table.caddie {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}


	.renvoi_etape2{
		display:block;
	}
	
	.renvoi_etape2 p{
		text-align: start;
		width: 100%;
	}

	.onestep h3{
		font-size: 22px;
	}

	.steps{
		display: inline;
	}
	  
	.stepgauche{
		margin-bottom: 5vw;
	}

	.stepdroite{
		margin-bottom: 5vw;
	}

	.step_paiment{
		margin-bottom: 5vw;
	}

	p, div {
		font-size: 14px;
	}

	.onestep p{
		font-size: 18px;
	}

	.formulaire-achat {
		height: 30px;
	}

	#entryformstep .bouton_add_cart {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}

	.step3_blocs  { 
		display:block
	}

	.step3_blocs  fieldset{ 
		height: max-content;
		min-height: 30vw;
		padding: 2vw 3vw 2vw 3vw;
		width: 100%;
		margin-top: 3vw;
	}

	.step3_date { 
		margin-left: 0;
		font-size: 18px;
	}

	.conteneur_tabs_res{
		display: contents;
	}

	.conteneur_tabs_res .tab_res_haut{
		border-right: none;
	}
	
	.conteneur_tabs_res .tab_res_bas{
		margin-left: 0px;
		width: 100%;
		margin-bottom: 30px;
	}
	
	.conteneur_tabs_res table{
		width: 100%;
	}
	
	.conteneur_tabs_res .tabs_res_intit{
		width: 45%;
	}
	
	.conteneur_tabs_res tr{
		height: 50px;
	}
	
	.etape4_resum {
		padding: 2vw 3vw 2vw 3vw;
	}

	.etape4_resum .caddie tr {
		height: 100px;
		min-height: fit-content;
	}

	.etape4_resum  table.caddie {
		width: 65vw;
    }

	.etape4_paypal {
		display: contents;
		margin-bottom: 3vw;
	}

	.etape4_transfer {
		display: contents;
		text-align: center;
	}

	.etape4_transfer a{
		margin: 3vw 20% 0 20%;
		width: 60%;
	}

	.contact_conseil_tel_showroom{
		display: block;
		margin-bottom: 3vw;
	}

	.contact_icon > a:link{
		font-size: 20px;
	}

	.contact_icon .ico_tel{
		width: 15px;
		height: 15px;
	}
	
	.contact_icon .ico_locate{
		width: 25px;
		height: 25px;
	}

	.entryform .contact_form_grid{
		display: inline;
	}

	.entryform .contact_form_grid div{
		margin-bottom: 3vw;
	}

	.entryform .contact_form_grid input{
		padding-left: 15px;
		height: 50px;
		font-size: 14px;
	}

	.entryform .contact_form_grid select{
		height: 50px;
		font-size: 14px;
	}

	.conteneur_rechercheButton input{
		padding: 10px 20px;
		font-size: 18px;
		margin: 20px;
	}

	.input_search {
		height: 40px;
	}

	.aide_recherche li{
		font-size: 16px;
	}

	button#myBtn {
		font-size: 18px;
	}

	.allProducts .allProductsGrid{
		display: grid;
		grid-template-columns: 1fr;
		margin-top: 0;
		width: 100%;
		gap: 5vw;
	}

	.allProducts img{
		width: 100%;
		height: auto;
		margin-top: 5vw;
	}

	.allProducts a p {
		font-size: 16px;
	}

	.conteneur_openFilter button {
		width: 40%;
		font-size: 16px;
	}

	.openFilter {
		width: 60%;
		line-height: 50px;
		padding-left: 2vw;
	}

	.openFilter p{
		font-size: 16px;
	 }

	 .dropdown{
		height: 50px;
	}

	.dropdown p.titreFiltre {
		font-size: 16px;
	}

	.dropdown .ligne2filtre{
		margin-left: 0;
	 }
	
	 .dropdown .conteneurUlFiltre{
		display: inline;
	 }

	.dropdown li {
		font-size: 16px;
		margin-bottom: 5px;
	}

	.dropdown input[type="checkbox"] {
		-ms-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}

	.dropdown .liste{
		display: inline;
	}

	.allprod_one span.prix{
		font-size: 18px;
	}

	.allProducts .allProductsGrid img {
		height: 70vw;
	}

	.titre_serarchSerie h1{
		white-space: initial;
	}

	.searchSerie_select select{
		font-size: 18px;
		height: 50px;
		width: 40vw;
	}

	.contact_tel_showroom .contact_img_map{
		margin-left: 5vw;
		width: 14vw;
		height: 15vw;
	}

	.tablePeinture th{
		width: 20%;
	}

	.gridPeinture{
		grid-template-columns: 1fr 1fr 1fr;
	}
	
}


/*MOBILE*/

@media only screen and (min-width:300px) and (max-width:480px) {

	/*------------ MODIF 2023 CHARLY ------------*/
	html,
	body,
	table,
	td,
	p,
	li,
	div,
	form,
	textarea,
	input,
	select {
		font-size: 16px;
	}


	/*td.file_ariane_product {
		left: 0px;
	}*/

	.ariane_product {
		left: 20px;
		/*width: 70vw;*/
	}

	.navigation_filtres {
		margin-top: 0;
	}

	.dropdown .ligne2filtre{
		margin-left: 0;
	 }
	
	 .dropdown .conteneurUlFiltre{
		display: inline;
	 }

	.descriptif p {
		font-size: 20px;
	}

	p {
		font-size: 16px;
	}
	
	/*a,
	a:link,
	a:visited {
		font-size: 14px;
	}*/


	.slider_filtre {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.fp_produit {
		flex-direction: column;
		align-items: center;
		/*margin: 0 2%;*/
	}

	div.fp_image_grande {
		width: 100%;
		height: auto;
	}

	#mainProductImage {
		height: 400px;
		margin: 0;
		width: 100%;
	}

	#files {
		/*margin-top: -11%;*/
	}

	div.descriptif {
		/*display: contents;*/
		width: 100%;
		font-size: 18px;
		text-align: left;
		padding: 5vw;
		box-sizing: border-box;
	}

	.descriptif h1 {
		font-size: 25px;
	}

	.titre_suggestion {
		font-size: 26px;
	}

	/*.img_realisations {
		max-width: 90%;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(3, 1fr);
		margin: auto;

	}*/

	.couleurDeFond {
		height: 200px;
		margin-top: -99%;
		margin-bottom: 50%;

	}

	#positionCouleurTaille {
		max-width: 100%;
	}

	#positionCouleurTaille tbody {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(1, 1fr);
		width: 100%;
		margin: 0;
		padding: 0;
	}

	#couleur {
		width: 20vw;
		height: 55px;
	}
	
	#taille {
		width: 20vw;
		height: 55px;
	}

	.affiche_critere_stock input[type=number] {
		height: 55px;
		font-size: 14px;
		width: 20vw;
	}


	/*.tr1 {
		grid-area: 1 / 1 / 2 / 2;
	}

	.tr2 {
		grid-area: 1 / 2 / 2 / 3;
	}

	.tr3 {
		grid-area: 2 / 1 / 3 / 2;
	}

	.tr4 {
		grid-area: 3 / 2 / 4 / 3;
	}

	.tr5 {
		grid-area: 2 / 2 / 3 / 3;
		display: flex;
		align-items: center;
		align-content: center;
		justify-content: center;
	}*/

	div.fp_produit .prix {
		font-size: 25px;
		height: 30px;
	}

	.product_affiche_prix {
		line-height: 5pt;
	}

	.product_affiche_prix > a {
		margin-left: 2vw;
		width: 150px;
		font-size: 12px;
	}

	.bouton_add_refu {
		height: 50px;
		margin-bottom: 15px;
	}

	.bouton_add_refu p{
		font-size: 5vw;
	}

	.bouton_add_cart {
		font-size: 20px;
		height: 50px;
		margin-bottom: 15px;
	}


	.conteneur_surmesure_echantillon img{
		width: 50px;
	}

	.surmesure_echantillon_validation {
		font-size: 12px;
	}

	.img_realisations {
		display: inline;
	}

	.couleurDeFond {
		display: none;
	}

	.titre_trait_v3 h2, .titre_trait_v3 h1 {
		white-space:initial;
		margin-right: 2vw;
	}

	.titre_trait_v3 {
		font-size: 20px;
	}

	.conteneur_info_2blocs{
		display: contents;
	}

	.conteneur_info_ligne2 {
		width: 100%;
		justify-content: center;
		margin-bottom: 3vw;
	}

	.info_ligne2 {
		padding: 5vw 7vw 5vw 7vw;
	}

	.conteneur_info_ligne1 {
		width: 100%;

	}

	.info_livraison{
		margin-top: 20px;
		padding: 2vw;
	}

	.guides_pratiques_titre{
		margin-top: 20px
	}

	.info_livraison h3{
		font-size: 16px;
	}

	.guides_pratiques_titre h3{
		font-size: 16px;
	}

	.guides_pratiques article center {
		width: 100%;
	}

	.guides_pratiques article center a img {
		width: 60px;
		height: auto;
		padding: 10px;
	}

	/*.conteneur_info_detail {
		display: block;
	}

	.conteneur_info_ligne2 {
		width: auto;
		height: 100%;
		padding: 0;
		display: block;
	}

	.info_ligne2 {
		margin: 2%;
		width: 90%;
	}

	.info_ligne2 td {
		text-align: left;
	}

	.info_ligne3 {
		margin: 0;
	}

	.conteneur_info_ligne1 {
		padding: 0;

	}

	.conteneur_info_ligne5 {
		width: auto;
		height: 350px;
	}*/

	#centrerTexte p {
		font-weight: 700;
		font-size: 18px;
	}

	select {
		height: 40px;
		width: 160px;
	}

	p, div {
		font-size: 14px;
	}

	table.produits {
		width: 100%;
		display: flex;
		padding: 0;
	}

	#footer input#email {
		width: 80%;
	}

	.titre_sur_mesure, .peinture_assoc {
		font-size: 22px;
		max-width: 100%;
	}

	.conteneur_info_ligne2_responsive li {
		list-style-type: none;
		text-align: center;
		font-size: 14px;
	}

	.home_slot2-txt {
		width: 85%;
	}


	.associated_product table.fc {
		height: auto;
		width: 50px;
	}
	


	/*------------ FIN MODIF 2023 ------------*/


	/************************************** GENERAL******************************/

	body {
		background-image: none;
		background-color: #ffffff;
		margin: 0;
		font-size: 5em;
	}

	#total {
		width: 100%;
	}

	#main_content {
		float: left;
		width: 100%;
		margin-top: 0px;
		/*display: flex;    modif 12-26 pr affichage home page*/
		justify-content: center;
		/* MODIF was10 */
		clear: both;
		z-index: 1;
	}


	#footer .footer_info{
		width: 100%;
		height: auto;
		float: left;
		margin: 0 auto;
		/*padding: 20px 15px 15px 30px;*/
	}

	.pan-haut1 {
		width: 25%;
		height: auto;
	}

	.search-mobile img{
		width: 20px;
		margin-right: 2vw;
	}

	.pan-haut3 {
		width: 25%;
	}

	.pan-haut2 {
		width: 50%;
	}

	.pan-haut2 a{
		font-size: 8px;
		position: relative;
		top: 5px;
	}

	.pan-haut2 table {
		height: 60px;
	}

	.logoIMG {
		background-size: 160px;
	}


	.pan-haut1-mobile {
		z-index: 10;
		float: left;
		background-color: #fff;
		overflow: hidden;
		display: flex;
		width: 100%;
	}

	.pan-haut2-mobile {
		z-index: 10;
		float: left;
		background-color: #fff;
		overflow: hidden;
		display: block;
		width: 100%;

	}

	.pan-haut3-mobile {
		z-index: 10;
		float: left;
		background-color: #fff;
		overflow: hidden;
		display: block;
		width: 100%;

	}

	.pan-haut4 {
		float: left;
		background-color: #fff;
		overflow: hidden;
		display: inline;
		width: 75px;
		height: 21px;
		margin-top: -25px;
		margin-left: 164px;
		padding: 0px 2px 2px 2px;
		border: 1px solid #B89E83;
		border-radius: 4px 4px 4px 4px;

	}

	.pan-haut5 {
		float: left;
		background-color: #457750;
		/*overflow :hidden;*/
		font-family: "Arial", sans-serif;
		font-size: 5px;

		display: inline;
		color: rgba(255, 255, 255, 1);
		width: 100%;

		height: 20px;
		margin-top: -7px;
		margin-right: 5%;
		padding: 0px 0px 0px 0px;
		/*	border: 1px solid #B89E83;
	border-radius: 4px 4px 4px 4px;*/

	}

	.global-notice {
		float: center;
		background-color: #ffff90;
		padding: 0px 0px 0px 0px;
		text-align: center;
		overflow: hidden;
		height: 70px;
		width: 100%;
	}

	.pan-haut-responsive {
		z-index: 5;
		float: left;
		background-color: #fff;
		overflow: hidden;
		margin-top: 0px;
		display: block;
		width: 100%;
		height: auto;
	}

	.header_basiclblock {
		display: none;
	}

	.right_column {
		display: none;
	}

	.column_4 .middle_column {
		width: 100%;
	}

	.column_4 .middle_column_header {
		background-image: url('../../peel6 - Copie/images/header_column_2_middle_column.jpg');
		background-repeat: no-repeat;
		background-position: left top;
		height: 240px;
	}

	.column_4 .middle_column_repeat {
		padding: 10px 0px 0px 2%;
		background-repeat: repeat-y;
		background-position: top right;
		width: 98%;
		float: none;
		z-index: 2;
	}

	.header_ariane {
		clear: both;
		float: left;
		/*width: 250px;*/
		height: 15px;
		padding-top: 12px;
		padding-bottom: 12px;
		padding-left: 0px;
		margin: 0;
	}

	.column_4 .middle_column {
		padding: 0;
	}

	.header_caddie {
		display: none;
	}

	.left_column {
		display: none;
	}

	.single_column h2 {
		padding: 0;
		margin: 0;
		margin-right: 12px;
		font-size: 26px;
	}

	.single_column {
		padding: 0;
		margin-left: 1vw;
		margin-right: 1vw;
	}

	/*.single_column p {
		margin: 0;
	}*/
	.column_4 .single_column{
		margin-left: 6vw;
		margin-right: 8vw;

	}

	h1 {
		font-size: 20px;
	}

	/*.moyen_paiement {
		width: 95%;
	}*/
	.titre_slider_home h1 {
		font-size: 50px;
	}

	.titre_slider_home2 h2 {
		font-size: 40px;
	}

	/************************************* FIN GENERAL****************************/

	/*********************************** HEADER **************************************/

	#main_header {
		position: relative;
		background-color: #fff;
		background-repeat: no-repeat;
		margin: 0 auto 0 auto;
		width: 100%;
		height: auto;
		display: block;
		float: left;
		text-align: left;
		clear: both;
		/*	border-bottom: 2px solid #000;*/

	}

	#menu1 .menu_home {
		display: none;
	}

	/*#menu1 .menu_order {
		display: none;
	}
*/

	/* début search */
	#main_header #top_search {
		top: 105px;
		padding-left: 30px;
		position: absolute;
		background-color: none;
		background-repeat: no-repeat;
		background-position: center;
		z-index: 2000;
		margin: 0px;
		top: 54px;
		left: 20px;
		/* dzcalage de la recherche a partir de gche */
		width: 200px;
		height: 24px;
		text-align: left;
		vertical-align: middle;
	}

	#main_header #top_search form,
	#top_search fieldset,
	#top_search input {
		position: absolute;
		padding: 0px;
		margin: 0px;
	}

	#main_header #top_search form {
		border: 0px;
	}

	#main_header #top_search fieldset {
		border: 0px;
	}

	#main_header #top_search form {
		padding-left: 10px;
	}

	#main_header #top_search input.bouton_go {
		left: 100px;
	}

	#main_header select#brand {
		position: absolute;
		left: 260px;
		top: 1px;
		width: 90px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		border: 1px solid #C2C2C2;
		/*    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;*/
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}

	.sideblocktitle select#brand,
	.sideblock select#brand {
		width: 200px;
		margin: 2px;
	}

	.sideblocktitle #recherche fieldset,
	.sideblock #recherche fieldset {
		border: 0px;
	}

	.sideblocktitle input#search,
	.sideblock input#search {
		width: 110px;
		border: 1px solid #000;
		background: url('../images/go.png');
	}

	/* fin search */


	.container1 {
		position: relative;
		width: 90%;
		height: auto;
		padding-bottom: 0px;
	}

	.container1 .A {
		float: left;
		margin: 0 0 0 0;
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	.container1 .B {
		margin: 0 0 0 0;
		width: 100%;
		height: auto;
		overflow: hidden;

	}

	.container1 p {
		font-size: 11px;
		text-align: justify;
	}

	.titre-home {
		width: 90%;
		height: auto;
	}

	#jssor_1 {
		top: 0px;
	}

	/*********************************** ACCUEIL VIGNETTES ********************************/

	.home_slot1-A {
		width: 97%;
		height: 273px;
		margin: 0px 0px 20px 6px;
		overflow: hidden;
	}

	.home_slot1-A h3 {
		font-size: 14px;
		top: 205px;
		left: 5px;
	}

	.home_slot2-A,
	.home_slot2-NEW {
		width: 97%;
		height: 273px;
		margin: 0px 0px 20px 6px;
		overflow: hidden;
	}

	.home_slot1-A h3 {
		font-size: 16px;
		top: 205px;
		left: 5px;
		font-weight: 100;
	}

	.home_slot2-A h3,
	.home_slot2-NEW h3 {
		font-size: 16px;
		top: 205px;
		left: 5px;
	}

	.home_slot2-A h2,
	.home_slot2-NEW h2 {
		font-size: 13px;
		top: 235px;
		left: 8px;
	}

	.home_slot1-A h2 {
		font-size: 13px;
		top: 235px;
		left: 8px;
	}

	.home_slot-large {
		width: 97%;
		height: 273px;
		margin: 0px 0px 20px 6px;
		overflow: hidden;
	}

	.home_slot-large h3 {
		font-size: 16px;
		top: 205px;
		left: 5px;
	}

	.home_slot-large h2 {
		font-size: 13px;
		top: 235px;
		left: 8px;
	}

	.home_slot-large img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.home_slot2-A img,
	.home_slot2-NEW img {
		width: 210%;
	}

	/*********************************** FIN ACCUEIL VIGNETTES ************************/


	/************************************* SLIDER FILTRE****************************/
	.navigation_filtres {
		justify-content: center;
	}

	.navigation_filtres ul {
		padding: 0;
		padding-bottom: 10px;
		padding-top: 10px;
	}

	.navigation_filtres ul li a {
		padding-left: 5px;
		font-size: 12px;
		padding-right: 5px;
	}

	.filtrer_li {
		display: none;
	}

	.afficher_masquer {
		display: none;
	}

	.full_slider {
		margin-top: 38px;
	}

	.conteneur_sliders {
		padding-bottom: 3px;
	}

	.p_fo {
		padding-right: 0;

	}

	.fo img {
		padding-right: 0px
	}

	.navigation_filtres ul li a:hover {
		padding-left: 5px;
		padding-right: 5px;
	}

	.prev {
		top: 60px;
	}

	.next {
		top: 60px;
	}

	.box p {
		padding-top: 5px;
		height: 47px;
	}

	/*********************************** FIN SLIDER FILTRE******************************/


	/****************************************** FICHE PRODUIT****************************/

	div.fp_image_grande {
		width: 320px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin: auto;
	}

	.image_grande {
		/*OK*/
		display: block;
		margin: auto;
		width: 320px;
	}

	.zoom {
		height: 270px;
		margin-left: -9px;
	}

	.titre_trait {
		/*OK*/
		margin-bottom: 0px;
		margin-left: 0px;
		margin-right: 0px;
		display: block;
	}

	.conteneur_info {
		/*OK*/
		margin-left: 8vw;
        margin-right: 8vw;
	}

	#files {
		/*OK*/
		text-align: center;
		display: block;
		position: relative;
		margin-bottom: 50px;
		top: 35px;
		
	}

	#files img {
		/*OK*/
		height: 15vw;
	}

	div.fp_produit {
		/*OK*/
		flex-direction: column;
		align-items: center;
		margin-left: 0px;
		margin-right: 0px;
	}

	div.descriptif {
		/*OK*/
		display: block;
		width: 100%;
		float: none;
		margin: 0;
		padding: 4vw;
		box-sizing: border-box;
	}

	.infos {
		/*A VERIFIER*/
		float: left;
		background-color: #fff;
		border-radius: 4px;
		overflow: hidden;
		border: 0px solid #ddd;
		width: 253px;
		margin-right: 0px;
		margin-bottom: 10px;
		margin-left: 0px;
		height: 198px;
		/*taill des vignettes  340 338
	box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.18); */
	}

	.deco_titre {
		/*OK*/
		display: none;
	}

	.conteneur_info_ligne1 {
		/*OK
		flex-direction: column;
		justify-content: center;
		display: block;
		margin: auto;
		margin-top: 0px;
		padding-bottom: 10px;
		margin-left: 0px;
		margin-right: 0px;
		padding-bottom: 20px;
		border-bottom: 1.5px solid #B89E83;*/
	}

	.conteneur_info_ligne2 {
		/*OK
		background-color: blanchedalmond;
		position: absolute;
		left: 9999999;
		display: none;*/
	}

	.conteneur_info_ligne2_responsive {
		/*OK
		display: contents;
		background-color: blanchedalmond;
		position: relative;
		left: 0;
		padding-bottom: 20px;*/
	}

	.conteneur_info_ligne3 {
		/*OK*/
		height: auto;
		display: contents;
		padding-bottom: 20px;
	}

	.conteneur_info_4 {
		/*padding-bottom: 20px;
		border-bottom: 1.5px solid #B89E83;*/
	}

	.info_ligne2 {
		/*OK
		flex-direction: column;
		justify-content: center;*/
		line-height: 1.5em;
	}

	.info_ligne2 li {
		/*OK
		text-align: center;*/
	}

	.info_ligne2 ul {
		/*OK
		padding: 0;
		margin: 0;*/
	}

	.info_ligne3 {
		/*OK
		margin-left: 10px;
		margin-right: 10px;*/
	}

	.contenu_sm {
		/*OK*/
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: 0px;
	}

	.contenu_sm article {
		/*OK*/
		padding-bottom: 5px;
	}

	.infos_tab {
		/*OK*/
		display: contents;
		flex-direction: column;
		height: 100px;
		border: none;
		width: 100%;
	}

	.infos_tab1 {
		/*OK*/
		flex-direction: column;
		border: none;
		/*	width:320px;*/
	}

	.conteneur_info_ligne1 li {
		/*OK*/
		list-style-type: none;
		text-align: center;
	}

	.conteneur_info_ligne1 ul {
		/*OK*/
		margin: 0;
		padding: 0;
	}

	.conteneur_info_ligne2 li {
		/*OK*/
		list-style-type: none;
		text-align: center;
	}

	.conteneur_info_ligne0 {
		margin-left: 8vw;
		margin-right:  8vw;
	}
	
	.titre_sur_mesure, .peinture_assoc {
	margin-left:  8vw;
	margin-right:  8vw;
	}

	/*.img_realisations {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-content: center;
		margin-left: auto;
		margin-right: auto;
	}

	.img_realisations img {
		width: 80%;
		margin: auto;
	}*/

	.infos {
		height: 120px;
		width: 100%;
	}

	.text_intro_sm {
		/*OK*/
		display: none;
		position: absolute;
		left: 99999;
	}

	.article_sm {
		/*OK*/
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 20%;
	}

	table.produits {
		/*OK*/
		padding: 0;
		display: flex;
		width: 100%;
	}




	/*********************************** FIN FICHE PRODUIT*****************************/

	/*********************************** NEWS ET ACTUS*****************************/

	#news-columns {
		margin-left: 0;
		padding-right: 0;
		padding-left: 16px;
		padding-right: 16px;
		box-sizing: border-box;
	}

	.article {
		margin: 0;
	}

	.news {
		float: left;
		background-color: #F2F2F2;
		/*padding-left: 10px;*/
		overflow: hidden;
		width: 340px;
		margin-right: 0px;
		margin-bottom: 17px;

		height: 450px;
		/*taill des vignettes  340 338*/
		box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.18);
	}

	.news img {
		width: 340px;
		height: 210px;
	}

	.news p {
		color: #000;
		padding-left: 20px;
		float: left;
		font-size: 14px;
		width: 310px;
	}

	div#news-columns:hover figure:not(:hover) {
		opacity: 1;
	}

	/************************************* FIN NEWS ET ACTU ******************************/

	/*************************************** FOOTER *************************************/

	#footer .affiche_contenu_html_footer {
		width: auto;

	}

	#footer input#email {
		/*width: 200px;*/
		height: 35px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		/*  box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;*/
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		top: 2px;

	}

	#footer #pre_footer {
		clear: both;
		margin: 0 auto;
		text-align: center;
		width: 100%;
		height: 10%;

	}

	#footer .footer_info h3 {
		font-size: 11px;
		font-family: 'Cormorant Infant', serif;
	}

	#footer li {
		font-size: 16px;
		font-family: 'Cormorant Garamond', serif;
	}


	.link-main {
		float: left;
		display: flex;
		flex-direction: column;
		font-size: 12px;
		font-weight: light;
		background-color: #ffffff;
		border: .5px solid #B89E83;
		overflow: hidden;
		/*width: 260px;	*/
		width: 80%;
		padding: 3px;
		padding-left: 10px;
		padding-right: 10px;
		margin-left: 25px;
		margin-bottom: 15px;
		margin-left: 25px;
		height: 20px;
		overflow: auto;
		/*taill des vignettes  340 338
	box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.18); */
	}

	/************************************* FIN FOOTER **********************************/

	.chiffre_etape_achat{
		width: 9vw;
		height: 9vw;
		font-size: 7vw;
	}

	.deco_titre_etapes{
		width: 18vw;
	}

	.table_etapes_achat td{
		font-size: 15px;
	}

	table.caddie {
		font-size: 12px;
	}
	
	table.caddie a {
		font-size: 12px;
	}

	#step2caddie {
		width: 100%;
		font-size: 12px;
		margin-bottom: 3vw;
		min-height: auto;
	}
	
	.caddie_net_to_pay {
		font-size: 16px;
	}

	.livraison{
		width: 100%;
		position: static;
		height :auto;
	}

	.livraison tr{
		font-size: 14px;
	}

	.livraison h3{
		font-size: 18px;
	}


	.cart_button_and_link{
		position:static;
	}

	.conteneur_bouton_next_cart{
		flex-direction: column-reverse;
		align-items: center;
		margin: 30px 0 0 0;
	}

	.caddie_link {
		width: 35vw;
		font-size: 18px;
	}

	.caddie_res{
		border-spacing: 50px;
	}

	.bouton_next_cart{
		width: 100%;
	}

	div:has(> .bouton_next_cart) {
		width: 100%;
	  }

	  table.caddie {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}
	  

	.renvoi_etape2{
		display:block;
	}
	
	.renvoi_etape2 p{
		text-align: start;
		width: 100%;
	}

	.onestep h3{
		font-size: 18px;
	}

	.steps{
		display: inline;
	}

	.stepgauche{
		margin-bottom: 5vw;
	}

	.stepdroite{
		margin-bottom: 5vw;
	}

	.step_paiment{
		margin-bottom: 5vw;
	}

	.onestep p{
		font-size: 16px;
	}

	.formulaire-achat {
		width: 50%;
		height: 30px;
		
	}

	#entryformstep .bouton_add_cart {
		margin-right: 0;
		margin-left: 0;
		width: 100%;
	}
	
	.step3_blocs  { 
		display:block
	}

	.step3_blocs  fieldset{ 
		height: max-content;
		min-height: 30vw;
		padding: 2vw 3vw 2vw 3vw;
		width: 100%;
		margin-top: 3vw;
	}

	.conteneur_tabs_res{
		display: contents;
	}

	.conteneur_tabs_res .tab_res_haut{
		border-right: none;
	}
	
	.conteneur_tabs_res .tab_res_bas{
		margin-left: 0px;
		width: 100%;
		margin-bottom: 30px;
	}
	
	.conteneur_tabs_res table{
		width: 100%;
	}
	
	.conteneur_tabs_res .tabs_res_intit{
		width: 45%;
	}
	
	.conteneur_tabs_res tr{
		height: 50px;
	}
	
	.etape4_resum {
		padding: 2vw 3vw 2vw 3vw;
	}

	.etape4_resum .caddie tr {
		height: 100px;
		min-height: fit-content;
	}

	.etape4_resum  table.caddie {
		width: 65vw;
    }

	.etape4_paypal {
		display: contents;
		margin-bottom: 3vw;
	}

	.etape4_transfer {
		display: contents;
		text-align: center;
	}

	.etape4_transfer a{
		margin: 3vw 20% 0 20%;
		width: 60%;
	}

	.contact_conseil_tel_showroom{
		display: block;
		margin-bottom: 3vw;
	}

	.contact_tel_showroom{
		padding: 20px 20px 25px 20px;
	}

	.contact_icon > a:link{
		font-size: 16px;
	}

	.contact_icon .ico_tel{
		width: 15px;
		height: 15px;
	}
	
	.contact_icon .ico_locate{
		width: 25px;
		height: 25px;
	}

	.contact_tel_showroom hr{
		margin: 15px 0;
	}

	.entryform .contact_form_grid{
		display: inline;
	}

	.entryform .contact_form_grid div{
		margin-bottom: 3vw;
	}

	.entryform .contact_form_grid input{
		padding-left: 10px;
		height: 40px;
		font-size: 12px;
	}

	.entryform .contact_form_grid select{
		height: 40px;
		font-size: 12px;
	}

	.search_inputSelect {
		text-align: left;
	}

	.input_search {
		width: 100%;
		margin: 10px 0;
		padding-left: 10px;
		height: 40px;
	}

	.search_inputSelect select{
		width: 45%;
	}
	
	.conteneur_rechercheButton input {
		position: absolute;
		width: 40%;
		height: 40px;
		font-size: 18px;
		right: 7vw;
		top: 237px;
	}

	.aide_recherche h3{
		font-size: 18px;
	}

	.aide_recherche li{
		font-size: 14px;
	}

	button#myBtn {
		font-size: 14px;
		padding: 5px 10px;
	}

	.allProducts img{
		width: 100%;
		height: auto;
		margin-top: 5vw;
	}

	.allProducts a p {
		font-size: 14px;
	}

	.conteneur_openFilter button {
		width: 50%;
		font-size: 14px;
	}

	.openFilter {
		width: 50%;
		line-height: 50px;
		padding-left: 3vw;
	}

	.openFilter p{
		font-size: 14px;
	 }

	 .dropdown{
		height: 50px;
	}

	.dropdown p.titreFiltre {
		font-size: 14px;
	}

	.dropdown li {
		font-size: 14px;
		margin-bottom: 5px;
	}

	.dropdown input[type="checkbox"] {
		-ms-transform: scale(1.3);
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}

	.dropdown .liste{
		display: inline;
	}

	.titre_serarchSerie{
		padding: 0 8vw;
	}

	.allprod_one span.prix{
		font-size: 16px;
	}

	.allProducts .allProductsGrid img {
		height: 70vw;
	}

	.searchSerie_select select{
		font-size: 16px;
		height: 40px;
		width: 50vw;
	}

	.contact_tel_showroom .contact_img_map{
		margin-left: 5vw;
		width: 60px;
		height: 70px;
	}

	.tablePeinture th{
		width: 20%;
	}

	.peintureCouleur{
		margin:5px 10% 5px 10%;
		width: 80%;
		height: 50px;
	}

	.gridPeinture{
		grid-template-columns: 1fr 1fr 1fr;
	}

}

/******************************* VIGNETTES ET CATALOGUE ******************************/

@media only screen and (min-width : 300px) and (max-width : 340px) {

	.vignette {
		float: left;
		border-radius: 0px;
		overflow: hidden;
		/*border: 1px solid #ddd;*/
		width: 95px;
		margin-right: 5px;
		margin-bottom: 0px;
		margin-left: 0px;
		height: 95px;
		/*taill des vignettes  340 338
	box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.18); */
	}

	.vignette img {
		width: 100%;
		height: auto;
	}

	/************************************* CATALOGUE ***********************************/
	.catalogue_home {
		margin-top: 30px;
		margin-bottom: 25px;
		height: 220px;
		overflow: hidden;
		position: relative;
	}

	.catalogue_titre4 {
		top: 145px;
		left: 0;
		line-height: 0px;
		padding-top: 0px;
	}

	.catalogue_titre4 h2 {
		font-size: 17px;
		margin-top: 0;
		padding: 0px;
		text-align: center;
		line-height: 20px;
	}

	.catalogue_titre5 {
		top: 165px;
		left: 0;
		line-height: 0px;
		padding-top: 0px;
		padding: 4px;
	}

	.catalogue_titre5 h3 {
		font-size: 14px;
		text-align: center;
	}

	.catalogue_titre2 {
		top: 183px;
		right: 0;
		line-height: 0px;
		padding-top: 0px;
	}

	.catalogue_titre2 h2 {
		font-size: 17px;
		margin-top: 0;
		padding: 0px;
		text-align: center;
		line-height: 20px;
	}

	.catalogue_titre3 {
		top: 202px;
		right: 0;
		line-height: 0px;
		padding-top: 0px;
		padding: 4px;
	}

	.catalogue_titre3 h3 {
		font-size: 14px;
		text-align: center;
	}

	

	/************************************* FIN CATALOGUE ****************************/
}

/**************************************** FIN VIGNETTES ******************************/

@media only screen and (min-width : 340px) and (max-width : 480px) {

	.vignette {
		float: left;
		border-radius: 0px;
		overflow: hidden;
		/*border: 1px solid #ddd;*/
		width: 107px;
		margin-right: 5px;
		margin-bottom: 0px;
		margin-left: 0px;
		height: 107px;
		/*taill des vignettes  340 338
	box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.18); */
	}


	/************************************* CATALOGUE ***********************************/
	.catalogue_home {
		margin-top: 30px;
		margin-bottom: 25px;
		height: 220px;
		overflow: hidden;
		position: relative;
		display: block;
	}

	.catalogue_titre4 {
		top: 62px;
		/*left: 0;
		line-height: 0px;
		padding-top: 0px;*/
	}

	.catalogue_titre4 h3 {
		font-size: 17px;
		margin-top: 0;
		padding: 0px;
		text-align: center;
		line-height: 20px;
	}

	.catalogue_titre5 {
		top: 90px;
		/*left: 0;
		line-height: 0px;
		padding-top: 0px;
		padding: 4px;*/
	}

	.catalogue_titre5 h4 {
		font-size: 14px;
		text-align: center;
	}

	.catalogue_titre2 {
		top: 62px;
		/*right: 0;
		line-height: 0px;
		padding-top: 0px;*/
	}

	.catalogue_titre2 h3 {
		font-size: 17px;
		margin-top: 0;
		padding: 0px;
		text-align: center;
		line-height: 20px;
	}

	.catalogue_titre3 {
		top: 90px;
		/*right: 0;
		line-height: 0px;
		padding-top: 0px;
		padding: 4px;*/
	}

	.catalogue_titre3 h4 {
		font-size: 14px;
		text-align: center;
	}

	.step3_date { 
		margin-left: 0;
		font-size: 14px;
	}

	/************************************* FIN CATALOGUE ****************************/

}

@media only screen and (min-width : 940px) and (max-width:985px) {

	#main_content {
        margin-top: 110px;
    }

	.pan-haut2 table {
        height: 80px;
    }

	.pan-haut2 a {
        top: 20px;
    }

	.search-mobile img{
		width: 30px;
		margin-right: 2vw;
	}
}

/**************************************** FIN VIGNETTES ******************************/

@media only screen and (min-width : 480px) and (max-width : 630px) {

	table.produits {
		display: flex;
		width: 100%;
		padding: 0;
	}

	.fdblanc {
		opacity: 1;
		position: absolute;
		top: 120;
		margin-top: 0;
		left: 0;
		height: 50px;
		border-top: 1px solid #B89E83;
	}

	.vignette h3 {
		color: #6E6E6E;
		font-family: "Open Sans", sans-serif;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: 200;
		margin-left: 5px;
		text-align: left;
		z-index: 15;
		position: absolute;
		top: 120;
		left: 0;
	}

	/*********************************** FIN VIGNETTES **************************************/


	/******************************** FIN VIGNETTES ******************************/

	/************************************* CATALOGUE ***********************************/
	/*.catalogue_home {
		margin-top: 30px;
		margin-bottom: 20px;
		height: 300px;
		overflow: hidden;
		position: relative;
	}

	.catalogue_titre4 {
		top: 150px;
		line-height: 50px;
		padding-top: 0px;
	}

	.catalogue_titre4 h2 {
		font-size: 25px;
		padding: 4px;
	}

	.catalogue_titre5 {
		top: 187px;
		line-height: 30px;
		padding-top: 0px;
	}

	.catalogue_titre5 h3 {
		font-size: 17px;
	}

	.catalogue_titre2 {
		top: 150px;
		line-height: 50px;
		padding-top: 0px;
	}

	.catalogue_titre2 h2 {
		font-size: 25px;
		padding: 4px;
	}

	.catalogue_titre3 {
		top: 187px;
		line-height: 30px;
		padding-top: 0px;
	}

	.catalogue_titre3 h3 {
		font-size: 17px;
	}
*/
	/************************************* FIN CATALOGUE ****************************/
}

@media only screen and (min-width : 630px) and (max-width : 890px) {

	.vignette {

		/*float: left;
		position: relative;
		overflow: hidden;
		background-color: #fff;
		width: 100%;
		margin-left: 0px;
		height: 200px;
		taill des vignettes  340 338*/
	}




	/******************************** FIN VIGNETTES ******************************/

	/************************************* CATALOGUE ***********************************/
	/*
	.catalogue_home {
		height: 300px;
	}

	.catalogue_titre4 {
		top: 150px;
		line-height: 50px;
		padding-top: 0px;
	}

	.catalogue_titre4 h2 {
		font-size: 30px;
		padding: 4px;
	}

	.catalogue_titre5 {
		top: 188px;
		line-height: 30px;
		padding-top: 0px;
	}

	.catalogue_titre5 h3 {
		font-size: 23px;
	}

	.catalogue_titre2 {
		top: 150px;
		line-height: 50px;
		padding-top: 0px;
	}

	.catalogue_titre2 h2 {
		font-size: 30px;
		padding: 4px;
	}

	.catalogue_titre3 {
		top: 188px;
		line-height: 30px;
		padding-top: 0px;
	}

	.catalogue_titre3 h3 {
		font-size: 23px;
	}
*/
	/************************************* FIN CATALOGUE ****************************/

}

/************************************* GRILLE RUBRIQUES ****************************/


@media only screen and (min-width : 690px) and (max-width : 940px) {

	table.grille_rubriques .vignette h3 a {

		font-size: 11px;
		margin-left: 2px;
		text-align: left;

	}

}

@media only screen and (min-width : 750px) and (max-width : 890px) {

	table.grille_rubriques {

		padding-left: 50px;
	}

}

@media only screen and (min-width : 300px) and (max-width : 890px) {

	.vignette span {
		font-size: 12px;
	}

}


@media only screen and (min-width : 630px) and (max-width : 750px) {

	table.grille_rubriques {

		padding-left: 20px;
	}

}

@media only screen and (min-width : 630px) and (max-width : 690px) {

	table.grille_rubriques .vignette {

		width: 180px;
		height: 180px;

	}

}

@media only screen and (min-width : 565px) and (max-width : 690px) {

	table.grille_rubriques .vignette h3 a {

		font-size: 9px;
		margin-left: 2px;
		text-align: left;

	}

}

@media only screen and (min-width : 480px) and (max-width : 630px) {

	table.grille_rubriques {

		padding-left: 20px;
	}

}

@media only screen and (min-width : 575px) and (max-width : 630px) {

	table.grille_rubriques .vignette h3 {

		top: 130px;

	}

	table.grille_rubriques .vignette .fdblanc {

		top: 130px;

	}

}

@media only screen and (min-width : 505px) and (max-width : 565px) {

	table.grille_rubriques .vignette {

		width: 140px;
		height: 140px;

	}

	table.grille_rubriques .vignette h3 a {

		display: none;

	}

	table.grille_rubriques .vignette .fdblanc {

		display: none;

	}

}

@media only screen and (min-width : 475px) and (max-width : 505px) {

	table.grille_rubriques .vignette {

		width: 120px;
		height: 120px;

	}

}

@media only screen and (min-width : 300px) and (max-width : 480px) {

	table.grille_rubriques {

		padding-left: 30px;
	}


.home-slot2-A {

	flex-wrap:wrap;
}
}

@media only screen and (min-width : 300px) and (max-width : 375px) {

	table.grille_rubriques .vignette {

		width: 80px;
		height: 80px;

	}

}







@media only screen and (min-width: 300px) and (max-width: 480px) {
	.artPART1 {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.artIMGILUSTR {
		width: 100%;
		height: 36vh;
		object-fit: cover;
	}

	div {
		font-size: 14px;
		margin-bottom: 0px;
	}

	.menu_ondemand {
		display: none;
	}

	.IMG_sur_mesure {
		width: 100%;
		height: 275px;
		object-fit: cover;
	}
}

@media only screen and (min-width: 480px) and (max-width: 720px) {
	.artPART1 {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.artIMGILUSTR {
		width: 100%;
		height: 45vh;
		object-fit: cover;
	}

	#footer .footer_info {
		width: 70%;
	}

	/*div {
		font-size: 18px;
	}*/

	#menu1 .menu_main_item a {
		padding: 4px 54px 0px 10px;
	}

	.menu_ondemand {
		display: none;
	}
}

@media only screen and (min-width: 720px) and (max-width: 880px) {
	.artPART1 {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.artIMGILUSTR {
		width: 100%;
		height: 60vh;
		object-fit: cover;
	}

	#menu1 .menu_main_item a {
		padding: 4px 54px 0px 10px;
	}
}

@media only screen and (min-width: 630px) and (max-width: 840px) {

	.home-slot2-A table:nth-child(1) {
		display: none;
	}

	.produit_a_la_une {
		height: 38vh;
		width: 38vw;
	}
	.produit_selection {
		height: 33vh;
		width: 38vw;
	}
}

@media only screen and (min-width: 300px) and (max-width: 630px) {

	.home-slot2-A table:nth-child(1) {
		display: none;
	}

	.home-slot2-A table:nth-child(2) {
		display: none;
	}

	.produit_a_la_une {
		height: 42vh;
		width: 64vw;
	}
	.produit_selection {
		height: 17vh;
		width: 64vw;
	}

}

@media only screen and (min-width: 300px) and (max-width: 720px) {


	.vignette h3 {
		display: none;
	}

	.vignette p {
		display: none;
	}

	.txtsousinsta {
		display: grid;
		align-items: start;
		justify-items: center;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(2, 1fr);
		grid-column-gap: 0px;
		grid-row-gap: 0px;
	}

	/*.affiche_contenu_html_footer table tbody tr:nth-child(5) td {
		display: grid;
		align-items: start;
		justify-items: center;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(2, 1fr);
		grid-column-gap: 0px;
		grid-row-gap: 0px;
	}*/

	#footer .footer_info {
		height: auto;
	}
}

@media only screen and (min-width: 721px) and (max-width: 1540px) {

	.vignette h3 {
		font-size: 14px;
	}

	.vignette p {
		display: none;
	}

}

@media only screen and (min-width: 1720px) {

	.catalogue_home img {
		margin-top: -220px;
	}
}

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

	.home_slot2-A,
	.home_slot2-NEW {
		width: 30%;
	}

}
@media only screen and (min-width: 1024px) and (max-width: 1243px) {

	.vignette .prix {
		margin-left: 75%;
		margin-top: -33px;
		font-size: 16px;
	}
	.vignette span {
		font-size: 16px;
	}

}
@media only screen and (min-width: 940px) and (max-width: 1023px) {

	.vignette .prix {
		margin-left: 73%;
		font-size: 14px;
		margin-top: -28px;
	}
	.vignette span {
		font-size: 14px;
	}

}
@media only screen and (min-width: 720px) and (max-width: 939px) {

	.vignette {
		float: left;
		position: relative;
		overflow: hidden;
		background-color: #575757;
		max-width: none;
		width: 28vw;
		margin-right: 20px;
		margin-left: 20px;
		height: 20vh;
		/*border: 1px solid #B89E83;*/
	}

	.vignette .prix {
		margin-left: 72%;
		margin-top: -22px;
		font-size: 14px;
	}
	.vignette span {
		font-size: 14px;
		top: 85%;
	}

}
@media only screen and (min-width: 631px) and (max-width: 719px) {

	.fdblanc{
		top: 75%;
	}
	.vignette {
		float: left;
		position: relative;
		overflow: hidden;
		background-color: #575757;
		max-width: none;
		width: 28vw;
		margin-right: 20px;
		margin-left: 20px;
		height: 20vh;
		/*border: 1px solid #B89E83;*/
	}
	.vignette .prix {
		margin-left: 70%;
		font-size: 12px;
		margin-top: -20px;
	}
	.vignette span {
		top: 77%;
		font-size: 12px;
	}
}
@media only screen and (min-width: 300px) and (max-width: 630px) {

	td.produit_col {
		border-bottom: 0px dotted #998F8C;
		padding-top: 4%;
		display: grid;
		grid-auto-columns: 1fr;
		grid-template-columns: 1fr;
	}

	.vignette {
		/* float: left; */
		position: relative;
		overflow: hidden;
		background-color: #fff;
		max-width: none;
		width: 100%;
		margin: 10px;
		height: auto;
	}
	.fdblanc{
		top: 80%;
	}
	.vignette .prix {
		margin-left: 76%;
		font-size: 16px;
		margin-top: -25px;
	}
	.vignette span {
		top: 82%;
		font-size: 16px;
	}
}

@media only screen and (min-width: 980px){
	.vignette {
		height: 33vh;
	}
}
@media only screen and (min-width: 600px) and (max-width: 768px) {

	.home_slot2-A,
	.home_slot2-NEW {
		width: 30%;
	}

}

@media only screen and (min-width: 481px) and (max-width: 600px) {

	.home_slot1-A {
		width: 53%;
	}

	.home_slot2-A,
	.home_slot2-NEW {
		width: 25%;
	}

	.home_slot-large {
		width: 81%;
	}

}

@media only screen and (min-width: 480px) and (max-width: 990px) {

	.catalogue_home {
		margin-top: 30px;
		margin-bottom: 20px;
		height: 300px;
		overflow: hidden;
		position: relative;
	}

	.catalogue_titre4 {
		top: 72px;
		padding-top: 0px;
	}

	.catalogue_titre4 h3 {
		font-size: 22px;
		padding: 4px;
	}

	.catalogue_titre5 {
		top: 116px;
		padding-top: 0px;
	}

	.catalogue_titre5 h4 {
		font-size: 18px;
	}

	.catalogue_titre2 {
		top: 72px;
		padding-top: 0px;
	}

	.catalogue_titre2 h3 {
		font-size: 22px;
		padding: 4px;
	}

	.catalogue_titre3 {
		top: 116px;
		padding-top: 0px;
	}

	.catalogue_titre3 h4 {
		font-size: 18px;
	}

}

@media only screen and (min-width: 300px) and (max-width: 985px) {
	/*.menu_brand3 {
		display: none;
	}*/
}

@media only screen and (min-width:320px) and (max-width:720px) {
	.confiance_client{
		display: flex;
		flex-direction: column;
	}
	.section_parent1{
		border-right: none;
	}
	.section_parent2{
		border-left: none;
	}
}
@media only screen and (max-width:700px) {
.header_search{
	display:none;
}
.mobile-search-logo{
	color:#767676;
}

}
@media only screen and (min-width:700px) {
	.mobile-search-logo{
		display:none;
	}
}


/*------------------ Style à mettre sur container pour que le lien prenne tout en compte, fait en MAI 2024 */

.product-content-blog{
	position: relative;
    overflow: hidden;
}

.product-content-blog a::before {
		bottom: 0;
		content: "";
		left: 0;
		position: absolute;
		right: -100%;
		top: -100%;
		z-index: 1;
}

.logoIMG td{
	position: relative;
    overflow: hidden;
}

.logoIMG td a::before {
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: -100%;
	top: -100%;
	z-index: 1;
}

/*--------------------------- Header livraison partout dans le monde -------------------------*/

.world-shipping{
	font-size: 16px;
	margin:0px;
	padding-top:8.9px; 
	position: fixed; 
	top: 0; 
	right: 7vw;
	color:rgb(79, 79, 79);
	z-index:100;
	font-family:"Cormorant Infant", serif;
}

.search-mobile{
	display:none;	
}

.world-shipping svg{
	width:16px;
	height:16px;
	margin-right:2px;
}

@media only screen and (max-width:1520px) {
.world-shipping{
	right:10vw;
}
}
@media only screen and (max-width:985px) {


	.world-shipping{
		right:14vw;
	}

	.search-mobile{
		display:contents;
	}

	.display_none_responsive{
		display: none;
	}




	#main_header input#search {
		display: none;
	}
}
@media only screen and (max-width:720px) {
	.world-shipping{
		right:2vw;
		position:absolute;
		top:115px;
		
	}
	.world-shipping svg{
		width:14px;
		height:14px;
		margin-right:0px;
	}
}
@media only screen and (max-width:700px) and (min-width:481px) {
	.world-shipping{
		left:1.7em;
		right:auto;
		position:absolute;
		top:25px;
		font-size:14px;
		padding:0px;
	}

	.world-shipping svg{
		width:14px;
		height:14px;
	}
	.pan-haut1 td{
		position:absolute;
		display:flex;
		align-items: center;
		gap:3.5px;
	}
	.sideblocktitle{
		width:12px;
	}
}

@media only screen and (max-width:480px) {
	.world-shipping{
		left:3px;
		right:auto;
		position:absolute;
		top:32px;
		font-size:14px;
		padding-top:0px;
		font-family: "Cormorant Infant", serif;
	}
	.world-shipping svg{
		width:14px;
		height:14px;
		padding-right:0px;
		margin-bottom:0px;
	}
	.pan-haut1-mobile{
		display:flex;
		align-items: center;
		gap:7px;
		margin-top:-2px;
	}

	.display_none_responsive{
		display: none;
	}

	

	#SHRM_responsive{
		position:absolute;
		top:30px;
		right:0px;
		margin:0px;
		padding:0px;
		padding-right:3.3px;
	}
}
@media only screen and (max-width:345px) {
	#main_header .tel{
		font-size:10px;
	}
}
.pan-haut3{
	position: absolute;
    right: 0px;
    padding-right: 20px;
}
.lienlogo {
	top: 8px;
	position: relative;
}

/*bloc categories main page */

.categorie-list .dlfex {
	display: flex;
	justify-content: center;
	column-gap: 65px;
	flex-wrap: wrap;
	margin: 0 8vw;
}
.categorie-list .categorie {
	width: 21vw;
	margin-bottom: 20px;
}
.categorie-list .categorie img {
	aspect-ratio: 3 / 2.2;
	border: solid 0.5px;
	width: 100%;
	display: block;
}
.categorie-list h3 {
	font-size: 25px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	color: #222;
	font-weight: 500;
	font-family: 'Cormorant Garamond', serif;
	line-height: normal;
}
.categorie-list .text {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	text-align: center;
	z-index: 1;
	font-size: 22px;
	font-family: 'Cormorant Garamond', serif;
	font-weight: 600;
	padding: 16px 32px;
}
.categorie-list .categorie:hover img {
	display: block;
}
.categorie-list .categorie:hover .text {
	display: block;
	cursor: pointer;
}
.categorie-list .image::before {
	transition: .5s ease;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	cursor: pointer;
	opacity: 0;
}
.categorie-list .categorie:hover .image::before {
	opacity: 1;
}
.categorie-list .image {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 3 / 2.2;
}
.categorie-list h2.titre_a_la_une {
	font-size: 35px;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 40px;
	font-weight: normal;
	color: #3e3b35;
	margin-top: 4%;
	font-family: 'Cormorant Infant', serif;
}

@media screen and (max-width: 1250px) {
	.categorie-list h3 {
		font-size: 19px;
	}
	.categorie-list .dlfex {
		column-gap: 25px;
		margin: 0 6vw;
	}
	.categorie-list .categorie {
		width: 27vw;
		margin-bottom: 0px;
	}
	.categorie-list .categorie img {
		width: 100%;
	}

}

@media screen and (max-width: 850px) {
	.categorie-list h3 {
		font-size: 18px;
	}
	.categorie-list h2 {
		font-size: 31px;
	}
	.categorie-list .dlfex {
		column-gap: 25px;
		margin: 0 0vw;
	}
	.categorie-list .text {font-size:18px;padding:0px;}
	.categorie-list .categorie {
		width: 40vw;
		margin-bottom: 0px;
	}
	.categorie-list .categorie img {
		width: 100%;
	}
	.categorie-list .categorie-list {
		margin: 0 7vw;
	}

	.entryform .suscrib_entryform  input[type=mail], .entryform .suscrib_entryform  input[type=password] {
		height: 30px;
		padding-left: 10px;
	}

}

@media screen and (max-width: 420px) {
	.categorie-list h3 {
		font-size: 12px;
	}
	.categorie-list h2 {
		font-size: 28px !important;
		margin-bottom:20px !important;
	}
	.categorie-list .dlfex {
		column-gap: 15px;
		margin: 0 0vw;
	}
	.categorie-list .text {font-size:18px;padding:0px;}
	.categorie-list .categorie {
		width: 36vw;
		margin-bottom: 0px;
	}
	.categorie-list .categorie img {
		width: 100%;
	}
	.categorie-list {
		margin: 0 7vw;
	}
}

/*--------------------------- Header personnalisé pour les pages de catégories -------------------------*/

/* Base topbar */
.custom-topbar,
.custom-header,
.mobile-header {
	box-sizing: border-box;
}

.custom-topbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0px 100px 0 100px;
	letter-spacing: 0.5px;
	background-color: #ffffff;
}

.custom-topbar-left,
.custom-topbar-right {
	display: flex;
	align-items: center;
	gap: clamp(10px, 1.5vw, 20px);
	min-width: 0;
	flex-wrap: wrap;
	row-gap: 4px;
}

.custom-topbar a {
	text-decoration: none;
	white-space: nowrap;
}


.custom-topbar,
.custom-topbar a,
.custom-topbar span {
	color: #ab763d !important;
	font-size: clamp(14px, 1.05vw, 16px) !important;        /* Taille de texte topbar */
	font-weight: 400 !important;
	padding-top: 5px;
}

/* Langues (topbar) */
.custom-topbar .langue,
.custom-topbar .langue a {
	font-size: 15px !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	color: #111 !important;
	transition: 0.2s ease;
}

/* Langue active */
.custom-topbar .langue.active,
.custom-topbar .langue.active a {
	color: #111 !important;
	font-weight: 400 !important;
	text-decoration: none !important;
}

/* Hover langue */
.custom-topbar .langue a:hover {
	color: #111 !important;
	font-weight: 400 !important;
	text-decoration: none !important;
}
/* Base header */

.custom-header {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 12px 100px 4px 100px;
	background: #fff;
	border-bottom: none;
	height: auto;
	background-color: #ffffff;
    border-bottom-style: solid;
    border-bottom-width: 0.5px;
    border-bottom-color: #dfdbc6;
}


.custom-header-nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: clamp(16px, 2vw, 32px);
	width: 100%;
	flex-wrap: nowrap;
	position: static;
	z-index: auto;
	margin-top: -18px;
}

.custom-header-nav::before {
	content: '';
	display: block;
	width: 120px;
	flex-shrink: 0;
}

.custom-header-nav-links {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(8px, 1.8vw, 100px);
	flex: 1;
	min-width: 0;
	flex-wrap: nowrap;
}

.custom-header-right {
	position: static;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: clamp(14px, 2vw, 32px);
	z-index: 2;
	flex-shrink: 0;
	width: 120px; /* même largeur que le spacer gauche */
}

.custom-header-logo {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	line-height: normal;
	position: relative;
	top: -34px;            /* << réglage vertical : monte si plus négatif, descend si vers 0 */
	margin-bottom: -25px;  /* garder la même valeur que 'top' */
	height: auto;
	overflow: visible;
}

.custom-header-logo-link {
    display: block;
    position: static;
    margin: 0;
    line-height: 0;
}

.custom-header-logo a img {
    top: 0;
    margin-bottom: 0;
}

.custom-header-logo img,
.custom-header-logo-image {
    display: block;
    width: clamp(150px, 13vw, 210px);   /* << taille du logo : ajuster le 210px */
    height: auto;
    position: static;
    margin: 0 auto;                      /* centré */
    padding: 0;
}

/* 
.custom-header-logo-link {
	position: absolute;
	left: 50%;
	bottom: auto;
	transform: translateX(-50%);
	/* remonte le texte sous le logo progressivement quand la fenêtre rétrécit. */
	/* Reste à 0px sur desktop (>1200px), puis remonte progressivement mais moins (max -20px). */
	/* start moving up as soon as the logo begins to shrink (around 1666px viewport) */
	/* top: clamp(-20px, calc(-1 * ((1666px - 100vw) * 0.04)), 0px);
	white-space: nowrap;
	color: #111 !important;
	text-decoration: none;
	font-weight: 400 !important;
	font-size: clamp(10px, 0.8vw, 12px);
	opacity: 0.8;
	letter-spacing: clamp(0.8px, 0.12vw, 2px);
	line-height: 1;
	padding: 0;
	margin: 0;
	
} */

.custom-header-logo-link:hover {
	color: #b89e83 !important;
}

.custom-header-subtitle {
	font-family: 'Cormorant Infant', serif;
	display: block;
	width: max-content;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	color: #555;
	font-size: clamp(6px, 0.71vw, 10px);
	letter-spacing: clamp(0.8px, 0.14vw, 2.5px);
	text-transform: uppercase;
	line-height: 1.2;
	position: static;
	margin: 6px auto 0;   /* << espace entre la barre du logo et le sous-titre : ajuster le 6px */
	z-index: 2;
}


.custom-header-icon {
	cursor: pointer;
	color: #111 !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

.custom-header-icon svg {
	width: clamp(13px, 1.4vw, 20px);
	height: clamp(13px, 1.4vw, 20px);
	fill: none;
	stroke: #111;
	stroke-width: 1.9;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.custom-header-right-icons {
	display: flex;
	align-items: center;
	gap: clamp(10px, 1.1vw, 14px);
	transform: translateY(0px);
	padding-top: 13px;
}

.custom-lang {
	display: flex;
	align-items: center;
	gap: 7px;
}


.custom-lang a:first-child {
	color: #111 !important;
	text-decoration: underline;
}

.custom-lang-dropdown {
	position: relative;
	display: inline-flex;
	align-items: center;
	z-index: 20;
}

.custom-lang-dropdown summary {
	list-style: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
	color: #111;
	user-select: none;
}

.custom-lang-dropdown summary::-webkit-details-marker {
	display: none;
}

.custom-lang-current {
	letter-spacing: 2px;
}

.custom-lang-arrow {
	font-size: 10px;
	line-height: 1;
	opacity: 0.75;
}

.custom-lang-menu {
	display: none;
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	min-width: 68px;
	padding: 8px 0;
	background: #fff;
	border: 1px solid rgba(17, 17, 17, 0.12);
	border-radius: 10px;
	box-shadow: 0 12px 28px rgba(17, 17, 17, 0.12);
	flex-direction: column;
	overflow: hidden;
}

.custom-lang-dropdown[open] .custom-lang-menu {
	display: flex;
}

.custom-lang-option {
	display: block;
	padding: 7px 14px;
	text-align: center;
	text-decoration: none;
	color: #111;
	font-size: 15px;
	letter-spacing: 2px;
	white-space: nowrap;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.custom-lang-option:hover {
	background: #f5efe7;
	color: #111;
	text-decoration: none;
}



/* Desktop ajustements */


@media screen and (max-width: 1500px) {
	.custom-topbar-left a:nth-child(4) {
		display: none !important;
	}
}

@media screen and (max-width: 1400px) {
	.custom-topbar,
	.custom-header {
		padding-left: 30px;
		padding-right: 30px;
	}

	.custom-topbar-left,
	.custom-topbar-right {
		gap: clamp(8px, 1.2vw, 16px);
	}

	.custom-header-right {
		right: 30px;
		gap: clamp(12px, 1.4vw, 18px);
	}

	.custom-topbar-left a:nth-child(4) {
		display: none !important;
	}
}

.custom-mega-series-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4px 20px;
}

.custom-mega-series-list a {
	margin-bottom: 0;
	white-space: nowrap;
}

.custom-mega-themes-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4px 20px;
	width: 100%;
}

.custom-mega-themes-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: contents;
}

.custom-mega-themes-list li {
	list-style: none;
}

.custom-mega-themes-list a {
	font-size: 14px !important;
	white-space: nowrap;
	margin-bottom: 0;
}

/* Tablette (paysage) */
@media screen and (max-width: 1024px) {
	.custom-topbar,
	.custom-header {
		padding-left: 16px;
		padding-right: 16px;
	}

	.custom-topbar-left,
	.custom-topbar-right {
		gap: clamp(6px, 1vw, 10px);
		flex-wrap: nowrap;
	}

	.custom-topbar-left a:last-child {
		display: none !important;
	}
	
	.custom-topbar-right a:nth-child(1) {
		display: none !important;
	}

	.custom-header-nav {
		gap: clamp(12px, 1.8vw, 24px);
		margin-top: -12px; /* remonte la nav bar en version iPad */
		flex-wrap: nowrap;
	}
	
	.custom-header-right {
		margin-left: auto;
		gap: clamp(10px, 1.3vw, 14px);
	}

	.custom-header-nav-links {
		gap: clamp(16px, 2.3vw, 24px);
	}
	
	
	.custom-header-right-icons {
		gap: 10px;
	}

	/* remonter le texte sous le logo */
	.custom-header-logo-link {
		font-size: 10px;
		letter-spacing: 1.6px;
	}
	
	   .custom-mega-menu {
		   position: fixed;
		   left: 50%;
		   top: 100%;
		   transform: translateX(-50%);
		   width: 100vw;
		   margin: 0;
		   padding-left: 16px;
		   padding-right: 16px;
		   padding-top: 24px;
		   padding-bottom: 22px;
		   gap: 40px;
		   grid-template-columns: 1fr 0.7fr 0.8fr 1.2fr;
		   z-index: 9999;
		   box-sizing: border-box;
	   }
	
	.custom-mega-column h3 {
		font-size: 20px;
	}
	
	.custom-mega-column a {
		font-size: 14px !important;
	}
	
	.custom-mega-small {
		font-size: 13px;
	}
}

/* Tablette (portrait) */
@media screen and (max-width: 768px) {
	.custom-topbar,
	   .custom-header {
		   padding-left: 16px;
		   padding-right: 16px;
		   position: relative;
		   overflow: visible;
	   }

	.custom-topbar-left,
	.custom-topbar-right {
		gap: 8px;
	}
	
	.custom-header-nav {
		gap: 12px;
		padding-top: 8px;
		margin-top: -10px; /* moins de remontée sur petits écrans */
	}
	
	.custom-header-right {
		right: 16px;
		gap: 8px;
		top: 14px; /* ajustement pour petits écrans */
	}
	

	
	.custom-header-right-icons {
		gap: 10px;
	}
	
	.custom-header-icon svg {
		width: 16px;
		height: 16px;
	}
	
	.custom-header-logo img,
	.custom-header-logo-image {
		width: 170px;
		top: -24px;
		margin-bottom: -32px;
		
	}

	.custom-header-logo-link {
		top: -4px; /* ajuste le texte du logo sur petits écrans */
	}
	
	.custom-mega-menu {
		padding: 20px 16px 20px 16px;
		gap: 30px;
		grid-template-columns: 1fr 0.6fr 0.7fr 1fr;
		top: 100%;
	}
	
	.custom-mega-column h3 {
		font-size: 18px;
		margin: 8px 0 12px 0;
	}
	
	.custom-mega-column a {
		font-size: 13px !important;
		line-height: 1.5;
		margin-bottom: 4px;
	}
	
	.custom-mega-small {
		font-size: 12px;
		margin: 8px 0 8px 0;
	}
	
	.custom-mega-colors-list {
		column-gap: 25px;
		row-gap: 6px;
	}
	
	.custom-header-icon svg {
		width: 18px;
		height: 18px;
	}
}


/*--------------------------- Fin du header personnalisé pour les pages de catégories -------------------------*/
/*--------------------------- Menu survolant -------------------------*/
.custom-mega-collections-bar-group {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 0;
}
.custom-mega-collections-bar-group::before {
	content: "";
	position: absolute;
	left: -10px;
	top: 0;
	bottom: 5px;
	width: 3px;
	background: #9c875d;
	border-radius: 2px;
}
.custom-mega-collections-bar-group a {
	padding-left: 12px;
	margin-left: -10px;
}


.custom-mega-item {
	/* keep layout but don't create a positioned ancestor
	   so the full-width mega menu can be anchored to the header */
	position: static;
	display: inline-flex;
	align-items: center;
	height: auto;
	padding-bottom: 18px;   /* étend la zone de survol jusqu'au menu — à ajuster */
	margin-bottom: -18px;   /* compense : la mise en page ne bouge pas d'un pixel */
}

.custom-mega-item .custom-header-link {
	display: inline-flex;
	align-items: center;
}

.custom-mega-menu {
	/* Anchor the mega menu to the header so it always sits
	   directly below the header regardless of header height */
	position: absolute;
	top: 100%; /* directly below the header container */
	margin-top: -2px; /* remonte le menu pour le coller sous le texte de la nav — à ajuster */
	left: 0;
	width: 100%;
	background: #fff;
	display: flex;
	align-items: stretch;
	gap: clamp(40px, 4.5vw, 80px);
	padding: 24px 80px 22px 150px;
	z-index: 9999;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
	clip-path: inset(0 0 -20px 0); /* ouvert seulement en bas (pour l'ombre) */
	opacity: 0;
	visibility: hidden;
	transform: none;
	pointer-events: none;
	transition: opacity 0.22s ease, visibility 0s linear 0.22s;
	background-color: #ffffff;
}

/* Pont invisible entre le lien et le menu, porté par le menu lui-même. */
/* Comme un menu caché a pointer-events:none, son pont est inactif : */
/* seul le pont du menu réellement survolé capte la souris -> plus de */
/* déclenchement du mauvais sous-menu (ex. Objets sous Panoramique). */
/* Pont supprimé : la zone de survol est désormais étendue sous le lien
   lui-même via le padding de .custom-mega-item (voir plus bas). */
.custom-mega-menu::before {
	content: none;
}

/* Menu Panoramique : 4 colonnes (la colonne Séries a été retirée) */
/* Cible UNIQUEMENT le menu Panoramique, les autres menus gardent leurs 5 colonnes */
.custom-mega-menu--pano {
	/* mise en page gérée par le système flex commun */
}

.custom-mega-column {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	row-gap: 10px;
	flex: 0 1 auto;
	min-width: 200px;
	opacity: 0;
	transform: translateY(18px);
	transition: opacity 0.38s ease, transform 0.38s ease;
}
.custom-mega-small {
	margin: 10px 0 12px 0;
	font-size: 13px;
	color: #b89e83;
	letter-spacing: 2.5px;
}

.custom-mega-column h3 {
	position: relative;
	margin: 10px 0 20px 0;
	padding-bottom: 18px;
	font-size: 24px;
	font-weight: 400;
	color: #111;
	text-transform: uppercase;
	letter-spacing: 1.4px;
}
.custom-mega-column h3::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 54px;
	height: 1px;
	background: #b89e83;
}

.custom-mega-column a {
	font-size: 16px !important;
	font-weight: 400 !important;
	color: #111 !important;
	text-decoration: none;
	line-height: 1.65;
	margin-bottom: 6px;
}

.custom-mega-colors-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 42px;
	row-gap: 8px;
	width: 100%;
}

.custom-mega-colors-list a {
	margin-bottom: 0;
	white-space: nowrap;
}

.custom-mega-column a:hover {
	color: #b89e83 !important;
}


.custom-mega-collections-highlight {
	border-left: 3px solid #9c875d;
	padding-left: 12px;
	margin-left: 2px;
}

.custom-mega-menu a.custom-mega-under {
	display: inline-block;
	width: max-content;
	text-decoration: none !important;
	border-bottom: 1px solid transparent;
	transition: color .2s ease, border-color .2s ease;
}
.custom-mega-menu a.custom-mega-under::after {
	content: " →";
}
.custom-mega-menu a.custom-mega-under:hover {
	color: #b89e83 !important;
	border-bottom-color: #b89e83;
}
/* === Méga-menu Catalogue === */
.custom-mega-menu--catalogue {
	gap: 24px clamp(40px, 4vw, 72px);
	align-items: stretch;
}

.custom-mega-catalogues {
	display: flex;
	gap: 26px;
	width: 100%;
	margin-top: 4px;
	align-items: center;
}
.custom-mega-menu--catalogue .custom-catalogue-card {
	flex: 1 1 0;
	max-width: 220px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	padding: 8px 6px;
	border: none;
	background: none;
	text-decoration: none !important;
	margin: 0 !important;
	transition: transform .2s ease;
}
.custom-mega-menu--catalogue .custom-catalogue-card:hover {
	transform: translateY(-2px);
}
.custom-catalogue-icon {
	display: inline-flex;
	color: #9c875d;
}
.custom-catalogue-icon svg {
	width: 42px;
	height: 42px;
}

/* Remonter un peu le bloc « Télécharger le PDF » (2e carte = celle de droite) */
.custom-mega-catalogues .custom-catalogue-card + .custom-catalogue-card {
	position: relative;
	top: -18px; /* plus le chiffre est négatif, plus ça remonte */
}

.custom-mega-menu--catalogue .custom-catalogue-card:hover .custom-catalogue-icon {
	color: #7d6c49;
}
.custom-catalogue-cover {
	display: block;
	width: 150px;
	height: 200px;
	overflow: hidden;
	border-radius: 4px;
	background: #f1ece1;
}
.custom-catalogue-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.custom-mega-menu--catalogue .custom-catalogue-label {
	font-size: 13px !important;
	letter-spacing: 1.3px;
	text-transform: uppercase;
	font-weight: 500;
	color: #9c875d !important;
	margin: 0 !important;
	text-align: center;
}

.custom-catalogue-text {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
}
.custom-mega-menu--catalogue .custom-catalogue-desc {
	font-size: 12.5px !important;
	line-height: 1.45;
	color: #9c875d !important;
	text-decoration: underline;
	text-underline-offset: 3px;
	letter-spacing: .2px;
	font-weight: 500;
	text-align: center;
	margin: 0 !important;
}
.custom-mega-menu--catalogue .custom-catalogue-card:hover .custom-catalogue-desc {
	color: #7d6c49 !important;
}

.custom-mega-image {
	flex: 0 0 auto;
	width: clamp(340px, 34vw, 520px);
	margin-left: auto;      /* collée à droite quand il y a 2 colonnes de texte */
	display: flex;
	align-items: stretch;
	justify-content: flex-end;
	height: 100%;
	overflow: hidden;
	opacity: 0;
	transform: translateY(8px);
	transition: opacity 0.38s ease, transform 0.38s ease;
}

.custom-mega-menu > div:nth-child(1) {
	transition-delay: 0s;
}

.custom-mega-menu > div:nth-child(2) {
	transition-delay: 0.12s;
}

.custom-mega-menu > div:nth-child(3) {
	transition-delay: 0.24s;
}

.custom-mega-menu > div:nth-child(4) {
	transition-delay: 0.36s;
}

.custom-mega-image img {
	display: block;
	height: 100%;
	width: auto;
	max-width: none;
	object-fit: cover;
}

/* Décale la 2e colonne (Séries / Thèmes) vers la droite */
.custom-mega-column ~ .custom-mega-column {
	margin-left: clamp(24px, 3vw, 64px);
}

/* Décale la 1re colonne texte de tous les mega menus vers la droite */
.custom-mega-menu .custom-mega-column:first-child {
	margin-left: clamp(24px, 3vw, 64px);
}



/* Le cadre : fond crème, fine bordure, ombre douce */
.custom-mega-visu {
	position: relative;
	margin: 0;
	width: 100%;
	height: 100%;
	min-height: 340px;
	overflow: hidden;
}

/* Filet intérieur façon passe-partout */
.custom-mega-visu::after {
	content: "";
	position: absolute;
	top: 10px; right: 10px; bottom: 10px; left: 10px;
	pointer-events: none;
	z-index: 3;
}

/* Les deux images empilées : fondu enchaîné + léger zoom qui se pose */
.custom-mega-visu .custom-mega-visu-img {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;            /* recadre sans déformer */
	opacity: 0;
	transform: scale(1.05);
	transition: opacity 0.5s ease, transform 1.2s ease;
	z-index: 1;
}
.custom-mega-visu .custom-mega-visu-img.is-visible {
	opacity: 1;
	transform: scale(1);
	z-index: 2;
}

/* Légende : nom du thème sur un dégradé discret en bas de l'image */
.custom-mega-visu-caption {
	position: absolute;
	right: 0; bottom: 0; left: 0;
	margin: 0;
	padding: 38px 18px 14px 18px;
	background: linear-gradient(to top, rgba(20, 18, 14, 0.55), rgba(20, 18, 14, 0));
	text-align: center;
	opacity: 0;
	transform: translateY(6px);
	transition: opacity 0.35s ease, transform 0.35s ease;
	pointer-events: none;
	z-index: 4;
}
.custom-mega-visu-caption.is-visible {
	opacity: 1;
	transform: translateY(0);
}
.custom-mega-visu-caption span {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	padding-top: 8px;
	border-top: 1px solid rgba(255, 255, 255, 0.45);
}

.custom-mega-menu > div:nth-child(5) {
	transition-delay: 0.36s;
}

@media only screen and (max-width: 1024px) {
	.custom-mega-menu {
		display: none !important;
	}
}

/* Amélioration du topbar responsive */
@media only screen and (max-width: 1024px) {
	.custom-topbar {
		padding: 8px 16px;
		gap: 10px;
	}
	
	.custom-topbar-left,
	.custom-topbar-right {
		gap: 10px;
	}

	.custom-topbar-left a:last-child {
		flex-basis: 100%;
		white-space: normal;
		line-height: 1.1;
	}
	
	.custom-topbar a,
	.custom-topbar span {
		font-size: 13px !important;
	}
	
	.custom-topbar .langue,
	.custom-topbar .langue a {
		font-size: 12px !important;
	}
}

@media only screen and (max-width: 767px) {
	.custom-topbar {
		flex-direction: column;
		padding: 10px 12px;
		gap: 8px;
	}
	
	.custom-topbar-left,
	.custom-topbar-right {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
		width: 100%;
	}
	
	.custom-topbar a,
	.custom-topbar span {
		font-size: 12px !important;
	}
}

.mega-color {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin-right: 10px;
	vertical-align: middle;
	border: 1px solid rgba(0,0,0,0.12);
}

/* Ancien pont désactivé : positionné par rapport au header (item en position:static),
   il couvrait toute la largeur et déclenchait le mauvais menu. Le pont est désormais
   porté par le menu lui-même (.custom-mega-menu::before ci-dessous). */
.custom-mega-item::after {
	content: none;
}

.custom-mega-item:hover .custom-mega-menu,
.custom-mega-menu:hover,
.custom-mega-item.active .custom-mega-menu {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transition-delay: 0s;
}

.custom-mega-item:hover .custom-mega-column,
.custom-mega-item:hover .custom-mega-image,
.custom-mega-menu:hover .custom-mega-column,
.custom-mega-menu:hover .custom-mega-image,
.custom-mega-item.active .custom-mega-column,
.custom-mega-item.active .custom-mega-image {
	opacity: 1;
	transform: translateY(0);
}

/* Couleurs */
.color-white { background: #f5f5f5; }
.color-grey { background: #8b8b8b; }
.color-yellow { background: #d8b84c; }
.color-pink { background: #d6a2ad; }
.color-red { background: #9e2f2f; }
.color-greenwater { background: #8eb8b1; }
.color-emerald { background: #1f6b57; }
.color-turquoise { background: #4ba7a1; }
.color-blue { background: #3d5d91; }
.color-brown { background: #6a4b37; }
.color-coldgrey { background: #9ea3a8; }
.color-neutralgrey { background: #7e7a74; }
.color-warmgrey { background: #8a7b70; }
.color-black { background: #1c1c1c; }



/*--------------------------- Responsive pour la version mobile  -------------------------*/

#sidenav_responsive {
	position: fixed;
	top: 0;
	left: -100%;
	right: auto;
	width: min(86vw, 360px);
	height: 100vh;
	overflow-y: auto;
	background: #FAF8F2;
	z-index: 10000;
	transition: left 0.3s ease;
	box-shadow: 10px 0 28px rgba(0, 0, 0, 0.12);
}

#sidenav_responsive.active {
	left: 0;
}

#sidenav_responsive .close {
	display: flex;
	justify-content: flex-end;
	padding: 18px 18px 10px 18px;
	cursor: pointer;
}

.mobile-header {
	display: none;
}

@media only screen and (max-width: 767px) {
	.custom-topbar,
	.custom-header {
		display: none !important;
	}

	.mobile-header {
		display: grid !important;
		grid-template-columns: auto auto 1fr auto auto;
		align-items: center;
		gap: 12px;
		width: 100%;
		background: #ffffff;
		padding: 12px 14px;
		border-bottom: 1px solid rgba(0,0,0,0.06);
		overflow: hidden;
	}

	.mobile-header img {
		display: block;
		height: auto;
	}

	.mobile-header-burger {
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 24px;
	}

	.mobile-header-burger img {
		width: 20px;
		transition: transform 0.2s ease;
	}

	.mobile-header-burger:active img {
		transform: scale(0.95);
	}

	.mobile-header-search {
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 20px;
	}

	.mobile-header-search img {
		width: 18px;
		transition: transform 0.2s ease;
	}

	.mobile-header-search:active img {
		transform: scale(0.95);
	}

	.mobile-header-logo {
		justify-self: center;
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 0;
	}

	.mobile-header-logo img {
		width: 130px;
		height: auto;
		display: block;
	}

	.mobile-header-icons {
		display: flex;
		gap: 10px;
		align-items: center;
	}

	.mobile-header-icon {
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: opacity 0.2s ease;
		min-width: 20px;
	}

	.mobile-header-icon img {
		width: 20px;
		height: auto;
	}

	.mobile-header-icon:active {
		opacity: 0.7;
	}
}

/* Petit mobile (max 480px) */
@media only screen and (max-width: 480px) {
	.mobile-header {
		grid-template-columns: auto auto 1fr auto auto;
		gap: 10px;
		padding: 12px 12px;
	}

	.mobile-header-logo {
		justify-self: center;
	}

	.mobile-header-burger img {
		width: 18px;
	}

	.mobile-header-search img {
		width: 16px;
	}

	.mobile-header-icon img {
		width: 18px;
	}
}
/*--------------------------- Fin du responsive pour la version mobile  -------------------------*/
/*--------------------------- POLICE  -------------------------*/
.custom-header .custom-header-link,
.custom-header .custom-header-link span,
.custom-header-right a {
	text-transform: none !important;
	font-variant: normal !important;
}

.custom-topbar,
.custom-header {
	font-family: 'Cormorant Garamond', serif !important;
	font-weight: 400 !important;
}

/*--------------------------- Fin des overrides de police -------------------------*/
/*--------------------------- effet de survol -------------------------*/
/* Hover topbar */
.custom-topbar a,
.custom-header-link {
	transition: color 0.25s ease;
}

/* Hover couleur marron */
.custom-topbar a:hover,
.custom-header-link:hover {
	color: #b89e83 !important;
}

/* Taille du texte Nav bar */
.custom-header-link {
	color: #111 !important;
	text-decoration: none;
	font-size: clamp(13px, 1.35vw, 18px);
	font-weight: 400 !important;
	letter-spacing: clamp(0.4px, 0.15vw, 2px);
	text-transform: none;
	white-space: nowrap;
	position: relative;
	display: inline-block;
	padding-bottom: 4px;
	padding-top: 20px;
}

.custom-header-link::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 2px;     /* plus le chiffre est grand, plus le trait remonte vers le texte */
	width: 0;
	height: 1px;
	background-color: #b89e83;
	transition: width 0.28s ease;
}

/* Animation soulignement */
.custom-header-link:hover::after {
	width: 100%;
}

/* Garder le soulignement du lien tant qu'on survole son méga-menu */
.custom-mega-item:hover .custom-header-link::after {
	width: 100%;
}
/* (Optionnel) garder aussi la couleur marron du lien pendant ce temps */
.custom-mega-item:hover .custom-header-link {
	color: #b89e83 !important;
}

/* Search panel styling from screen copie.css */
#headerSearchPanel {
	position: fixed;
	z-index: 16002;
	top: 70px;
	left: 0;
	right: 0;
	width: 100%;
	height: auto;
	text-align: center;
	vertical-align: middle;
	padding: 10px 12px;
	box-sizing: border-box;
	transition: all 0.3s ease;
	display: none;
	pointer-events: none;
	opacity: 0;
	background: #ffffff;
	box-shadow: 0 2px 6px rgba(0,0,0,0.06);
	min-height: 50px;
}

#headerSearchPanel.is-open {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	pointer-events: auto !important;
	opacity: 1 !important;
}

/* Styles du formulaire de recherche */
#headerSearchPanel form {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px;
	margin: 0 auto;
	max-width: 100%;
	width: 100%;
}

#headerSearchPanel fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 1;
	min-width: 250px;
	max-width: 800px;
	width: 100%;
}

#headerSearchPanel input[type="text"] {
	flex: 1;
	min-width: 0;
	height: 38px;
	padding: 8px 14px;
	border: 2px solid #ddd;
	border-radius: 4px;
	box-sizing: border-box;
	font-size: 16px;
	font-family: Arial, sans-serif;
	background-color: #ffffff;
	color: #000000;
	transition: all 0.25s ease;
	box-shadow: 0 1px 2px rgba(0,0,0,0.04);
	width: 100%;
	max-width: 500px;
}

#headerSearchPanel input[type="text"]:focus {
	outline: none;
	border-color: #9c875d;
	box-shadow: 0 0 8px rgba(156, 135, 93, 0.35);
	background-color: #fafafa;
}

#headerSearchPanel input[type="text"]::placeholder {
	color: #999999;
	font-style: italic;
	font-size: 16px;
}

/* Bouton de recherche optionnel */
#headerSearchPanel input[type="submit"] {
	padding: 8px 18px;
	background-color: #9c875d;
	color: white;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	transition: all 0.2s ease;
	white-space: nowrap;
	height: 38px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

#headerSearchPanel input[type="submit"]:hover {
	background-color: #7a6945;
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

#headerSearchPanel input[type="submit"]:active {
	transform: translateY(0);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Classe pour la recherche mobile */
.search-mobile {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s ease;
}

.search-mobile img {
	width: 18px;
	height: 18px;
	transition: transform 0.2s ease;
}

.search-mobile:active img {
	transform: scale(0.95);
}

/* Responsif pour le panel de recherche */
@media only screen and (max-width: 768px) {
	#headerSearchPanel {
		top: 60px;
		padding: 12px;
	}

	#headerSearchPanel fieldset {
		max-width: 100%;
		min-width: 150px;
	}

	#headerSearchPanel input[type="text"] {
		height: 36px;
		padding: 0 12px;
		font-size: 14px;
	}

	#headerSearchPanel input[type="submit"] {
		padding: 8px 16px;
		font-size: 13px;
	}
}

@media only screen and (max-width: 480px) {
	#headerSearchPanel {
		top: 50px;
		padding: 10px;
	}

	#headerSearchPanel fieldset {
		flex-direction: column;
		width: 100%;
	}

	#headerSearchPanel input[type="text"] {
		width: 100%;
		height: 36px;
	}

	#headerSearchPanel input[type="submit"] {
		width: 100%;
	}
}



.prix_le_bloc {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #fdf8f3;
    border: 0.5px solid #B89E83;
    border-left: 4px solid #9c875d;
    border-radius: 0 6px 6px 0;
    padding: 14px 18px;
    margin: 27px 0 0 0;
}

.prix_le_icon {
    flex-shrink: 0;
    margin-top: 1px;
}

.prix_le_titre {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 15px;
    font-weight: 700;
    color: #9c875d;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 6px;
	background-color: yellow;
    display: inline;

}

.prix_le_bloc p {
    font-size: 16px;
}

.prix_le_sous_titre {
    font-size: 13px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
}

.prix_le_texte {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 15px;
    color: #575757;
    margin: 0;
    line-height: 1.6;
}

.prix_le_email {
    color: #9c875d;
    font-weight: 500;
}


.frais_livraison_wrap {
    position: relative;
    display: inline-block;
}

.livraison_popup {
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border: 0.5px solid #B89E83;
    border-radius: 6px;
    padding: 22px 28px;
    min-width: 280px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    z-index: 100;
    pointer-events: none;
}

.frais_livraison_wrap:hover .livraison_popup {
    opacity: 1;
    visibility: visible;
}

.livraison_popup_titre {
    font-family: 'Cormorant Garamond', serif;
	font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #9c875d;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 0.5px solid rgba(184,158,131,0.3);
}

.livraison_popup_ligne {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'Cormorant Garamond', serif;
	font-size: 16px;
    color: #575757;
    padding: 5px 0;
    border-bottom: 0.5px solid rgba(184,158,131,0.1);
}

.livraison_popup_ligne:last-of-type {
    border-bottom: none;
}

.livraison_popup_note {
    font-family: 'Cormorant Garamond', serif;
	font-size: 16px;
    color: #9c875d;
    font-style: italic;
    margin-top: 10px;
    text-align: center;
    line-height: 1.4;
}

.frais_livraison_label {
    color: #9c875d;
    font-size: clamp(13px, 0.9vw, 15px);
}

.btn_voir_video {
    position: absolute;
    top: 100%;
    right: 0;
    transform: translateY(-50%);
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #9c875d;
    font-size: 12px;
    font-family: 'Cormorant Garamond', serif;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    line-height: 1.2;
    transition: color 0.3s ease, transform 0.3s ease;
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.btn_voir_video:hover {
    color: #7a6945;
    transform: translateY(-50%) scale(1.04);
}
.btn_voir_video svg {
    margin-bottom: 5px;
    filter: drop-shadow(0 2px 4px rgba(204,0,0,0.35));
    transition: filter 0.3s ease, transform 0.3s ease;
}
.btn_voir_video:hover svg {
    filter: drop-shadow(0 2px 6px rgba(204,0,0,0.5));
    transform: scale(1.05);
}
.btn_voir_video:hover svg path:first-child {
    fill: #aa0000;
}
.btn_voir_video span {
    letter-spacing: 0.1em;
}

.btn_remonter {
    margin: 30px auto 8px auto;
    color: #9c875d;
    font-family: 'Cormorant Garamond', serif;
    font-size: 14px;
    text-decoration: none;
    letter-spacing: 0.05em;
    border: 1px solid #9c875d;
    padding: 6px 14px;
    border-radius: 3px;
    transition: background 0.2s ease, color 0.2s ease;
    display: block;
    width: fit-content;
}
.btn_remonter:hover {
    background: #9c875d;
    color: #fff;
}

.video_wrapper {
    position: relative;
    width: 50%;
    margin: 20px auto;
    cursor: pointer;
    overflow: hidden;
    border-radius: 6px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.12);
    transition: transform 0.3s ease, box-shadow 0.3s ease;

}

.video_wrapper:hover {
    box-shadow: 0 8px 30px rgba(0,0,0,0.22);
    transform: scale(1.02);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.video_wrapper img.video_thumbnail {
    width: 100%;
    display: block;
}
.video_play_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    opacity: 0.9;
}
@media (max-width: 768px) {
    .video_wrapper { width: 100%; }
}

@media only screen and (max-width: 768px) {
    .column_4 .middle_column,
    .column_4 .middle_column_repeat {
        width: 100% !important;
        float: none !important;
    }
    .slide {
        width: 100% !important;
    }
}

@media only screen and (max-width: 768px) {
    #main_content {
        overflow-x: hidden;
        max-width: 100vw;
    }
}

@media only screen and (max-width: 480px) {
    .affiche_critere_stock .surmesure_echantillon_validation {
        white-space: normal;
        font-size: clamp(11px, 3vw, 14px);
        padding: 0 8px;
    }
    .affiche_critere_stock .conteneur_surmesure_echantillon form {
        height: auto;
        min-height: 60px;
        padding: 8px 0;
    }
}


@media only screen and (max-width: 480px) {
    #files {
        max-width: 100%;
        overflow-x: auto;
        display: flex;
        flex-wrap: wrap;
    }
    #positionCouleurTaille tbody {
        grid-template-columns: repeat(2, 1fr);
    }
    #couleur,
    #taille {
        width: 35vw;
    }
    div.fp_image_grande,
    div.descriptif {
        max-width: 100%;
        overflow-x: hidden;
    }
}

@media only screen and (max-width: 768px) {
    div.descriptif {
        margin-left: 0;
        padding: 5vw;
        box-sizing: border-box;
        width: 100%;
    }
    div.fp_image_grande {
        box-sizing: border-box;
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    #positionCouleurTaille select {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }
    #taille {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .btn_voir_video {
        position: static;
        transform: none;
        flex-direction: row;
        gap: 8px;
        margin: 10px 0 4px 0;
    }
    .btn_voir_video:hover {
        transform: none;
    }
    .btn_voir_video svg {
        width: 24px;
        height: 17px;
        margin-bottom: 0;
    }
    .btn_voir_video span {
        font-size: 11px;
    }
}

/* Limite la largeur du contenu sur les pages SANS sidebar filtre (fiche produit, etc.) */
.column_3 .single_column:not(:has(.sidebar_filtre_wrapper)),
.column_4 .single_column:not(:has(.sidebar_filtre_wrapper)) {
	max-width: 1600px;
	margin: 0 auto;
	padding-left: 4%;
	padding-right: 4%;
	box-sizing: border-box;
}


/* ============================================================
   Menu latéral mobile (sidenav) — habillage moderne
   ============================================================ */
#sidenav_responsive {
	padding-bottom: 26px;
}

/* Bouton fermer */
#sidenav_responsive .close {
	justify-content: flex-start;
	padding: 12px 14px 4px;
	width: fit-content;
}
#sidenav_responsive .close svg {
	width: 26px;
	height: 26px;
	stroke: #1a1a1a;
	transition: transform .25s ease, opacity .2s ease;
}
#sidenav_responsive .close:hover svg { opacity: .55; }
#sidenav_responsive .close:active svg { transform: rotate(90deg); }

/* Liste */
#sidenav_responsive > ul {
	list-style: none;
	margin: 2px 0 0;
	padding: 0 24px;
}
#sidenav_responsive > ul > li { margin: 0; }

/* Liens du menu */
#sidenav_responsive .menu_principal,
#sidenav_responsive .obflink {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	box-sizing: border-box;
	padding: 14px 4px;
	font-family: 'Cormorant Garamond', serif;
	font-size: 20px;
	line-height: 1.1;
	font-weight: 500;
	letter-spacing: .03em;
	text-transform: none !important;
	color: #1a1a1a;
	text-decoration: none;
	cursor: pointer;
	transition: color .2s ease, padding-left .2s ease;
}



/* Survol / appui */
#sidenav_responsive .menu_principal:hover,
#sidenav_responsive .menu_principal:active,
#sidenav_responsive .obflink:hover {
	color: #9C875D;
	padding-left: 10px;
}


/* "Ma sélection" : action secondaire, plus discrète */
#sidenav_responsive .obflink {
	font-size: 15px;
	font-weight: 500;
	letter-spacing: .1em;
	text-transform: uppercase !important;
	color: #6f6a60;
}

/* Séparateurs de groupe */
#sidenav_responsive > ul hr {
	border: 0;
	height: 1px;
	background: rgba(156,135,93,.30);
	margin: 12px 4px;
}

/* Bas : téléphone + devise */
#sidenav_responsive .conteneur_sidenav_tel {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	padding: 6px 28px 0;
	font-family: 'Cormorant Garamond', serif;
	font-size: 18px;
	color: #1a1a1a;
}
#sidenav_responsive .conteneur_sidenav_tel select {
	font-family: inherit;
	font-size: 14px;
	padding: 2px 12px;
	border: 1px solid #e0d8c6;
	border-radius: 8px;
	background: #fff;
	color: #1a1a1a;
	cursor: pointer;
}


/* ===== Barre langue + devise en haut du menu burger ===== */
#sidenav_responsive .sidenav_topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin: 4px 24px 6px;
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(156, 135, 93, .30);
}

#sidenav_responsive .sidenav_topbar-lang,
#sidenav_responsive .sidenav_topbar-devise {
	display: flex;
	align-items: center;
}

/* Déroulant langue (réutilise le composant PC, restylé pour le menu) */
#sidenav_responsive .custom-lang-dropdown summary {
	font-family: 'Cormorant Garamond', serif;
	font-size: 17px;
	letter-spacing: .12em;
	color: #1a1a1a;
	padding: 8px 14px;
	border: 1px solid #e0d8c6;
	border-radius: 8px;
	background: #fff;
	transition: border-color .2s ease, color .2s ease;
}
#sidenav_responsive .custom-lang-dropdown summary:hover {
	border-color: #9C875D;
	color: #9C875D;
}
#sidenav_responsive .custom-lang-menu {
	left: 0;
	right: auto;
	top: calc(100% + 6px);
	min-width: 130px;
}

/* Sélecteur devise : même look que la langue, avec chevron doré */
#sidenav_responsive .sidenav_topbar-devise select {
	font-family: 'Cormorant Garamond', serif;
	font-size: 16px;
	color: #1a1a1a;
	min-width: 110px;

}
#sidenav_responsive .sidenav_topbar-devise select:hover {
	border-color: #9C875D;
}
/* Langues */
#sidenav_responsive .sidenav_tablelang {
	display: flex;
	justify-content: center;
	gap: 24px;
	padding: 18px 28px 4px;
	font-family: 'Cormorant Garamond', serif;
	font-size: 16px;
	letter-spacing: .12em;
	text-transform: uppercase;
}
#sidenav_responsive .sidenav_tablelang a {
	color: #9b9384;
	text-decoration: none;
	transition: color .2s ease;
}
#sidenav_responsive .sidenav_tablelang a:hover { color: #9C875D; }

/* Apparition en cascade à l'ouverture (animation = fiable sur iOS) */
@keyframes sidenavItemIn {
	from { opacity: 0; transform: translateX(14px); }
	to   { opacity: 1; transform: none; }
}

#sidenav_responsive > ul > li,
#sidenav_responsive .conteneur_sidenav_tel,
#sidenav_responsive .sidenav_tablelang {
	opacity: 0;
}

#sidenav_responsive.active > ul > li,
#sidenav_responsive.active .conteneur_sidenav_tel,
#sidenav_responsive.active .sidenav_tablelang {
	animation: sidenavItemIn .45s ease both;
}
#sidenav_responsive.active > ul > li:nth-of-type(1)  { animation-delay: .04s; }
#sidenav_responsive.active > ul > li:nth-of-type(2)  { animation-delay: .07s; }
#sidenav_responsive.active > ul > li:nth-of-type(3)  { animation-delay: .10s; }
#sidenav_responsive.active > ul > li:nth-of-type(4)  { animation-delay: .13s; }
#sidenav_responsive.active > ul > li:nth-of-type(5)  { animation-delay: .16s; }
#sidenav_responsive.active > ul > li:nth-of-type(6)  { animation-delay: .19s; }
#sidenav_responsive.active > ul > li:nth-of-type(7)  { animation-delay: .22s; }
#sidenav_responsive.active > ul > li:nth-of-type(8)  { animation-delay: .25s; }
#sidenav_responsive.active > ul > li:nth-of-type(9)  { animation-delay: .28s; }
#sidenav_responsive.active > ul > li:nth-of-type(10) { animation-delay: .31s; }
#sidenav_responsive.active > ul > li:nth-of-type(11) { animation-delay: .34s; }
#sidenav_responsive.active > ul > li:nth-of-type(12) { animation-delay: .37s; }
#sidenav_responsive.active > ul > li:nth-of-type(13) { animation-delay: .40s; }
#sidenav_responsive.active .conteneur_sidenav_tel { animation-delay: .44s; }
#sidenav_responsive.active .sidenav_tablelang     { animation-delay: .48s; }

/* ===== Apparition des produits au scroll ===== */
.allprod_one.prod-reveal {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity .6s ease, transform .6s ease;
}
.allprod_one.prod-reveal.prod-shown {
	opacity: 1;
	transform: none;
}
/* Accessibilité : pas d'animation si l'utilisateur la désactive dans son système */
@media (prefers-reduced-motion: reduce) {
	.allprod_one.prod-reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* ===== Header mobile fixe au scroll (comme le PC) ===== */
@media only screen and (max-width: 767px) {
	#main_header {
		position: fixed;
		top: 0;
		left: 0;
		float: none;
		width: 100%;
		z-index: 1000;
		background: #FAF8F2;
	}

	/* Overlay de recherche : pleine largeur sous le header en mobile */
	.search-overlay {
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		border-left: none;
		border-right: none;
		border-radius: 0;
	}

	.allProducts .allProductsGrid {
		grid-template-columns: 1fr 1fr;
		width: 92vw;
		gap: 16px;
		margin-top: 20px;
	}

	.allProducts .allProductsGrid img {
		height: auto;
	}
}


/* ── Encarts d'information sur les pages catégorie ──────────────── */
.message_couleur_indispo,
.message_aucun_produit {
	max-width: 680px;
	margin: 28px auto 10px;
	padding: 18px 26px;
	background: #FAF8F2;
	border: 1px solid #e6dcc8;
	border-left: 4px solid #9C875D;
	border-radius: 4px;
	color: #5a4f3c;
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-size: 1.35rem;
	line-height: 1.45;
	text-align: center;
	letter-spacing: .3px;
}


.custom-topbar-phone-block,
.custom-topbar-lang-block {
	position: relative;
	display: inline-flex;
	flex-direction: column;
	z-index: 30;
}
.custom-topbar-lang-block { align-items: flex-end; }
.custom-topbar-phone-block { align-items: flex-start; }

.custom-topbar-lang-block .custom-topbar-devise {
	position: absolute;
	top: 100%;
	right: 0;
	margin-top: 1px;     /* ← joue sur cette valeur : négative pour remonter la devise (ex: -6px) */
}
/* Petit écran : la devise passe sous le téléphone, en flux (pas de chevauchement) */
.custom-topbar-phone-block .custom-topbar-devise {
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: 4px;
}
.custom-topbar-devise select {
	font-size: clamp(11px, 0.9vw, 13px);
	padding: 2px 6px;
	width: clamp(80px, 8vw, 110px);
}
@media (max-width: 1400px) {
	.custom-topbar-left { align-items: flex-start; }
}

.custom-topbar-left .custom-topbar-phone-block {
	padding-top: 0;
}




/* ============================================================
   Méga-menus (sauf Catalogue) : disposition fluide automatique
   - chaque colonne prend sa largeur naturelle de contenu
   - l'image absorbe tout l'espace restant, collée aux bords
   S'adapte tout seul au nombre de colonnes de chaque menu,
   y compris quand du contenu sera ajouté plus tard.
   ============================================================ */
@media screen and (min-width: 1025px) {

	.custom-mega-menu:not(.custom-mega-menu--catalogue) {
		display: flex;
		gap: 24px 56px;              /* espace entre les colonnes — à ajuster */
		align-items: stretch;
		min-height: 380px;           /* hauteur mini du panneau (pour les menus peu remplis) */
	}

	.custom-mega-menu:not(.custom-mega-menu--catalogue) .custom-mega-column {
		flex: 0 1 auto;              /* la colonne prend la largeur de son contenu */
		min-width: 0;
	}

	/* L'image prend tout l'espace restant et colle aux bords haut / droit / bas.
	   En absolu, elle ne dicte plus la hauteur du panneau : c'est le contenu
	   des colonnes (et le min-height) qui décide. */
	.custom-mega-menu .custom-mega-image {
		position: relative;
		flex: 1 1 auto;
		height: auto;
		max-width: min(48%, 900px);     /* limite d'extension de l'image — à ajuster */
		margin: -24px -80px -22px auto; /* -80px à droite = annule le padding → colle au bord de la page */
	}

	.custom-mega-menu .custom-mega-image img {
		position: absolute;
		top: 0; right: 0; bottom: 0; left: 0;
		width: 100%;
		height: 100%;
		max-width: none;
		object-fit: cover;           /* recadre sans déformer */
	}
}


/* ============================================================
   ACCUEIL — "Papiers peints à la une" (module best_seller)
   Cartes galerie : grille 4 colonnes, image plein cadre, titre dessous
   ============================================================ */

.footer_best_seller {
	max-width: 1380px;
	margin: 60px auto 0 auto;
	padding: 0 80px;
}

/* Titre de section : grand serif aligné à gauche */
.footer_best_seller h2.titre_a_la_une {
	text-align: left;
	text-transform: none;
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-size: 44px;
	font-weight: 500;
	color: #1a1a1a;
	margin: 0 0 36px 0;
}

/* Eyebrow "NOUVEAUTÉS" + lien "voir tous" : la barre au-dessus du titre */
.footer_best_seller .alaune-head {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin: 0 0 36px 0;
}
.footer_best_seller .alaune-head h2.titre_a_la_une {
	margin: 0;
}
.footer_best_seller .alaune-eyebrow {
	display: block;
	width: fit-content;
	text-align: left;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: #8d3b2f;
	margin: 0 0 14px 0;          /* bloc collé à gauche, aligné au titre */
	padding-left: 58px;          /* espace réservé au tiret, à l'intérieur du bloc */
	position: relative;
}
.footer_best_seller .alaune-eyebrow::before {
	content: "";
	position: absolute;
	left: 0;                     /* tiret au bord gauche du bloc, donc aligné au titre */
	top: 7px;
	width: 40px;
	height: 1px;
	background: #8d3b2f;
}
.footer_best_seller .alaune-seeall {
	font-family: Arial, sans-serif;
	font-size: 12px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #1a1a1a;
	text-decoration: none;
	border-bottom: 1px solid #b89e83;
	padding-bottom: 4px;
	white-space: nowrap;
	margin-bottom: 8px;
}
.footer_best_seller .alaune-seeall:hover {
	color: #9c875d;
}

/* La rangée : grille régulière de 4 cartes */
.footer_best_seller .home-slot2-A {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 28px;
	max-width: none;
	margin: 0;
	padding: 0;
}

/* La carte (table) → bloc flex : image en haut, titre en bas */
.footer_best_seller table.product-content-blog {
	width: 100%;
	margin: 0;
	display: flex;
	flex-direction: column-reverse;
}
.footer_best_seller table.product-content-blog tbody {
	display: flex;
	flex-direction: column-reverse;
	width: 100%;
}
.footer_best_seller table.product-content-blog tr,
.footer_best_seller table.product-content-blog td {
	display: block;
	width: 100%;
}

/* La fenêtre image : cadre crème, hauteur fixe verrouillée */
.footer_best_seller .product-content-blog td.produit_a_la_une {
	display: block !important;
	height: 440px !important;
	min-height: 440px !important;
	max-height: 440px !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
	background: #faf7f0;
	border: 1px solid #e7dfcb;
	box-sizing: border-box !important;
	position: relative;
}
/* Le lien englobant = cadre cliquable plein */
.footer_best_seller .product-content-blog td.produit_a_la_une .alaune-imglink {
	display: block !important;
	width: 100% !important;
	height: 440px !important;
	position: relative;
	z-index: 1;
}
/* L'image remplit le cadre, hauteur imposée + filet passe-partout */
.footer_best_seller .product-content-blog td.produit_a_la_une img.product_image {
	display: block !important;
	width: 100% !important;
	height: 440px !important;
	min-height: 440px !important;
	max-height: 440px !important;
	object-fit: cover !important;
	border: none !important;
	outline: 1px solid rgba(255, 255, 255, 0.55);
	outline-offset: -11px;
	transition: transform 0.6s ease, filter 0.6s ease;
}

/* Le lien rend toute l'image cliquable */
.footer_best_seller td.produit_a_la_une .alaune-imglink {
	position: absolute;
	inset: 0;
	display: block;
	z-index: 1;
}

/* Survol : zoom doux + voile + cartouche "Voir +" */
.footer_best_seller .product-content-blog:hover .product_image {
	filter: brightness(0.8);
	transform: scale(1.04);
}
.footer_best_seller .middle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: opacity 0.4s ease;
	z-index: 2;
}
.footer_best_seller .product-content-blog:hover .middle {
	opacity: 1;
}
.footer_best_seller .text {
	color: #fff;
	font-family: 'Cormorant Garamond', serif;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	padding: 12px 28px;
	border: 1px solid rgba(255, 255, 255, 0.75);
	background: rgba(20, 18, 14, 0.25);
}

/* Le nom du produit : serif, casse normale, aligné à gauche */
.footer_best_seller .nom_produit {
	font-size: 21px;
	font-family: 'Cormorant Garamond', Georgia, serif;
	text-transform: none;
	text-align: left;
	font-weight: 500;
	color: #1a1a1a;
	margin: 18px 0 0 0;
	line-height: 1.25;
	transition: color 0.25s ease;
}
.footer_best_seller .product-content-blog:hover .nom_produit {
	color: #9c875d;
}



/* Responsive */
@media screen and (max-width: 1024px) {
	.footer_best_seller { padding: 0 24px; }
	.footer_best_seller .home-slot2-A {
		grid-template-columns: repeat(2, 1fr);
		gap: 22px;
	}
	.footer_best_seller td.produit_a_la_une { height: 400px; }
	.footer_best_seller h2.titre_a_la_une { font-size: 34px; }
	.footer_best_seller .alaune-head { flex-direction: column; align-items: flex-start; gap: 12px; }
}
@media screen and (max-width: 600px) {
	.footer_best_seller .home-slot2-A { grid-template-columns: 1fr; }
}


/* ===== Accueil — FAQ ===== */

.home-faq{ box-sizing:border-box; width:100%; padding:65px 5% 60px; margin-top:24px; text-align:left; }
.home-faq__head{ margin-bottom:32px; }
.home-faq__eyebrow{ display:block; color:#8d3b2f; font-family:Arial,sans-serif; font-size:12px; letter-spacing:3px; text-transform:uppercase; margin-bottom:10px; }
.home-faq__eyebrow::before{ content:""; display:inline-block; width:32px; height:1px; background:#8d3b2f; vertical-align:middle; margin-right:12px; }
.home-faq__title{ font-family:'Cormorant Garamond',serif; font-size:42px; font-weight:500; color:#1a1a1a; margin:0; line-height:1.1; }

.home-faq__item{ max-width:1040px; margin-left:auto; margin-right:auto; border-bottom:1px solid #e2dac8; }
.home-faq__head + .home-faq__item{ border-top:1px solid #e2dac8; }
.home-faq__item > h2{
	position:relative; cursor:pointer; margin:0; padding:26px 44px 26px 0;
	font-family:'Cormorant Garamond',serif; font-size:21px; font-weight:500; color:#2a2722; text-align:left; transition:color .2s;
}
.home-faq__item > h2:hover{ color:#9c875d; }
.home-faq__item > h2::before, .home-faq__item > h2::after{ content:""; position:absolute; top:50%; right:0; background:#9c875d; transition:opacity .3s; }
.home-faq__item > h2::before{ width:15px; height:1px; transform:translateY(-50%); }
.home-faq__item > h2::after{ width:1px; height:15px; right:7px; transform:translateY(-50%); }
.home-faq__item.is-open > h2::after{ opacity:0; }

.home-faq__item > :not(h2){ display:none; }
.home-faq__item.is-open > :not(h2){ display:block; animation:faqIn .3s ease; }
@keyframes faqIn{ from{ opacity:0; transform:translateY(-6px); } to{ opacity:1; transform:none; } }
.home-faq__item.is-open{ padding-bottom:12px; }

.home-faq__item h3{ margin:16px 0 6px; font-family:Arial,sans-serif; font-size:12px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:#9c875d; }
.home-faq__item p{ margin:0 0 10px; font-family:'Cormorant Garamond',serif; font-size:17px; color:#3a372f; line-height:1.6; max-width:820px; }

@media(max-width:680px){
	.home-faq__item > h2{ font-size:18px; }
}


.home-faq__more{
	text-align:center;
	margin-top:30px;
}
.home-faq__btn{
	display:inline-block;
	padding:12px 28px;
	font-family:Georgia, serif;
	font-size:14px;
	letter-spacing:.04em;
	text-transform:uppercase;
	color:#b89e83;
	border:1px solid #b89e83;
	border-radius:2px;
	text-decoration:none;
	transition:all .25s ease;
}
.home-faq__btn:hover{
	background:#b89e83;
	color:#fff;
}

/* ===== Footer — refonte visuelle (markup BDD inchangé) ===== */

/* 4 colonnes infos : Professionnels / Presse / Commande / Qualité */
.txtsousinsta{ margin:0 !important; padding:52px 0 42px !important; background:#fff; align-items:stretch !important; }
.txtsousinsta .footer_info{ width:auto !important; flex:1 1 0 !important; float:none !important; margin:0 !important; padding:0 26px; }
.txtsousinsta .footer_info + .footer_info{ border-left:1px solid #e7dfcb; }
.txtsousinsta .footer_info::before{ content:""; display:block; width:9px; height:9px; margin:0 auto 20px; background:#b89e83; transform:rotate(45deg); }
.txtsousinsta .footer_info table{ width:100%; }
.txtsousinsta .footer_info span{ font-family:Arial,sans-serif !important; font-weight:400 !important; font-size:12px !important; letter-spacing:2px; text-transform:uppercase; color:#9c875d !important; }
.txtsousinsta .footer_info p{ color:#3a372f !important; font-family:'Cormorant Garamond',serif; font-size:15px; line-height:1.55; }
.txtsousinsta .footer_info p[style*="16px"]{ font-size:22px !important; color:#1a1a1a !important; margin-top:0 !important; }

/* Bande crème : colonnes de liens (Commander / Nos produits / Nos Services / Informations) */
.affiche_contenu_html_footer > table > tbody > tr:nth-child(6) > td{ background:#faf7f0; padding:44px 5% 30px; overflow:hidden; }
#footer .footer_info > span{ display:inline-block; font-family:Arial,sans-serif !important; font-weight:400 !important; font-size:12px !important; letter-spacing:2px; text-transform:uppercase; color:#9c875d !important; padding-bottom:8px; margin-bottom:14px; border-bottom:1px solid #b89e83; }
#footer .footer_info > ul{ list-style:none; margin:0; padding:0; }
#footer .footer_info > ul li{ margin:0 0 10px; }
#footer .footer_info > ul a, #footer .footer_info > ul .obflink, #footer .footer_info > ul p{ color:#3a372f !important; font-family:'Cormorant Garamond',serif !important; font-size:15px !important; cursor:pointer; margin:0; }
#footer .footer_info > ul a:hover, #footer .footer_info > ul .obflink:hover{ color:#9c875d !important; }

/* Réseaux sociaux en ronds */
.reseaux_sociaux{ background:#faf7f0 !important; padding:6px 0 42px; }
.reseaux_sociaux table{ margin:0 auto !important; float:none !important; width:auto !important; }
.reseaux_sociaux table td{ width:auto !important; padding:0 8px !important; }
.reseaux_sociaux img{ width:42px !important; height:42px !important; padding:9px; border:1px solid #9c875d; border-radius:50%; box-sizing:border-box; transition:background .2s; }
.reseaux_sociaux a:hover img{ background:#f1ece1; }

/* Bandeau copyright */
.footer_final{ background:#b89e83 !important; height:auto !important; padding:16px 0 !important; }
.footer_final span{ color:#fff !important; font-family:Arial,sans-serif !important; font-weight:400 !important; font-size:12px !important; letter-spacing:1px; }




/* ===================================================================
   FOOTER MOBILE — lisibilité & ergonomie
   =================================================================== */
@media only screen and (max-width: 600px) {

	/* Sections empilées, pleine largeur, aérées, avec séparateur */
	#footer .footer_info {
		float: none;
		width: 100%;
		max-width: 440px;
		margin: 0 auto;
		padding: 16px 24px;
		box-sizing: border-box;
		border-bottom: 1px solid rgba(184, 158, 131, .20);
	}
	#footer .footer_info:last-of-type { border-bottom: 0; }

	/* Titres de section : plus grands, espacés, contrastés */
	#footer .footer_info h3 {
		display: block;
		font-family: 'Cormorant Garamond', serif;
		font-size: 14px;
		font-weight: 600;
		letter-spacing: .22em;
		text-transform: uppercase;
		color: #B89E83;
		margin: 0 0 10px;
	}

	/* Liens : cibles tactiles confortables + style homogène */
	#footer .footer_info ul { margin: 0; padding: 0; }
	#footer .footer_info li { margin: 0; }

	#footer .footer_info li a {
		display: block;
		padding: 13px 6px;
		font-size: 17px;
		line-height: 1.15;
		color: #514c45;
		text-decoration: none;
	}
	#footer .footer_info li a:hover,
	#footer .footer_info li a:active { color: #B89E83; }

	/* Homogénéise le gras incohérent des libellés générés par les modules */
	#footer .footer_info li,
	#footer .footer_info li a,
	#footer .footer_info li b,
	#footer .footer_info li strong { font-weight: 400; }

	/* Barre copyright bien lisible */
	.footer_final { height: auto; padding: 14px 0; }
	.footer_final span { font-size: 15px; }
}


/* ===== Effet d'apparition au scroll (home) ===== */
.reveal-on-scroll{
	opacity: 0;
	transform: translateY(28px);
	transition: opacity .7s ease, transform .7s ease;
}
.reveal-on-scroll.is-revealed{
	opacity: 1;
	transform: none;
}
/* Accessibilité : pas d'animation si l'utilisateur la désactive */
@media (prefers-reduced-motion: reduce){
	.reveal-on-scroll{ opacity:1; transform:none; transition:none; }
}

/* ===== Image Acuueil Mobile ===== */

/* Image fixe d'accueil (mobile uniquement) */
.home-hero-mobile { display: none; }

@media (max-width: 768px) {
    #jssor_1 { display: none !important; }
    .home-hero-mobile {
        display: block;
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }
    .home-hero-mobile img {
        display: block;
        width: 100vw;
        height: 100vh;
        object-fit: cover;
    }
}



@media (max-width: 768px) {
    #jssor_1 { display: none !important; }

    .home-hero-mobile {
        display: block;
        position: relative;
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }
    .home-hero-mobile img {
        display: block;
        width: 100vw;
        height: 100vh;
        object-fit: cover;
    }
    .home-hero-mobile::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(to bottom, rgba(20,18,15,0.45) 0%, rgba(20,18,15,0.32) 42%, rgba(20,18,15,0.65) 100%);
        pointer-events: none;
    }
    .home-hero-mobile__inner {
        position: absolute;
        inset: 0;
        z-index: 2;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 0 30px 8vh;
    }
    .home-hero-mobile__eyebrow {
        color: #e7d9c2;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 12px;
        letter-spacing: 3px;
        text-transform: uppercase;
        margin-bottom: 18px;
        text-shadow: 0 1px 6px rgba(0,0,0,0.75);
    }
    .home-hero-mobile__title {
        margin: 0;
        color: #fff;
        font-family: Georgia, "Times New Roman", serif;
        font-weight: 400;
        font-size: 34px;
        line-height: 1.18;
        letter-spacing: 0.5px;
        text-shadow: 0 2px 6px rgba(0,0,0,0.75), 0 0 22px rgba(0,0,0,0.55);
    }
    .home-hero-mobile__rule {
        display: block;
        width: 54px;
        height: 1px;
        margin: 26px 0 34px;
        background: #fff;
        box-shadow: 0 0 8px rgba(0,0,0,0.6);
    }
    .home-hero-mobile__cta {
        display: inline-block;
        color: #fff !important;
        background: rgba(0,0,0,0.28) !important;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 12px;
        letter-spacing: 2px;
        text-transform: uppercase;
        text-decoration: none !important;
        padding: 13px 28px;
        border: 1px solid rgba(255,255,255,0.75);
        border-radius: 0;
        box-shadow: none;
        transition: background-color .25s ease, color .25s ease;
    }
    .home-hero-mobile__cta:hover,
    .home-hero-mobile__cta:active {
        background: #fff;
        color: #1a1a1a;
    }
}

/* Bandeau texte SEO en bas de l'image — mobile uniquement */
@media (max-width: 768px) {
    .home-seo {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        padding: 64px 26px 24px;
        background: linear-gradient(to bottom, rgba(18,16,14,0) 0%, rgba(18,16,14,0.35) 45%, rgba(18,16,14,0.82) 100%);
        text-align: center;
        color: #f3eee7;
    }
    .home-seo__toggle { display: none; }

    .home-seo__text {
        max-height: 40px;
        overflow: hidden;
        transition: max-height .5s ease;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 12.5px;
        line-height: 1.75;
        letter-spacing: 0.2px;
        color: rgba(255,255,255,0.88);
        text-shadow: 0 1px 6px rgba(0,0,0,0.55);
    }
    .home-seo__text p { margin: 0 0 12px; }

    .home-seo__more {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        margin-top: 16px;
        padding-top: 14px;
        position: relative;
        color: #e9dcc4;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 11px;
        letter-spacing: 2.5px;
        text-transform: uppercase;
        cursor: pointer;
        transition: color .25s ease;
    }
    .home-seo__more::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 40px;
        height: 1px;
        background: rgba(201,173,131,0.9);
    }
    .home-seo__more::after { content: "Voir plus"; }
    .home-seo__more:hover { color: #fff; }

    /* chevron dessiné, bien aligné */
    .home-seo__more i {
        display: inline-block;
        width: 7px;
        height: 7px;
        border-right: 1px solid currentColor;
        border-bottom: 1px solid currentColor;
        transform: rotate(45deg);
        transition: transform .3s ease;
        position: relative;
        top: -2px;
        order: 2;
    }

    /* état déplié */
    .home-seo__toggle:checked ~ .home-seo__text { max-height: 1000px; }
    .home-seo__toggle:checked ~ .home-seo__more::after { content: "Voir moins"; }
    .home-seo__toggle:checked ~ .home-seo__more i {
        transform: rotate(-135deg);
        top: 2px;
    }
}

/* Banniere catalogue */

.catalogue-banner {
	position: relative;
	overflow: hidden;
	height: 440px;
}

.catalogue-banner__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 35%;
	display: block;
}

.catalogue-banner__overlay {
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse 55% 75% at center, rgba(15,12,9,0.55) 0%, rgba(15,12,9,0.3) 55%, rgba(15,12,9,0.05) 100%);
}

.catalogue-banner__content {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	gap: 18px;
}



.catalogue-banner__titrewrap {
	display: flex;
	align-items: center;
	gap: 24px;
}

.catalogue-banner__trait {
	display: block;
	width: 60px;
	height: 1px;
	background: linear-gradient(to right, transparent, #cbb896, transparent);
}

.catalogue-banner__title {
	font-family: 'Cormorant Infant', serif;
	color: #fff;
	font-size: 46px;
	font-weight: 500;
	letter-spacing: 6px;
	text-transform: uppercase;
	margin: 0;
	line-height: 1.1;
	text-shadow: 0 2px 14px rgba(0,0,0,0.35);
}

.catalogue-banner__actions {
	display: flex;
	gap: 16px;
	margin-top: 12px;
	flex-wrap: wrap;
	justify-content: center;
}

a.catalogue-banner__btn {
	font-family: 'Cormorant Infant', serif;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 2px;
	padding: 14px 36px;
	text-align: center;
	text-decoration: none;
	border: 1px solid rgba(255,255,255,0.75);
	color: #fff;
	transition: background 0.25s, color 0.25s, border-color 0.25s, transform 0.25s, box-shadow 0.25s;
}

a.catalogue-banner__btn:hover {
	border-color: #fff;
	background: rgba(255,255,255,0.15);
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 6px 18px rgba(0,0,0,0.25);
}

a.catalogue-banner__btn--plein {
	background: #fff;
	border-color: #fff;
	color: #2b2622;
}

a.catalogue-banner__btn--plein:hover {
	background: #e8ddc9;
	border-color: #e8ddc9;
	color: #2b2622;
	transform: translateY(-2px);
	box-shadow: 0 6px 18px rgba(0,0,0,0.25);
}

@media (max-width: 768px) {
	.catalogue-banner { height: 380px; }
	.catalogue-banner__content { padding: 0 24px; align-items: center; text-align: center; max-width: none; }
	.catalogue-banner__overlay { background: rgba(15,12,9,0.55); }
	.catalogue-banner__title { font-size: 30px; }
	.catalogue-banner__btn { font-size: 14px; padding: 11px 22px; }
	.catalogue-banner__trait { width: 30px; }
	.catalogue-banner__titrewrap { gap: 12px; }
}


.titre_inspiration {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

.titre_inspiration h2 {
	margin: 0;
}