@charset "utf-8";

/*---------------NORMALIZE----------------*/
/* roboto-regular - latin */
/*
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v16-latin-regular.eot'); 
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v16-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/roboto-v16-latin-regular.woff2') format('woff2'),
       url('fonts/roboto-v16-latin-regular.woff') format('woff'), 
       url('fonts/roboto-v16-latin-regular.ttf') format('truetype'), 
       url('fonts/roboto-v16-latin-regular.svg#Roboto') format('svg');
}*/

/* 
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v16-latin-700.eot'); 
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('fonts/roboto-v16-latin-700.eot?#iefix') format('embedded-opentype'),
       url('fonts/roboto-v16-latin-700.woff2') format('woff2'), 
       url('fonts/roboto-v16-latin-700.woff') format('woff'), 
       url('fonts/roboto-v16-latin-700.ttf') format('truetype'),
       url('fonts/roboto-v16-latin-700.svg#Roboto') format('svg'); 
}
*/

/*
@font-face {
  font-family: 'artisan';
  font-style: normal;
  font-weight: 700;
  src:url('fonts/artisan.woff') format('woff');
}*/

@font-face {
  font-family: 'DM Serif Text';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/dm-serif-text-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/dm-serif-text-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/dm-serif-text-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/dm-serif-text-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/dm-serif-text-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/dm-serif-text-v10-latin-regular.svg#DMSerifText') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('fonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v14-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}



/* ==== Wishlist + Ratings ==== */
.product-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* ==== Prix & Paiement ==== */
.product-price {
  font-size: 20px;
  font-weight: 600;
}

.installments {
  font-size: 1.5rem;
  color: #444;
  /*margin-bottom: 16px;
  margin-left: 16px;*/
  background: #f7f7f7;
  padding: 8px;
  /*border-radius: 4px;/*/
  display: inline-block;
}
.prix_barre{
color:#8c8c8c;
margin-right:18px;

text-decoration: underline #8c8c8c 0.15rem;
text-underline-offset: -0.4em;
text-decoration-skip-ink: none;

}
.prix_barre_pourcentage {

  /*font-size: 1.3rem;*/
  color: #fff;
  /*margin-bottom: 16px;*/
  margin-left: 18px;
  background: #000;
  padding: 6px;
  /*border-radius: 4px;*/
  display: inline-block;

}

.article_indisponible {
	font-size: 1.3rem;
	color: #df0c0c;
	/* margin-bottom: 16px; */
	/* margin-left: 18px; */
	background: #fff;
	padding: 6px;
	/* border-radius: 4px; */
	display: inline-block;
	width: 100%;
	text-align: center;
	border: 3px solid #df0c0c;
}


/* ==== Description ==== */


.product-description {
  font-size:1.3rem;
  padding:10px 0;
}

#caracteristiques_produit_modal, #description_produit_modal, #avis_produit_modal{
	min-width:300px;
	max-width:500px;
	font-size:1.5rem;
	padding:5px;
	color: #000;
}
#caracteristiques_produit_modal a, #description_produit_modal a, #avis_produit_modal a{
	color: #000;
}
#caracteristiques_produit_modal, ul li, #description_produit_modal ul li{
	list-style:none;
}

.mwidth600{
	max-width:600;
}
.caracs-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1.3rem;
}
.caracs-table tr td:first-child {
 font-weight:600;
}

.caracs-table tr {
  border-bottom: 1px solid #dddddd;
}
.caracs-table td {
  padding: 10px ;
  text-align: right;
  width:50%;
}
.caracs-table td:last-child {
  text-align:left;
}
.caracs-table tr:last-child {
  border-bottom: 0px solid #dddddd;
}
@media screen and (min-width: 980px) {

.table-2col tbody {
  display: flex;
  flex-wrap: wrap;
}

.table-2col tr {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 50%;
}

.table-2col tr:nth-last-child(2) {
  border-bottom: 0px solid #dddddd;
}

.table-2col td {
	  width:100%;
}
}

.variantes {
  position: relative; 
  overflow: hidden;  
}
.ic-info {
  display: inline-flex;
  align-items: center;
  justify-content: center; 
  width: 20px;                    
  height: 20px;
  border: 1px solid #000;
  border-radius: 50%; 
  font-size: 15px;
  line-height: 1;
  font-weight: bold; 
  user-select: none;
margin-left:10px;  
}

#AfficheVariantes {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
}
#AfficheVariantes img {
 border:1px solid #ddd;
}
#AfficheVariantes img.active {
 border:1px solid #000;
}
.container_variantes img.active {
 border:1px solid #000;
 margin:5px;
}
.container_variantes img {
 border:1px solid #ddd;
 margin:5px;
}
.container_variantes {
  display: flex;            /* disposition en ligne des items */
  flex-wrap: wrap;          /* retour à la ligne si besoin */
  gap: 16px;                /* espacement entre les items */
}

.variantes-item {
  display: flex;
  flex-direction: column;   /* empile img puis texte */
  align-items: center;      /* centre horizontalement */
  width: 80px;              /* ou la largeur de vos vignettes */
  text-align: center;       /* au cas où le <p> fait plusieurs lignes */
  
}

.variantes-item img {
  display: block;           /* supprime l’espace sous l’image */
  max-width: 100%;          /* responsive */
}

#AfficheCaracteristiques{
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;	
}
.offcanvas {
      position: fixed;
      top: 0;
	  width:33%;
      min-width: 260px;
      height: 100%;
      background: white;
      box-shadow: 2px 0 10px rgba(0,0,0,0.2);
      padding: 5px 25px;
      z-index: 1000;
      display: none;
	  overflow-y:scroll;
    }
.offcanvasTitle {
	font-size: 2rem;
	font-weight:900;
	margin: 10px 0;
	text-align:left;
    }

    #sizeOffcanvas {
      right: 0;
      width: 300px;
    }

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

    .offcanvas a {
      text-decoration: none;
      color: #333;
      display: inline-block;
    }

.closeCanvaMenu {
    position: absolute;
    top: 10px;
    right: 12px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
	        background-image: url(fancybox/fancybox_sprite_2x.png);
        background-size: 44px 152px;
		background-color:white;
}
/*
.closeCanvaMenu .line {
  position: absolute;
  width: 20px;
  height: 1.5px;
  background-color: #333; 
  border-radius: 0px;
}

.closeCanvaMenu .line1 {
  transform: rotate(45deg);
}

.closeCanvaMenu .line2 {
  transform: rotate(-45deg);
}*/

    #overlayCanva {
      position: fixed;
      inset: 0;
      background: rgba(0, 0, 0, 0.45);
      display: none;
      z-index: 999;
    }

    .size-selector {
      margin: 2rem 1rem;
    }

    .size-selector label {
      display: block;
      margin-bottom: 0.5rem;
      font-weight: bold;
      color: #333;
    }

    .selector-button {
      padding: 0.7rem 1.2rem;
      background-color: #a11e2f;
      border: 2px solid #a11e2f;
      color: white;
      font-size: 1rem;
      border-radius: 5px;
      cursor: pointer;
      transition: all 0.3s ease-in-out;
    }

    .selector-button:hover {
      background-color: white;
      color: #a11e2f;
    }

    #sizeOffcanvas ul {
      list-style: none;
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem;
      padding: 1rem 0;
      justify-content: start;
    }

    #sizeOffcanvas li {
      margin: 0;
	  height:35px;
    }

    #sizeOffcanvas a {
      display: inline-block;
      text-align: left;
      padding: 0.6rem 1rem;
      border: 1px solid #000;
      border-radius: 0px;
      color: #000;
      font-weight: bold;
      text-decoration: none;
      transition: all 0.2s ease;
      /*min-width: 220px;*/
    }
	.sizeOption {
  display: inline-block;
  text-align: center;
  padding: 0.6rem 1rem;
  border: 1px solid #000;
  border-radius: 0;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  transition: all 0.2s ease;
  margin: 5px;
  white-space: nowrap;  
    }
	.sizeOptionLabel {
  display: inline-block;
  text-align: center;
 
  border: 0;
  border-radius: 0;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  transition: all 0.2s ease;
  margin-top: 12px;
  white-space: nowrap;  
    }
	#sizeOptions {  
	display: flex;
	overflow-x: hidden;
	white-space: nowrap;
	scroll-behavior: smooth;
	padding-right: 20px;
	min-height:40%;
    }
	
#sizeOptions span.active {
  background-color: #000;
  color: #fff;
}

.fade-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(
    to right,
    rgba(255,255,255,0) 0%,
    #fdfdfd 100%
  );
}
.taille-wrapper {
  position: relative;
  overflow: hidden;
  max-width: 100%;
}

#reassurance_offcanvas section{
text-align:left;
font-size:1.4rem;	
	
}
#reassurance_offcanvas p{
margin : 10px auto;	
}

    #sizeOffcanvas a:hover,
    #sizeOffcanvas a.active {
      background: #000;
      color: white;
    }

/* ==== Icônes produit ==== */
.product-icons,
.product-services {
cursor:pointer;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 16px 0;
}

.product-icons .p-icon,
.product-services .p-icon {
  background: #fff;
  /*border-radius: 8px;*/
  flex: 1 1 30%;
  text-align: center;
  padding: 8px;
  min-width: 100px;
  box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

.product-icons img,
.product-services img {
  margin-bottom: 8px;
  min-height: 30px;
}


details summary::-webkit-details-marker {
        display: none;
      }

/* ==== Accordéons ==== */
.product-accordions details {
  border-top: 1px solid #ddd;
  padding: 15px 0;
}

.product-accordions summary {
  font-size:1.6rem;
  font-weight:600;
  cursor: pointer;
  list-style: none;
}

.product-accordions summary img {
	margin:1px;
}

.product-accordions summary span {
	display:inline-block;
	min-width: 70px;
}

.product-accordions summary::marker {
  display: none;
}

.product-accordions ul {
  margin: 12px 0 0;
  padding-left: 0;
  list-style: none;
}

.product-accordions li {
  margin-bottom: 6px;
}

.mt10{margin-top:10px;}

html {
	font-size: 62.5%
}
html, body {
	width: 100%;
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	line-height: normal;
	font-family: "Open Sans", Tahoma, sans-serif;
	
}

body{
	background-color: #fdfdfd;
}
ol, ul {
	/*margin: .75em 0 .75em 32px;*/
	padding: 0;
}


.page_contenu ul, .page_contenu ol {
	margin: .75em 0 .75em 32px;
}
.page_contenu ul li {
	font-size:1.3rem;
	line-height: 2em;

}
p {
	margin: .75em 0;
}

address {
	margin: .75em 0;
	font-style: normal;
}
a {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
a:active, a:hover {
	color: #666666;
	outline: 0;
	-webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input:focus,
textarea:focus,
select:focus {
outline: 1px solid  #c5a880;
outline-offset: -1px;
}

button:active, button:hover {
	
	-webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
a img {
	border: none;
}
img {
	
	-webkit-filter: brightness(102%) contrast(102%) saturate(102%);
	filter: brightness(102%) contrast(102%) saturate(102%);
	
}

em {
	font-style: italic;
}

strong {
	font-weight: 700;
}
fieldset, form {
	margin: 0;
	padding: 0;
	border: none;
}
button, input, select {
	vertical-align: middle;
	font-family: "Roboto", Tahoma, sans-serif;
}
iframe {
	border: none;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.href_tel{
	padding:5px;
	font-weight:800;
	color:#000;
	display:inline-block;
	}
	.br{
	text-align:center;
	position:relative;
	padding:0 1rem;
	margin:1.5rem 0 1rem
	}
.br:after{
	height:1px;
	content:"";
	display:block;
	left:0;
	right:0;
	top:49%;
	position:absolute;
	z-index:1;
	background:#E5E9EB}
.br p{

	z-index:2;
	font-size:.8rem;
	line-height:1rem;
	position:relative;
	background:#fff;
	padding:0 .4rem;
	display:inline-block;
	margin:0;
	text-transform:uppercase
}
.noborder{
	border:0 !important;
}
.blink {
  animation: blinker 3s linear infinite;
}

@keyframes blinker {  
	50% { opacity: 0;	}  
}
.error_border{
	border:1px solid #d71e62 !important;
}
.violet{
	color: #d71e62;
}
.or{
	color: #c7b299;
}
.noir{
	color: #000;
}
.gris{
	color: #666;
}
.blanc{
	color: #fff;
}
.blanc:hover{
	color: #fff;
}
.uppercase{
text-transform: uppercase;
}
.cursor_pointer {
cursor:pointer;
}
.dragscroll{
	overflow: auto; white-space: nowrap; scrollbar-width:none; 
}
.ulsscat{
	line-height:4.2rem; margin : 10px auto; padding:5px 5px 15px 3px;
}
.lisscat{
	display: inline-block; text-align: center;white-space: nowrap;height:auto;
}
.asscat{
	box-shadow: 0 0 3px rgba(0,0,0,0.05);  background-color: #fff; color: #333333; border-radius: 0px; padding:10px; margin-right:10px; font-size:1.4rem;
	
}

.assdet{
	background-color: #fff; color: #333333; padding:10px; margin-right:10px; 
}


.underline{
text-decoration:underline;}

.btn_cat {
	text-align: center;
	width: 100%;
	float: right;
	display: block;
	color: #d71e62;
	background: #ffffff;
	border: 3px solid #d71e62;
	padding: 10px;
	text-transform: uppercase;
	font-size: 1.6em;
	/*-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-o-transition: all 300ms;
	-ms-transition: all 300ms;*/
	transition: all 300ms;
	margin: 10px 0;
}
.caroussel_av_item,.caroussel_av_item_first {
	margin:auto;
	/*border: 1px solid #ccc;*/
	background-color:#fff;
	box-shadow:0 0 10px rgba(0,0,0,0.05);
	height:220px;
	/*width:220px;*/
	padding:12px;
	margin:10px;
}
.caroussel_av_item_first {
	font-size:1.5em;
	font-weight:bold;
}
.caroussel_av_item_first img {
	
	margin: 15px auto;
	max-width: 100px;
}
.nav_caroussel_avis_site {
	margin:auto;
	border: 1px solid #ccc;
	border-radius: 5px;
	height:20px;
	width:20px;

}
.caroussel_av_etoiles {
	display:inline-block;
	width:80px;
}
.caroussel_av_date {
	display:inline-block;
	float:right;
	width:69px;
	margin:5px;
} 
.caroussel_av_texte {
	padding: 0px;
	font-size:1.4em;
	font-style: italic;
	height:160px;
	margin-top:-10px;
	overflow:hidden;
	width:100%;

}
.caroussel_av_auteur {

	font-size:1.1em;
	width:185px;
	
}
.caroussel_av_date_cmde {
	
}
.spacer10 {
	height: 10px;
}
.spacer20 {
	height: 20px;
}
.spacer30 {
	height: 30px;
}
.col_1_3 {
	float: left;
	width: 33.3333%;
	/*border:1px solid #6666;*/
}
.col_1_4 {
	float: left;
	width: 25%;
	/*border:1px solid #6666;*/
}
.col_3_4 {
	float: left;
	width: 75%;
	/*border:1px solid #6666;*/
}
.col_2_3 {
	float: left;
	width: 66.6666%;
}
.col_1_2 {
	float: left;
	width: 50%;
}

.msg_alert {
	font-size: 1.4rem;
	display: block;
	text-align: center;
	color: #d71e62;
	font-weight: bold;
}
input[type="submit"], input[type="button"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
/* retablissement de l'apparence des selects (surtout ios) */
/*select, input{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0; 
position: relative;
}*/

/*input, textarea{
font-family:Arial, Helvetica, sans-serif;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}*/




/*---------------COOKIEBAR-----------*/
* {
    padding: 0;
    margin: 0;
    border: none
}

.container {
    margin: 0 auto;
    max-width: 550px
}

.highlight {
    background: rgba(255, 215, 0, .115)
}

#gdpr-cookie-types li label {
    display: inline-block;
    max-width: 90%
}

#gdpr-cookie-message {
    z-index: 999;
    /*position: fixed;
    left: 1%;
    bottom: 10px;
    width: 98%;
    background-color: #000;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, .25)*/
	position: fixed;
    display: block;
    top: 20%;
    left: 25%;
    background: rgb(255, 255, 255);
    padding: 15px;
    font-size: 14px;
    color: rgb(0, 0, 0);
    border: 1px solid rgb(0, 0, 0);
    width: 50%;
    opacity: 1;
}

#gdpr-cookie-message h4 {
    color: #d71e62;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px
}

#gdpr-cookie-message h5 {
    color: #d71e62;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px
}

#gdpr-cookie-message p,
#gdpr-cookie-message ul {
    color: #000;
    font-size: 14px;
    line-height: 1.5em
}

#gdpr-cookie-message p:last-child {
    margin-bottom: 0;
    text-align: right
}

#gdpr-cookie-message li {
    width: 33%;
    display: inline-block;
	
}

#gdpr-cookie-accept-all {
   display: none
}

#gdpr-cookie-message a,
#gdpr-cookie-message span {
    color: #000;
    text-decoration: underline;
    font-size: 14px;
    padding-bottom: 2px;
    transition: all .3s ease-in
}

#gdpr-cookie-message a:hover, #gdpr-cookie-advanced:hover {
    color: #d71e62;
    border-bottom-color: #d71e62;
    transition: all .2s ease-in
}

#gdpr-cookie-message span {
    cursor: pointer
}

#gdpr-cookie-accept {
    border: none;
    background: #d71e62;
    color: #fff;
    font-size: 14px;
    padding: 7px;
    border-radius: 0px;
    margin-left: 15px;
    cursor: pointer;
    transition: all .3s ease-in
}
/*#gdpr-cookie-advanced*/#gdpr-cookie-refuse {
    border: none;
    background: #fff;
    color: #000;
    font-size: 14px;
    padding: 7px;
    border-radius: 0px;
    margin-right: 15px;
    cursor: pointer;
    transition: all .3s ease-in;
	float:left;
}

#gdpr-cookie-perso {
    color: #fff;
    text-decoration: underline;
    font-size: 14px;
    padding-bottom: 2px;
    transition: all .3s ease-in;
    cursor: pointer
}
#gdpr-cookie-types li label {
        font-size: 12px
}
#gdpr-cookie-message button:disabled {
    display: none
}

#gdpr-cookie-message input[type=checkbox] {
    float: none;
    margin-top: 0;
    margin-right: 5px
}

@media screen and (max-width:1200px) {
    #gdpr-cookie-message li {
        width: 100%;
        display: inline-block
    }

}


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

	
.ssssCatalogue1col,
.ssssCatalogue2col,
.ssssCatalogue3col,
.ssssCatalogue4col {
	-webkit-columns: 1 !important;
	-moz-columns: 1 !important;
	columns: 1 !important;
}

	
	#gdpr-cookie-message {

    top:20%;
    left: 5%;
    width: 90%;

}

    #gdpr-cookie-message a,
	#gdpr-cookie-message span,
    #gdpr-cookie-message button,
    #gdpr-cookie-message p,
    #gdpr-cookie-perso,
    #gdpr-cookie-types li label {
        font-size: 12px
    }
    #gdpr-cookie-message h4,
    #gdpr-cookie-message h5 {
        font-size: 14px
    }
    #gdpr-cookie-message li {
        width: 100%;
        display: inline-block
    }
    .cookie_description {
        display: none
    }
    #gdpr-cookie-message input[type=checkbox] {
       /* margin: 0!important;
        float: left*/
    }
}


/*---------------BASE----------------*/



.col_left {
	float: left;
}
.col_right {
	float: right;
}
.center {
	text-align: center;
}
.texte {
	display: block;
	text-align: left;
	color: #000000;
	font-size: 1.4em;
	font-weight: normal;
}
.texte_centre {
	display: block;
	text-align: center;
	color: #000000;
	font-size: 1.4em;
	font-weight: normal;
}
.titre {
	font-weight:bold;
	list-style: none;
	display: block;
	text-align: left;
	color: #000000;
	font-size: 1.4em;
	font-family: 'Open Sans', sans-serif;
}


h1 {
	display: block;
	text-align: center;
	color: #c7b299;
	text-transform: uppercase;
	font-size: 1.6em;
	font-weight: normal;
	/*margin: 0.6em 0 0.6em 0;*/
	font-family: 'Open Sans', sans-serif;
}
#content h1 {
	text-transform: none;
	text-align: left;
}
h2 {
	color: #000000;
	/*text-transform: uppercase;*/
	font-size: 1.4em;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
}
h4 {
}
.overall {
	margin: 0 auto;
	max-width: 1000px;
}
.recentre {
	max-width: 1000px;
	margin: auto;
}
.centre {
	text-align: center;
}
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.SsMenuMobile{
	display: none;
}
.display {
	display: none !important;
}
.on {
    display: block;
}
.off {
    display: none;
}
.responsive {
	display: none !important;
}
.menu_responsive {
	display: none;
}
.show768 {
	display: none;
}
.hide768 {
	display: inline-block;
}
.show780 {
	display: none;
}
.show640 {
	display: none;
}
.show320 {
  display: none;
}

.pointer {
cursor:pointer;
}

.nopo {
cursor:initial;
}

.preventselect {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

.col_gauche {
	width: 48%;
	float: left;
}
.col_droite {
	width: 48%;
	float: right;
}
.fr {
	float: right;
}
.fl {
	float: left;
}
.block {
	display: block !important;
}
/*---------------HEADER----------------*/
header {
	margin-bottom: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
#headerSite {
	z-index: 10;
	background: #ffffff;
	/*position: fixed;*/
	width: 100%;
	
}

#header_f {
	display: block;
	height: 169px;
}
#header_f_cookie_rea {
	display: block;
	height: 169px;
}
/*#entete_header {
	margin-top:3px;
	
	background: #ffffff;
	width: 100%;
	
	height: 30px;
	
	color: #000000;
	font-size: 1.3em;
	
}*/
.selection_menu button, .selection_menu a {
	background-color: #C7B299 !important;
	color: #fafafa !important;
	font-weight: 700;	
}

.selection_menu button:hover , .selection_menu a:hover {
	background-color: #C7B299 !important;
	color: #fff !important;
}

.selection_menu_black button, .selection_menu_black a {
	background-color: #000 !important;
	color: #fff !important;
	font-weight: 700;	
}

.selection_menu_black button:hover , .selection_menu_black a:hover {
	background-color: #C7B299 !important;
	color: #fff !important;
}
#entete_header {
	font-size: 1.3em;
	background-color: #C7B299 ;
	border:none;
	margin-top:-2px;
	vertical-align:middle;
	height:35px;
}
#entete_header a {	
	color: #333;
	text-transform: none;
}
#entete_header_maison {
	display: inline-block;
	float: left;
	padding: 0 0 0 20px;
	border: 0;
	cursor: pointer;
	background: #FFFFFF;
}
/*.logo_maison {
	content: '';
	display: inline-block;
	vertical-align: middle;
	background: url('../images/sprite.svg?v=3') no-repeat 0 0;
	width: 27px;
	height: 26px;
	margin: -2px 5px 0 0;
}*/
#entete_header_aide_button {
	/*display: inline-block;
	vertical-align: middle;
	padding: 2px 10px 0 120px;*/
	padding: 0 10px 0 15%;
	border: 0px;
	cursor: pointer;
	background: #FFFFFF;
	font-weight: bold;
	height: 26px;
}
#entete_header_tel {
	
	/*display: inline-block;*/
	padding: 0 0 0 5%;
	/*height: 26px;*/
}



/*
.logo_tel {
	content: '';
	display: inline-block;
	vertical-align: middle;
	
	background: url('../images/sprite.svg?v=3') no-repeat -50px 0;
	width: 21px;
	height: 26px;
	margin: 0 5px 0 5px;
}*/
/*.logo_contact {
	content: '';
	display: inline-block;
	vertical-align: middle;
	background: url('../images/sprite.svg?v=3') no-repeat -107px 0;
	width: 23px;
	height: 21px;
	margin: 3px 8px 0 0;
}*/
#content_header {
	background: #fff;
	width: 100%;
	height:68px;
}

#logo {
	/*font-family: 'Comfortaa', cursive;*/
	
	color: #FFFFFF;
	text-align: center;
	display: block;
	float: left;
	line-height: 2em;
	width: 269px;
	height: 45px;
	margin: 11px 15px 0 20px;
	/*background: url(../images/logo2.png) center no-repeat;*/
	border: 0;
	cursor: pointer;
	background: url('../images/x2/logo4.svg') center no-repeat;
	background-size: 251px  45px;
}
#contact_tunnel_header {
	/*font-family: 'Comfortaa', cursive;*/
	color: #FFFFFF;
	text-align: center;
	display: block;
	float: left;
	line-height: 2em;
	width: 240px;
	height: 54px;
	margin: 9px 5% 0 5%;
	background: url('../images/x2/contact_tunnel2.png') center no-repeat;
	background-size: 202px 45px;
	border: 0;
    cursor:context-menu;
	}
#logos_rea_tunnel_header {
	/*font-family: 'Comfortaa', cursive;*/
	
	color: #FFFFFF;
	text-align: center;
	display: block;
	float: left;
	line-height: 2em;
	width: 168px;
	height: 54px;
	margin: 7px 5% 0 5%;
	background-image: url('../images/x2/logos_tunnel2.png');
	background-size: 168px 54px;
	background-repeat: no-repeat;
	border: 0;
    cursor:context-menu;
	}
#recherche_libre {
	float: right;
	width: 35%;
	padding: 18px 5px 10px 20px;
	margin-right: 62px;

}
#recherche_libre .input {
	float: left;
	width: 100%;
	height: 32px;
	margin: 0px;

	border-radius: 0;
	border: 0;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	color: #000;
}
#recherche_libre .btn_submit {
	width: 32px;
	height: 32px;
	float: right;
	margin: 0 -32px 0 0;
	background-image: url('../images/loupe.svg');
	box-shadow: 0 0 10px rgba(0,0,0,0.03);
	/*background-image:  url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjMycHgiIHZpZXdCb3g9Ii00Ljg5NCAtNS44MDMgMzIgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTQuODk0IC01LjgwMyAzMiAzMiINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZGVmcz4NCjwvZGVmcz4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xOC4yODgsMTEuODQ0YzIuNzg5LTIuNDk5LDMuMDI1LTYuNzkyLDAuNTI3LTkuNTg1QzE2LjMxMy0wLjUzMywxMi4wMjItMC43Nyw5LjIyMywxLjczDQoJYy0yLjQ2OSwyLjIxMS0yLjkzOCw1LjgyNC0xLjI4MSw4LjU2NGwtMS4wMTUsMC45MDJsLTAuNTUxLTAuNjExTDAsMTYuMjk4bDIuNzkzLDMuMTJsNi4zNzctNS43MTdsLTAuNTUxLTAuNjA4bDEuMDE0LTAuOTA4DQoJQzEyLjE3NiwxNC4xMywxNS44MTYsMTQuMDU2LDE4LjI4OCwxMS44NDR6IE0xMC40MzUsMy4wNzhjMi4wNDctMS44MzQsNS4xOTYtMS42NTUsNy4wMjgsMC4zOTJjMS44NCwyLjA0OCwxLjY2Niw1LjE5Mi0wLjM4OSw3LjAyNg0KCWMtMi4wNDUsMS44NDItNS4xOTUsMS42NjMtNy4wMjctMC4zODdDOC4yMSw4LjA2Miw4LjM4Myw0LjkxMSwxMC40MzUsMy4wNzh6Ii8+DQo8L3N2Zz4NCg==');
	*/
	/*background-image: url('../images/sprite.svg?v=3');
	background-position: 6px -26px;
	background-repeat: no-repeat;*/
	background-color: #c7b299;
}
#recherche_libre .btn_submit:hover {
	font-size: 1.2em;
	background-color: #c7b299;
}
#liens_menu_mobile {
	display:none;
	background-color:#fff;
	width:100%;
	/*border: 2px solid #c7b299;*/
	margin-top:50px;
	padding:10px;
	position:fixed;	bottom:0;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
	z-index:10;
}
#liens_menu_mobile button{
	display: inline-block;
	color: #000;
	text-transform: uppercase;
	font-size: 1.3em;
	padding: 0px 8px;
	text-align: center;	
	width:32%;
	background: #fff;
	border: 0;
	vertical-align: middle;
	cursor: pointer;
	height: 50px;
}
#liens_menu_mobile span {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#liens_menu_burger {
	background-color:#fff;
	width:100%;
	display: none;
	border: 1px solid #c7b299;
	margin-bottom:5px;
	padding:10px;
	position: fixed;
	bottom: 0;
}
#liens_menu_burger button{
	display: inline-block;
	color: #000;
	text-transform: uppercase;
	font-size: 1.3em;
	padding: 0px 8px;
	text-align: center;	
	width:32%;
	background: #fff;
	border: 0;
	vertical-align: middle;
	cursor: pointer;
	height: 50px;
}


#liens_menu_burger span {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#lien_compte_burger:before{
	content: "\e628";
    display: inline-block;
    font: normal normal normal 14px/1 "icfvuil";
    font-size: 2em;
	text-rendering: auto;
	color: #c7b299;

}	
#lien_favoris_burger:before{
	content: "\e603";
    display: inline-block;
    font: normal normal normal 14px/1 "icfvuil";
    font-size: 2em;
	text-rendering: auto;
	color: #c7b299;

}
#lien_contact_burger:before{
	content: "\e629";
    display: inline-block;
    font: normal normal normal 14px/1 "icfvuil";
    font-size: 2em;
	text-rendering: auto;
	color: #c7b299;

}	
	
#liens_header {
	float: right;
	padding: 9px 15px;

}
#liens_header a, #liens_header button { 

	display: inline-block;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 1.3em;
	padding: 0px 8px;
	text-align: center;
}
#liens_header a:hover, #liens_header button:hover {
	color: #c7b299;
}
#liens_header button {
	background: #fff;
	color: #333;

	border: 0;
	vertical-align: middle;
	cursor: pointer;
	height: 50px;
}
#liens_header button img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.logo_compte {
	content: '';
	display: block;
	margin: auto;
	/*background: url('../images/sprite.svg?v=3') no-repeat -41px -30px;*/
	background: url('../images/compte.svg');
	/*background:  url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNnB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9IjAuMDYzIC0wLjYxOCAyNiAyOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwLjA2MyAtMC42MTggMjYgMjgiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8cGF0aCBmaWxsPSIjQzdCMjk5IiBkPSJNMTMsMTcuODc2YzQuMDMxLDAsNy4zMTMtNC4wMTUsNy4zMTMtOC45MzhTMTcuMDMyLDAsMTMsMGMtMS45OSwwLTMuODQ3LDAuOTQ5LTUuMjI5LDIuNjg1DQoJQzYuNDI4LDQuMzYxLDUuNjg5LDYuNTgzLDUuNjg5LDguOTM4QzUuNjg4LDEzLjg2NCw4Ljk3LDE3Ljg3NiwxMywxNy44NzZ6IE0xMywxLjYyN2MzLjEzNSwwLDUuNjg4LDMuMjc2LDUuNjg4LDcuMzEzDQoJYzAsNC4wMy0yLjU1NCw3LjMxMy01LjY4OCw3LjMxM2MtMy4xMzUsMC01LjY4OC0zLjI4Mi01LjY4OC03LjMxM0M3LjMxMyw0LjkwNSw5Ljg2NCwxLjYyNywxMywxLjYyN3ogTTE4LjY4OCwxNi4yNTENCgljLTAuNDQ3LDAtMC44MTMsMC4zNTctMC44MTMsMC44MTNzMC4zNjUsMC44MTMsMC44MTMsMC44MTNjMy4xMzUsMCw1LjY4OCwyLjU1Miw1LjY4OCw1LjY4OGMwLDAuNDQ4LTAuMzY3LDAuODEzLTAuODEzLDAuODEzSDIuNDM4DQoJYy0wLjQ0NSwwLTAuODEzLTAuMzY0LTAuODEzLTAuODEzYzAtMy4xMzYsMi41NTItNS42ODgsNS42ODgtNS42ODhjMC40NDcsMCwwLjgxMy0wLjM2MiwwLjgxMy0wLjgxM3MtMC4zNjUtMC44MTMtMC44MTMtMC44MTMNCglDMy4yODIsMTYuMjUxLDAsMTkuNTI3LDAsMjMuNTYzYzAsMS4zNDQsMS4wOTQsMi40MzgsMi40MzgsMi40MzhoMjEuMTI1YzEuMzQ0LDAsMi40MzgtMS4wOTksMi40MzgtMi40MzgNCglDMjYsMTkuNTMxLDIyLjcyLDE2LjI1MSwxOC42ODgsMTYuMjUxeiIvPg0KPC9zdmc+DQo=');
	*/width: 26px;
	height: 28px;
	margin-bottom: 4px;
}
.logo_favoris {
	content: '';
	display: block;
	margin: auto;
	/*background: url('../images/sprite.svg?v=3') no-repeat -76px -30px;*/
	background: url('../images/favoris.svg');
	/*background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNnB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9Ii0wLjM0NSAtMi43MDcgMjYgMjgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTAuMzQ1IC0yLjcwNyAyNiAyOCINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZGVmcz4NCjwvZGVmcz4NCjxwYXRoIGZpbGw9IiNDN0IyOTkiIHN0cm9rZT0iI0M3QjI5OSIgc3Ryb2tlLXdpZHRoPSIwLjI1IiBkPSJNMjMuMTA0LDIuMTMzYy0xLjIzNi0xLjIyNC0zLjAyLTIuMDA4LTQuODk1LTIuMDA4DQoJYy0xLjEwNCwwLTIuMTQxLDAuMjUyLTMuMTM5LDAuNzU4Yy0wLjk5OCwwLjUxLTEuODA5LDEuMTk3LTIuNDQ2LDIuMDc0Yy0wLjYzOS0wLjg3Ny0xLjQ0OS0xLjU2NC0yLjQ0Ni0yLjA3NA0KCUM5LjE4MSwwLjM3OCw4LjE0NCwwLjEyNSw3LjA0LDAuMTI1Yy0xLjg3NSwwLTMuNjU3LDAuNzg0LTQuODk0LDIuMDA4QzAuOTEsMy4zNiwwLjEyNSw1LjE0MywwLjEyNSw3LjAxOA0KCWMwLDEuMjksMC4yNzQsMi41NDIsMC42MTEsMy40NzljMC4xNjgsMC40NjcsMC40MjEsMC45NzksMC43NTksMS40OWMwLjM0MSwwLjUyMSwwLjY1MSwwLjk1OCwwLjkxNywxLjMwMw0KCWMwLjI2NywwLjM1MSwwLjY0NiwwLjc3OCwxLjE1NywxLjI3N2MwLjUxMiwwLjQ5OSwwLjkzMSwwLjg5MSwxLjIzNiwxLjE3YzAuMzA2LDAuMjgsMC43NzEsMC42OTIsMS4zODMsMS4yMjQNCgljMC43MDQsMC42MTIsMS4yMDcsMS4wNjgsMS41MjksMS4zNTZjMC4zMTYsMC4yODMsMC43NzEsMC43MTgsMS4zNywxLjI5YzEuMjEsMS4xNTcsMi4wOTgsMi4yMjMsMi45MzgsMy40MzkNCgljMC4xNTcsMC4yMjksMC4zNTksMC4zMzMsMC41OTksMC4zMzNjMC4yNTMsMCwwLjQ3Mi0wLjEwMiwwLjYyNS0wLjMzM2MwLjUzNy0wLjgwNywxLjE2LTEuNjMyLDEuODg4LTIuNDQyDQoJYzAuNzM1LTAuODIxLDEuMzQ3LTEuNDU5LDEuODM2LTEuOTE1YzAuNDk1LTAuNDYxLDEuMjA3LTEuMTA2LDIuMTI3LTEuOTMxYzAuNTY5LTAuNTEsMS4wMjQtMC44OTMsMS4zMy0xLjE3Mg0KCWMwLjMwNi0wLjI3NCwwLjcwNS0wLjY2NSwxLjE5Ny0xLjE1MmMwLjQ5MS0wLjQ5MiwwLjg4MS0wLjkxNSwxLjE1Ny0xLjI2OWMwLjI4MS0wLjM1NCwwLjU4LTAuNzg3LDAuOTE2LTEuMzAzDQoJYzAuNjg4LTEuMDUzLDAuOTktMS44ODcsMS4yMzgtMy4wNThjMC4xMjMtMC41ODQsMC4xODgtMS4xODgsMC4xODgtMS43OTdDMjUuMTI1LDUuMTQxLDI0LjM0MSwzLjM1NiwyMy4xMDQsMi4xMzN6IE0yMy41Myw4LjM3DQoJYy0wLjI1NiwxLjQ3OS0xLjAyNCwyLjkyMi0yLjMxMyw0LjM1Yy0wLjU2MywwLjYyMS0xLjU5MywxLjYxMS0zLjEsMi45NTFjLTAuNzgsMC42OTUtMS40MDgsMS4yNjgtMS45LDEuNzE2DQoJYy0wLjQ3OSwwLjQzOC0xLjA2NiwxLjAzMy0xLjc3LDEuNzgxYy0wLjY5NCwwLjc0MS0xLjMwMywxLjQ3OS0xLjgyMSwyLjE5NGMtMC41NDUtMC43MDUtMS4xNzQtMS40Mi0xLjg4OC0yLjE1NA0KCWMtMC43MjItMC43NDItMS4yNzctMS4zMDMtMS42ODktMS42NzZjLTAuNDEyLTAuMzcyLTEuMDQtMC45MjctMS45MDEtMS42ODlsLTAuOTE4LTAuODExbC0wLjgzNy0wLjc1OA0KCWMtMC4zNjMtMC4zMjgtMC42NDMtMC41OTUtMC44MjUtMC43OThjLTAuMTc2LTAuMTk2LTAuNDEyLTAuNDUyLTAuNzA0LTAuNzcxYy0wLjI5My0wLjMxNC0wLjUxOC0wLjU5OS0wLjY2NS0wLjgyNA0KCWMtMC4zMDUtMC40NjYtMC44MjMtMS4xNjEtMS4wMTEtMS43MzdMMS44ODMsOS4xOTlDMS42Niw4LjUxMiwxLjU5LDcuODA0LDEuNTksNy4wMTljMC0xLjQ4OSwwLjUzMi0yLjc3MSwxLjU5Ni0zLjgxNg0KCUM0LjI2NCwyLjE0LDUuNTQsMS42MDYsNy4wNDIsMS42MDZjMS4wNTEsMCwyLjAyMSwwLjI3NCwyLjkxMywwLjg1MWMwLjg5MSwwLjU3MSwxLjU3NywxLjMyNSwyLjAyMSwyLjI3Mw0KCWMwLjEyOSwwLjI3MSwwLjM0NywwLjQxMywwLjY1MiwwLjQxM2MwLjMwNSwwLDAuNTQyLTAuMTMxLDAuNjc4LTAuNDEzYzAuNDQ5LTAuOTM5LDEuMDkyLTEuNzAyLDEuOTgtMi4yNzMNCgljMC44OTItMC41NzIsMS44NzUtMC44NTEsMi45MjctMC44NTFjMS41MDMsMCwyLjc3OCwwLjUyNywzLjg0MywxLjU4MmMxLjA2MywxLjA1MSwxLjU5OCwyLjMyNCwxLjU5OCwzLjgzDQoJQzIzLjY0OSw3LjQ4LDIzLjYwNiw3LjkzMywyMy41Myw4LjM3eiIvPg0KPC9zdmc+DQo=');
	*/
	width: 26px;
	height: 28px;
	margin-bottom: 4px;
}
.logo_panier {
	content: '';
	display: block;
	margin: auto;
	/*background: url('../images/sprite.svg?v=3') no-repeat -115px -30px;*/
	background: url('../images/panier.svg');
	/*background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOXB4IiBoZWlnaHQ9IjI4cHgiIHZpZXdCb3g9Ii0wLjA5MiAtMC4wNDEgMjkgMjgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTAuMDkyIC0wLjA0MSAyOSAyOCINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZGVmcz4NCjwvZGVmcz4NCjxwYXRoIGZpbGw9IiNDN0IyOTkiIHN0cm9rZT0iI0M3QjI5OSIgc3Ryb2tlLXdpZHRoPSIwLjc1IiBkPSJNMjYuNDEyLDYuNTZIMjAuNDNWMC44MzRjMC0wLjI1Mi0wLjIwOS0wLjQ1OS0wLjQ2My0wLjQ1OUg4Ljc4Mg0KCWMtMC4yNTUsMC0wLjQ2NCwwLjIwNy0wLjQ2NCwwLjQ1OVY2LjU2SDIuMzM2Yy0wLjIzNiwwLTAuNDM4LDAuMTg2LTAuNDU1LDAuNDI2TDAuMzc3LDI3LjA1N2MtMC4wMTUsMC4xMjcsMC4wMzYsMC4yNTYsMC4xMiwwLjM0Ng0KCWMwLjA4MSwwLjA5NCwwLjIwOSwwLjE0NiwwLjMzMywwLjE0NmgyNy4wODhjMC4xMjUsMCwwLjI1Mi0wLjA1NSwwLjMzMi0wLjE0NmMwLjA4Ni0wLjA5LDAuMTM3LTAuMjE5LDAuMTIyLTAuMzQ2TDI2Ljg2OSw2Ljk4NQ0KCUMyNi44NTQsNi43NDQsMjYuNjUsNi41NiwyNi40MTIsNi41NnogTTE5Ljk2Nyw5LjQ3NmMwLjIzNCwwLDAuNDI0LDAuMTg4LDAuNDI0LDAuNDIyYzAsMC4yMjktMC4xODgsMC40MjItMC40MjQsMC40MjINCgljLTAuMjI5LDAtMC40MTYtMC4xOS0wLjQxNi0wLjQyMkMxOS41NTEsOS42NjQsMTkuNzQsOS40NzYsMTkuOTY3LDkuNDc2eiBNOS4yNCwxLjI5N0gxOS41MXY1LjI2N0g5LjI0VjEuMjk3TDkuMjQsMS4yOTd6DQoJIE04Ljc4Myw5LjQ3NmMwLjIyOSwwLDAuNDE1LDAuMTg4LDAuNDE1LDAuNDIyYzAsMC4yMjktMC4xODgsMC40MjItMC40MTUsMC40MjJjLTAuMjM1LDAtMC40MjUtMC4xOS0wLjQyNS0wLjQyMg0KCUM4LjM1OCw5LjY2NCw4LjU0NSw5LjQ3Niw4Ljc4Myw5LjQ3NnogTTEuMzI3LDI2LjYzMWwxLjQzOS0xOS4xNWg1LjU1MnYxLjE2M0M3LjgwNyw4LjgzMiw3LjQ0Myw5LjMyNSw3LjQ0Myw5LjkNCgljMCwwLjczNSwwLjYwMSwxLjM0MSwxLjMzOSwxLjM0MXMxLjMzOS0wLjYwNCwxLjMzOS0xLjM0MWMwLTAuNTc1LTAuMzczLTEuMDY2LTAuODgyLTEuMjU2VjcuNDgxaDEwLjI3djEuMTYzDQoJYy0wLjUxLDAuMTg4LTAuODgxLDAuNjgxLTAuODgxLDEuMjU2YzAsMC43MzUsMC42LDEuMzQxLDEuMzQsMS4zNDFjMC43MzYsMCwxLjMzOC0wLjYwNCwxLjMzOC0xLjM0MQ0KCWMwLTAuNTc1LTAuMzYtMS4wNjYtMC44NzUtMS4yNTZWNy40ODFoNS41NThsMS40MzgsMTkuMTVIMS4zMjd6Ii8+DQo8L3N2Zz4NCg==');
	*/
	width: 29px;
	height: 28px;
	margin-bottom: 4px;
}
#reassurance {
	cursor:pointer;
	margin: 10px auto 2px auto;
	max-width: 1100px;
	width: 100%;
	max-width:360px;
	/*border-bottom: 1px solid #c7b299;*/
	background-color: #000;
	height: 44px;
}
#reassurance>li {
	list-style: none;
	float: left;
	padding: 8px 8px;
	font-size: 1.3em;
	color: #fff;
	height: 42px;
	margin-top:5px;
}
#reassurance>li:last-child a {
	/*display: block;
	border: 1px solid #b3b3b3;
	background: #FFFFFF;*/
	border-radius: 10px;
	/*height: 20px;*/
	text-align: center;
	/*width: 20px;*/
	line-height: 1em;
	padding: 1px;
	color:#fff;
}

#reassuranceNoel {
	color: #fff;
	text-align:center;
	vertical-align:middle;
	margin: 0 auto 0 auto;
	max-width: 1100px;
	width: 100%;
}
#reassuranceNoel>li {
	margin:7px;
	list-style: none;
	display:inline-block;
	/*padding: 8px 8px;*/
	font-size: 1.4rem;
	

}




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

	#reassuranceNoel>li:nth-child(3) {
		display:none;
	}
}
@media screen and (max-width:780px) {
	#reassuranceNoel>li:nth-child(4) {
		display:none;
	}
}
@media screen and (max-width:480px) {
	#reassuranceNoel>li:nth-child(1) {
		display:none;
	}
	#reassuranceNoel>li:nth-child(6) {
		display:none;
	}
}
@media screen and (max-width:360px) {
	#reassuranceNoel>li:nth-child(5) {
		display:none;
	}

}

#bandeau_header {
	color: #333;
	text-align:center;
	vertical-align:middle;
	margin: 0 auto 0 auto;
	max-width: 1000px;
	width: 100%;
	padding-top:9px;
}
#bandeau_header>li {
	margin-left:7px;
	margin-right:7px;
	list-style: none;
	display:inline-block;
	/*padding: 8px 8px;*/
	font-size: 1em !important;
	color:#777;

}


#reassuranceLignePanier {
	
	text-align:center;
	margin: 0 auto;
	max-width: 1000px;
	width: 100%;
	border-bottom: 1px solid #c7b299;
	border-top: 1px solid #c7b299;
	height: 44px;
}
#reassuranceLignePanier>li {
	margin-left:20px;
	list-style: none;
	float: left;
	padding: 8px 8px;
	font-size: 1.3em;
	color: #333333;
	height: 42px;
}
/*#ecrin-violet_:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyMnB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9Ii0yLjg3NSAwLjE0IDIyIDE4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0yLjg3NSAwLjE0IDIyIDE4Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxkZWZzPg0KPC9kZWZzPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjAuMjUiIGQ9Ik0xMS45NzEsNC42OTJjMC4zMDMtMC4xOSwwLjU5NC0wLjQwMiwwLjg2LTAuNjQxDQoJYzAuNTYtMC40OTYsMC45MzUtMS4xMDQsMS4wNTMtMS43MTZjMC4xMzItMC42Ny0wLjA2Mi0xLjI5MS0wLjUyOC0xLjcwNmMtMC4zNzMtMC4zMy0wLjg3OS0wLjUwNS0xLjQ2My0wLjUwNQ0KCWMtMC44MzIsMC0xLjcwNywwLjM1NC0yLjQsMC45NjlDOC4zOCwyLjA3OSw3LjcyOSwzLjQzOCw3LjM4MSw0LjQwOWMtMC4yNTgtMC45NzgtMC43NzEtMi4yOTItMS43NzEtMy4xOA0KCUM1LjA3LDAuNzU0LDQuMzgzLDAuNTEsMy43MzYsMC41MWMtMC41MjksMC0xLjAzNCwwLjE2My0xLjQxMiwwLjQ5NUMxLjQ4OCwxLjc0NywxLjYwMiwzLjA0OCwyLjU3OCwzLjkxMg0KCWMwLjM0OCwwLjMwOSwwLjc1NSwwLjU2MywxLjE4NCwwLjc3NEgwLjEyNXYzLjc5NmgxLjA3MnY2LjY0MWgxMi44NTVWOC40ODJoMS4wNzJWNC42ODdoLTMuMTU0VjQuNjkyeiBNMTAuMzQyLDEuODUxDQoJYzAuNDY1LTAuNDExLDEuMDQ1LTAuNjU0LDEuNTUxLTAuNjU0YzAuMTc4LDAsMC40MywwLjAzMSwwLjYwOSwwLjE5YzAuNDM2LDAuMzg2LDAuMTkxLDEuMjc5LTAuNTIzLDEuOTExDQoJYy0wLjczNCwwLjY1Mi0xLjcyNiwxLjEtMi41ODQsMS4zOTZoLTAuODVDOC44NTUsMy44NCw5LjQxNiwyLjY3LDEwLjM0MiwxLjg1MXogTTIuOTcxLDIuMzM1QzIuOTU4LDIuMiwyLjk2OSwxLjk0NiwzLjE3NCwxLjc2NQ0KCUMzLjM0NiwxLjYxNCwzLjU3MiwxLjU4LDMuNzMyLDEuNThsMCwwYzAuMzU1LDAsMC43MjksMC4xNDYsMS4wMjEsMC40MDdDNS4zMiwyLjQ4OSw1Ljc4OSwzLjI4OCw2LjEwNyw0LjI5OA0KCUM2LjExNSw0LjMyNSw2LjEyMyw0LjM1Myw2LjEzLDQuMzc5QzYuMTAyLDQuMzcyLDYuMDY2LDQuMzY0LDYuMDM4LDQuMzU4QzQuODk2LDQuMDc4LDMuOTk2LDMuNjY1LDMuNDMsMy4xNjINCglDMy4xNjEsMi45MjcsMi45OTUsMi42MjUsMi45NzEsMi4zMzV6IE0xMy4xMjUsMTQuMTRMMi4yNjgsMTQuMTc4VjguMDEzaDEwLjg1N1YxNC4xNHoiLz4NCjwvc3ZnPg0K');
	//background: url('../images/ecrin-header.svg');
	//background: url('../images/sprite.svg?v=3') no-repeat -158px -340px;
	width: 22px;
	height: 18px;
	//margin: -3px 5px 0 0;
}*/
#ecrin-header:before {
	display: inline-block;
    font: normal normal normal 14px/1 "icfvuil";
	content: "\e602";
	font-size:1.3em;
	margin: -2px 5px 0 0;
	color: #fff;
	vertical-align:middle;
}
/*#tel-violet:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	background:   url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyMnB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMSAyMiAxOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDEgMjIgMTgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTcuOTkyLDE0LjIwM2MwLjAzNywwLjI5Mi0wLjA1MywwLjU0Ni0wLjI2NiwwLjc3bC0yLjUzNywyLjUxNGMtMC4xMTMsMC4xMjctMC4yNjQsMC4yNC0wLjQ0NywwLjMyNg0KCWMtMC4xODYsMC4wODYtMC4zNiwwLjE0My0wLjUzOCwwLjE3Yy0wLjAxOSwwLTAuMDU2LDAuMDA2LTAuMTE1LDAuMDFDMTQuMDIxLDE3Ljk5OCwxMy45MzksMTgsMTMuODM1LDE4DQoJYy0wLjI0LDAtMC42MjUtMC4wMzgtMS4xNy0wLjEyNGMtMC41MzgtMC4wODEtMS4yMDQtMC4yOC0xLjk3OS0wLjYwNGMtMC43ODItMC4zMjQtMS42Ny0wLjgxMy0yLjY2Mi0xLjQ1OQ0KCWMtMC45OTMtMC42NTItMi4wNDctMS41MzktMy4xNjQtMi42NzZjLTAuODg5LTAuODcxLTEuNjI2LTEuNzE2LTIuMjA3LTIuNTE5Yy0wLjU4OC0wLjgtMS4wNTctMS41NC0xLjQxMy0yLjIxOA0KCUMwLjg4Nyw3LjcxMywwLjYyNCw3LjEwMiwwLjQzOSw2LjU0NkMwLjI2NCw1Ljk5OSwwLjE0Myw1LjUxOSwwLjA4LDUuMTE5Yy0wLjA2Mi0wLjQwMS0wLjA4OC0wLjcyLTAuMDc3LTAuOTQ4DQoJQzAuMDIsMy45NDIsMC4wMjUsMy44MTcsMC4wMjUsMy43OTNjMC4wMi0wLjE3NywwLjA4LTAuMzU4LDAuMTY4LTAuNTQ1YzAuMDg5LTAuMTg2LDAuMTk1LTAuMzM0LDAuMzI0LTAuNDQ3TDMuMDUsMC4yNw0KCUMzLjIzMiwwLjA5MSwzLjQzNiwwLDMuNjYyLDBDMy44MjIsMCwzLjk3MywwLjA0Nyw0LjEsMC4xNDVDNC4yMjMsMC4yNCw0LjMzLDAuMzU2LDQuNDE4LDAuNDk4bDIuMDM5LDMuODcNCglDNi41NzIsNC41Nyw2LjYwNCw0Ljc5OSw2LjU1NSw1LjAzNkM2LjUsNS4yOCw2LjM5Niw1LjQ4Miw2LjIzLDUuNjQ0TDUuMjk1LDYuNTgxQzUuMjcxLDYuNjA2LDUuMjUsNi42NDUsNS4yMzIsNi43MDQNCglDNS4yMDksNi43NjQsNS4yMDEsNi44MSw1LjIwMSw2Ljg0OWMwLjA1MywwLjI2NSwwLjE2NiwwLjU2OSwwLjM0NCwwLjkxNWMwLjE1NiwwLjMwNywwLjM5LDAuNjc4LDAuNzExLDEuMTE0DQoJYzAuMzE2LDAuNDM4LDAuNzY3LDAuOTQyLDEuMzQ3LDEuNTE3YzAuNTc4LDAuNTg4LDEuMDgsMS4wMzksMS41MjYsMS4zNjNjMC40NDcsMC4zMjMsMC44MTUsMC41NjMsMS4xMTUsMC43MjMNCgljMC4yOTksMC4xNDYsMC41MjYsMC4yMzQsMC42ODcsMC4yNzFsMC4yMzcsMC4wNDVjMC4wMjQsMCwwLjA2My0wLjAwOSwwLjEyMy0wLjAyMWMwLjA1OC0wLjAyMSwwLjA5OS0wLjA0NywwLjEyNC0wLjA2Mw0KCWwxLjA5MS0xLjEwNGMwLjIyOS0wLjIwMywwLjQ5MS0wLjMxLDAuODAxLTAuMzFjMC4yMTMsMCwwLjM4OSwwLjAzNSwwLjUxLDAuMTE0aDAuMDIxbDMuNjgzLDIuMTczDQoJQzE3Ljc4MSwxMy43MzgsMTcuOTM5LDEzLjk0OSwxNy45OTIsMTQuMjAzeiIvPg0KPC9zdmc+DQo=');
	//background: url('../images/tel-header.svg');
	//background: url('../images/sprite.svg?v=3') no-repeat -125px -342px;
	width: 22px;
	height: 18px;
	//margin: -3px 5px 0 0;
}*/
#tel-header:before {
	display: inline-block;
    font: normal normal normal 14px/1 "icfvuil";
	content: "\e607";
	font-size:1.5em;
	margin: -2px 5px 0 0;
	color: #fff;
	vertical-align:middle;
}
/*#echange-violet:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyMnB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9Ii0zLjUwMyAtMC4wOSAyMiAxOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMy41MDMgLTAuMDkgMjIgMTgiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNy42MjcsMi4zMTdWMC4yNzFjMC0wLjEtMC4wNjQtMC4xOTEtMC4xNjctMC4yNGMtMC4xMDItMC4wNDctMC4yMjMtMC4wNC0wLjMxNywwLjAxOUwwLjc0NSwzLjg1DQoJQzAuNjYsMy45MDEsMC42MSwzLjk4NywwLjYxLDQuMDc4YzAsMC4wODksMC4wNDksMC4xNzYsMC4xMzUsMC4yMjlsNi4zOTUsMy44YzAuMDk2LDAuMDU1LDAuMjE2LDAuMDYxLDAuMzE5LDAuMDE2DQoJYzAuMS0wLjA0NiwwLjE2NC0wLjE0MSwwLjE2NC0wLjI0M1Y1LjY4NWMxLjAwNywwLjAwNiwxLjgzNiwwLjA0NCwyLjUzMywwLjExOGMzLjMyNSwwLjM1LDQuMjE2LDIuMTA4LDQuMjUzLDIuMTg4DQoJYzAuMDQ2LDAuMTA0LDAuMTYsMC4xNjYsMC4yODUsMC4xNjZjMC4wMTgsMCwwLjAzOSwwLDAuMDYtMC4wMDdjMC4xNDQtMC4wMjQsMC4yNDctMC4xMzQsMC4yNDctMC4yNjcNCglDMTUuMDAxLDMuNDI0LDkuMDE1LDIuNDc3LDcuNjI3LDIuMzE3eiIvPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE0LjI1NiwxMS42OThMNy44Niw3Ljg5N0M3Ljc2Nyw3Ljg0Miw3LjY0OCw3LjgzMyw3LjU0NCw3Ljg4MUM3LjQ0NCw3LjkyOCw3LjM4LDguMDIyLDcuMzgsOC4xMjF2Mi4xOTgNCgljLTEuMDA4LTAuMDA2LTEuODM3LTAuMDQ3LTIuNTMyLTAuMTE3QzEuNTIsOS44NTEsMC42MzEsOC4wOTIsMC41OTUsOC4wMTRDMC41NDcsNy45MSwwLjQzMyw3Ljg0OSwwLjMxMSw3Ljg0OQ0KCWMtMC4wMTksMC0wLjA0MywwLTAuMDYxLDAuMDA2QzAuMTA1LDcuODc5LDAsNy45OSwwLDguMTJjMCw0LjQ1Miw1Ljk4OCw1LjM5OSw3LjM3Niw1LjU2M3YyLjA0NmMwLDAuMDk5LDAuMDYzLDAuMTg4LDAuMTY2LDAuMjM3DQoJYzAuMTAyLDAuMDQ5LDAuMjI0LDAuMDQ2LDAuMzE3LTAuMDE2bDYuMzk3LTMuODAxYzAuMDg3LTAuMDUyLDAuMTM2LTAuMTM3LDAuMTM2LTAuMjI2QzE0LjM5MiwxMS44MzQsMTQuMzQzLDExLjc0NywxNC4yNTYsMTEuNjk4eg0KCSIvPg0KPC9zdmc+DQo=');
	//background: url('../images/echange-header.svg');
	//background: url('../images/sprite.svg?v=3') no-repeat -55px -344px;
	width: 22px;
	height: 18px;
	//margin: -3px 5px 0 0;
}*/
#echange-header:before {
	display: inline-block;
    font: normal normal normal 14px/1 "icfvuil";
    content: "\e616";
	font-size:1.3em;
	margin: 0 5px 0 0;
	color: #fff;
	vertical-align:middle;
}
/*#livraison-violet:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9Ii0yLjY5MiAtMS4wNTMgMjggMTgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTIuNjkyIC0xLjA1MyAyOCAxOCINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZGVmcz4NCjwvZGVmcz4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMi4yMiw4LjM0N2gtMC42ODNWNS44NTRsLTQuMDk1LTAuODY2bC0xLjU2Mi0zLjQ2OWgtMy43MDJMMTEuMTA0LDBIMS4yNjlMMCwyLjA2MWwwLjA5OSw4LjU1OWgxLjk4OA0KCWMwLjA3LDEuNTA3LDEuMTg5LDIuNzA4LDIuNTU5LDIuNzA4YzEuMzY5LDAsMi40OTEtMS4yMDQsMi41NTgtMi43MDhoNy43NzdjMC4wNjUsMS41MDcsMS4xODgsMi43MDgsMi41NTksMi43MDgNCgljMS4zNzIsMCwyLjQ5LTEuMjA0LDIuNTYxLTIuNzA4aDIuMTE5VjguMzQ3TDIyLjIyLDguMzQ3TDIyLjIyLDguMzQ3eiBNNC42NDgsMTIuMDI3Yy0wLjc3LDAtMS4zOTYtMC42OTYtMS4zOTYtMS41NTMNCgljMC0wLjg1NywwLjYyNy0xLjU1LDEuMzk2LTEuNTVjMC43NjgsMCwxLjM5NywwLjY5MSwxLjM5NywxLjU1QzYuMDQ1LDExLjMzMSw1LjQxNiwxMi4wMjcsNC42NDgsMTIuMDI3eiBNMTEuNTY3LDIuNjAzbDMuNTA4LDAuMDcyDQoJbDEuMTM1LDIuMjczaC00LjY0M1YyLjYwM0wxMS41NjcsMi42MDN6IE0xNy41NDIsMTIuMDI3Yy0wLjc3LDAtMS4zOTYtMC42OTYtMS4zOTYtMS41NTNjMC0wLjg1NywwLjYyNy0xLjU1LDEuMzk2LTEuNTUNCgljMC43NzEsMCwxLjM5NiwwLjY5MSwxLjM5NiwxLjU1QzE4LjkzOCwxMS4zMzEsMTguMzEzLDEyLjAyNywxNy41NDIsMTIuMDI3eiIvPg0KPC9zdmc+DQo=');
	//background: url('../images/livraison-header.svg');
	//background: url('../images/sprite.svg?v=3') no-repeat -85px -344px;
	width: 28px;
	height: 18px;
	//margin: -3px 5px 0 0;
}*/
#livraison-header:before {
	display: inline-block;
    font: normal normal normal 14px/1 "icfvuil";
	content: "\e618";
	font-size:1.3em;
	margin: -2px 5px 0 0;
	color: #fff;
	vertical-align:middle;
}
/*.etoile-blanche:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	//background: url('../images/sprite.svg?v=3') no-repeat -186px -340px;
	//background: url('../images/etoile-header.svg');
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNXB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9Ii01LjE0NiAtMC4xNjUgMjUgMTgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTUuMTQ2IC0wLjE2NSAyNSAxOCINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZGVmcz4NCjwvZGVmcz4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNy41LDAgOS44MTcsNC45MzcgMTUsNS43MjggMTEuMjUsOS41NzEgMTIuMTM2LDE1IDcuNSwxMi40MzYgMi44NjQsMTUgMy43NSw5LjU3MSAwLDUuNzI4IA0KCTUuMTgzLDQuOTM3ICIvPg0KPC9zdmc+DQo=');
	width: 25px;
	height: 18px;
	//margin: -3px 5px 0 0;
}*/
.etoile-blanche:before {
	display: inline-block;
    font: normal normal normal 14px/1 "icfvuil";
	content: "\e606";
	font-size:1.3em;
	margin: 0 5px 0 0;
	color: #fff;
	vertical-align:middle;
}/*
#ecrin:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	background: url('../images/sprite.svg?v=3') no-repeat 0px -190px;
	width: 33px;
	height: 28px;
	margin: -3px 5px 0 0;
}

#vrais_bijoutiers:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	background: url('../images/sprite.svg?v=3') no-repeat -41px -68px;
	width: 26px;
	height: 28px;
	margin: -4px 5px 0 0;
}
#reassurance_livraison:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	background: url('../images/sprite.svg?v=3') no-repeat -128px -100px;
	width: 33px;
	height: 28px;
	margin: -3px 5px 0 0;

}
#rea_paiement_secu:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	background: url('../images/sprite.svg?v=3') no-repeat -38px -130px;
	width: 28px;
	height: 28px;
	margin: -3px 5px 0 0;
}
#bijoux_qualite:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	background: url('../images/sprite.svg?v=3') no-repeat -92px -68px;
	width: 26px;
	height: 28px;
	margin: -2px 5px 0 0;
}
#meilleur_prix:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	background: url('../images/sprite.svg?v=3') no-repeat -40px -100px;
	width: 28px;
	height: 28px;
	margin: -3px 5px 0 0;
}
#satisfait_remb:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	background: url('../images/sprite.svg?v=3') no-repeat -96px -100px;
	width: 18px;
	height: 28px;
	margin: -2px 5px 0 0;
}*/

#div_ariane_produit{
	
	position: absolute;
	width: 80%;
	top: -8px;	
	padding: 5px 8px 0 0px;
}
#div_ariane_cat{
	position: absolute;
	width: 95%;
	top: 0px;	
	padding: 0;
}

#fil_ariane {
	
	list-style: none;
	
	margin: 0 3px;
	/*white-space: nowrap;
	text-overflow: ellipsis;
	overflow:hidden;*/
}
#fil_ariane li {
	display: inline-block;
}
#fil_ariane li a {
	color: #888;
	font-size: 1.2rem;
}
#fil_ariane li a:after {
	content: '>';
	display: inline-block;
	font-size: 1.1em;
	margin: 0 8px 0 5px;
}
#fil_ariane li:hover a {
	color: #000000;
}
#fil_ariane li:last-child a:after {
	content: '';
}
#fil_ariane li span {
	color: #888;
	font-size: 1.2rem;
}

#fil_ariane li:hover span {
	color: #000000;
}

/*---------------MENU----------------*/
#btn_menu, #btn_menu_mobile {
	display: none;
}
header>nav {
	margin: 0px auto;
	width: 100%;
	background: #FFFFFF;
	max-width: 1000px;
	position: relative;
}
/* === RÈGLES “PAR DÉFAUT” (équivalent à @media all) === */
@media all {
    #MegaMenu {
        padding: 0;
        /*margin: -10px auto;*/
        display: table;
        position: relative;
        width: 100%;
        /*border-top: 1px solid #c7b299;
        border-bottom: 1px solid #c7b299;*/
        /*letter-spacing: 0.5px;*/
        background-color: #fff;
        /*box-shadow: 0 0 10px rgba(0,0,0,0.05);*/
    }
    #MegaMenu.actif {
        border-top: 0;
        display: block;
        position: absolute;
        z-index: 5;
    }
    #MegaMenu li {
        list-style: none;
    }
    #MegaMenu > li {
        /*font-weight: 700;*/
        display: table-cell;
        vertical-align: middle;
        /*-webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -o-transition: all 300ms;
        -ms-transition: all 300ms;*/
        transition: all 300ms;
    }
    #MegaMenu > li > a,
    #MegaMenu > li > button {
        font-family: 'Open Sans';
        font-weight: bold;
        display: block;
        color: #333;
        font-size: 1.4rem;
        text-transform: uppercase;
        padding: 15px 10px;
        line-height: 1.1em;
        text-align: center;
    }
    #MegaMenu > li > button {
        text-decoration: none;
        display: block;
        cursor: pointer;
        background: #FFFFFF;
        border: 0;
        vertical-align: middle;
        /*height: 45px;
        padding: 12px 14px;*/
        margin: auto;
    }
    #MegaMenu > li:hover > a,
    #MegaMenu > li:hover > button,
    #MegaMenu > div > li:hover > button {
        color: #ffffff;
        background: #c7b299;
    }
	#MegaMenu .icon-chevron-right{
		display:none;
	}
    /*----- Sous-menu par défaut ----------*/
#MegaMenu > li > div {
    max-height: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    z-index: 10;
    background: #ffffff;
    margin: 0;
    width: 100%;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;

}

#MegaMenu > li.is-open > div {
    max-height: 1000px;
    margin-bottom: 1px;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;

}


    #removeMegaMenu > li:hover > div {
        max-height: 1000px;
        /*padding: 10px;*/
        margin-bottom: 1px;
        /*border: 1px solid #c7b299;*/
		opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition-delay: 0s, 0s;
    }
    #MegaMenu > li > div > ul { /*=sssCatalogue*/
        /*width: 100%;
        padding: 0;
        margin: 0;
		padding: 10px;
		border: 1px solid #c7b299;*/
    }
    #MegaMenu > li > div > div.pub {
        float: right;
        width: 20%;
        height: 300px;
        background: #c7b299;
        margin: 34px 0;
    }
    #MegaMenu > li > div > ul > li > h3 {
        text-transform: capitalize;
        padding: 10px 0;
        margin: 0 5px;
        border-bottom: solid 1px #000;
    }
    #MegaMenu > li > div > ul > li {
        /*float: left;
        width: 25%;*/
    }

    #MegaMenu > li > div > ul > li a:before {
        /*content: "";*/
    }
    #MegaMenu > li > div > ul > li a:hover {
        background: #ffffff;
        color: #000;
    }
}

.ssCatalogueMobile{
	display: none;
}

/* === RÈGLES pour écrans ≤ 980px === */
@media screen and (max-width: 980px) {
    #MegaMenu > li:hover > a,
    #MegaMenu > li:hover > button,
    #MegaMenu > div > li:hover > button {
        color: #000;
        background: #fff;
    }	
	
.ssCatalogueMobile{
	font-size: 1.5rem;
	padding:5px 20px 75px 20px;
	margin :5px;
}

.sssCatalogue>li>a, .sssCatalogue>li>span  {
	font-size: 1.6rem;	
}
.sssCatalogue>li>a:before, .sssCatalogue>li>span:before  {
	content:">";
}

    /* Masquer le menu déroulant initial */
    #MegaMenu {
        display: none;
     width: 100%;
        /*background-color: #fdfdfd;*/

        border: 0px;
        position: inherit;   
 
    }
    /* Chaque item occupe toute la largeur */
    #MegaMenu > li {
        float: left;
        width: 100%;
		
    }
	
    /* Suppression des bordures droites pour certains items */
    /*#MegaMenu > li:nth-child(1),
    #MegaMenu > li:nth-child(4),
    #MegaMenu > li:nth-child(6),
    #MegaMenu > li:nth-child(9) {
        border-right: none;
    }*/
    #MegaMenu.actif {
        position: inherit;
    }
    /* Reformatage des liens et boutons */
    #MegaMenu > li > a,
    #MegaMenu > li > button {
        display: inline-block;
        color: #000000;
        background: #FFFFFF;
        height: auto;
        padding: 15px 25px;
        font-size: 1.6rem;
        /*line-height: 1.125em;*/
        text-align: left;
        width: 100%;
    }
	#MegaMenu li a span.icon-chevron-right,#MegaMenu li a span.icon-chevron-down{
	
	display:inline-block;
	font-size:1.2rem;
	padding:0px;
	float:right;
	margin-right:10px;
	margin-top:1px;
	}
	#MegaMenu li a span.icon-chevron-left{
	
	display:inline-block;
	font-size:1.2rem;
	padding:0px;
	float:left;
	margin-right:10px;
	/*margin-left:10px;*/
	margin-top:3px;
	}
    #MegaMenu > li > button {
        margin: 0;
    }
    /* Ajustement des spans dans les liens */
    #MegaMenu > li > a span {
        /*font-size: 0.813em;
        color: #FFF;*/
    }
/* Positionnement du sous-menu en contexte responsive */
    #MegaMenu > li > div {
       visibility: visible;
       pointer-events: auto;
       transition: max-height 0.5s linear, opacity 0.2s ease;
       transition-delay: 0s, 0s;
    }
    #MegaMenu > li:hover > div,
    #MegaMenu > li.is-open > div {
        display: block;
        position: inherit;
    }
    /* Sous-menu en pleine largeur */
    #MegaMenu > li > ul {
        position: inherit;
        width: 100%;
    }
    /* Astuce pour puces vides dans les sous-menus */
    #MegaMenu > li > div > ul > li a:before,
    #ssCatalogue > li > a:before {
        /*content: "";*/
    }
}

/* === RÈGLES pour écrans ≥ 1200px === */
@media screen and (min-width: 1200px) {
    /* Ajustements globaux du menu déroulant */
    #MegaMenu {
        /*border: 0px;
        margin-top: 10px;*/
    }

    /* Taille des polices pour liens et boutons */
    #MegaMenu > li > a,
    #MegaMenu > li > button {
        /*font-size: 1.5rem;*/
    }
}

#deroulant {
	padding: 0;
	margin: -10px auto;
	display: table;
	position: relative;
	width: 100%;
	/*border-top: 1px solid #c7b299;
	border-bottom: 1px solid #c7b299;*/
	letter-spacing: 0.5px;
	background-color:#fff;
	/*box-shadow: 0 0 10px rgba(0,0,0,0.05);*/
}
#deroulant.actif {
border-top:0;
}

#deroulant li {
	list-style: none;
}
#deroulant>li {
	/*font-weight: 700;*/
	
	display: table-cell;
	vertical-align: middle;
	/*-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-o-transition: all 300ms;
	-ms-transition: all 300ms;*/
	transition: all 300ms;
}
#deroulant>li>a, #deroulant>li>button {
	
	font-family: 'Open Sans';
	font-weight: bold;
	display: block;
	color: #333;
	font-size: 1.5rem;
	
	text-transform: uppercase;
	padding: 15px 10px;
	line-height: 1.1em;
	text-align: center;
}
#deroulant>li>button {
	text-decoration: none;
	display: block;
	cursor: pointer;
	background: #FFFFFF;
	border: 0;
	vertical-align: middle;
	/*height: 45px;
	padding: 12px 14px;*/
	margin: auto;
}

#deroulant>li:hover>a, #deroulant>li:hover>button, #deroulant>div>li:hover>button {
	color: #ffffff;
	background: #c7b299;
	
}
/*-----Sous menu----------*/
#deroulant>li>div {
	max-height: 0;
	overflow: hidden;
	position: absolute;
	left: 0;
	z-index: 10;
	background: #ffffff;
	margin: 0;
	width: 100%;
	list-style: none;
}
#deroulant>li:hover>div {
	max-height: 1000px;
	padding: 10px;
	margin-bottom: 1px;
	border: 1px solid #c7b299;
}
#deroulant>li>div>ul {
	width: 100%;
	padding: 0;
	margin: 0;
}
#deroulant>li>div>div.pub {
	float: right;
	width: 20%;
	height: 300px;
	background: #c7b299;
	margin: 34px 0;
}
#deroulant>li>div>ul>li>h3 {
	text-transform: capitalize;
	padding: 10px 0;
	margin: 0 5px;
	border-bottom: solid 1px #000;
}
#deroulant>li>div>ul>li {
	float: left;
	width: 25%;
}
#deroulant>li>div>ul>li a {
	color: #333;
	display: block;
	font-size: 1.350em;
	padding: 10px;
	text-transform: uppercase;
	margin: 1px;
	background: #ffffff;
}
#deroulant>li>div>ul>li a:before {
	content: "";
}
#deroulant>li>div>ul>li a:hover {
	background: #ffffff;
	color: #000;
}
.nav_actif {
	color: #c7b299;
}
#deroulant.actif {
	display: block;
	position: absolute;
	z-index: 5;
}
#liCatalogue {
	text-transform: uppercase;
}
#ssCatalogue {
	font-size: 1.35em;
	position: absolute;
	display: none;
	z-index: 10;
	background: #ffffff;
	width: 100%;
	margin: 0px;
	height: 508px;
	/*-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-o-transition: all 300ms;
	-ms-transition: all 300ms;*/
	transition: all 300ms;
	border: 1px solid #c7b299;
	padding: 16px 0 0 5px;
	
}
#liCatalogue:hover #ssCatalogue {
	display: block;
}
#ssCatalogue>li {
	float: left;
	width: 100%;
	margin-bottom: 4px;
}
#ssCatalogue>li>a {
	font-size:1em;
	display: inline-block;
	max-width: 180px;
	width: 98%;
	color: #333;
	padding: 8px 8px;
	background: #FFFFFF;
	margin-bottom: 1px;
	height: 38px;
	
	
}
#ssCatalogue>li>a:before {
	content: "";
}
#ssCatalogue>li>a:hover, #ssCatalogue>li:hover>a {
	background: #c7b299;
	color: #ffffff;

}
.sssCatalogue {
	text-transform: capitalize;
	/*padding:5px;*/
	width: 100%;
	/*border: 1px solid #c7b299;*/
	background: #FFFFFF;
	height: 470px;
	/*overflow: hidden;*/
	/*border: 0;*/
	z-index:5;	
}

/**_bckDeroulant*/
/*
.sssCatalogue {
	text-transform: capitalize;
	display: none;
	width: 81%;
	position: absolute;
	right: 15px;
	top: 7px;
	background: #FFFFFF;
	height: 490px;
	border: 0px solid #c7b299; 
	z-index:5;	
}
*/
/* Colonnes de sous-menus */



#ssCatalogue>li:first-of-type>.sssCatalogue {
	/*display: block;*/
}
#ssCatalogue>li:hover .sssCatalogue {
	display: block;
}

.sssCatalogue>li.wdefault {
	float: left;
	width: 25%;
	padding: 5px 0 0 10px;
}
.sssCatalogue>li.w25g {
	float: left;
	width: 25%;
	padding: 5px 0 0 10px;
}
.sssCatalogue>li.w33g {
	float: left;
	width: 33%;
	padding: 5px 0 0 10px;
}
.sssCatalogue>li.w25n {
	float: none;
	width: 25%;
	padding: 5px 0 0 10px;
}
.sssCatalogue>li.w33n {
	float: none;
	width: 33%;
	padding: 5px 0 0 10px;
}
.sssCatalogue>li.w25d {
	float: right;
	width: 25%;
	padding: 5px 0 0 10px;
}
.sssCatalogue>li.w33d {
	float: right;
	width: 33%;
	padding: 5px 0 0 10px;
}
.sssCatalogue>li.w50n {
	float: none;
	width: 50%;
	padding: 5px 0 0 10px;
}
.sssCatalogue>li.w50d {
	float: right;
	width: 50%;
	padding: 5px 0 0 10px;
}
.sssCatalogue>li.w50g {
	float: left;
	width: 50%;
	padding: 5px 0 0 10px;
}
.sssCatalogue>li.w66n {
	float: none;
	width: 66%;
	padding: 5px 0 0 10px;
}
.sssCatalogue>li.w66d {
	float: right;
	width: 66%;
	padding: 5px 0 0 10px;
}
.sssCatalogue>li.w66g {
	float: left;
	width: 66%;
	padding: 5px 0 0 10px;
}
/*
.sssCatalogue > li.wdefault,
.sssCatalogue > li.w25g,
.sssCatalogue > li.w33g,
.sssCatalogue > li.w25n,
.sssCatalogue > li.w33n,
.sssCatalogue > li.w25d,
.sssCatalogue > li.w33d,
.sssCatalogue > li.w50n,
.sssCatalogue > li.w50d,
.sssCatalogue > li.w50g,
.sssCatalogue > li.w66n,
.sssCatalogue > li.w66d,
.sssCatalogue > li.w66g {
    background-color: #e8e8e8;
    padding: 5px;
	border : 2px solid white;
}*/
.sssCatalogue>li>a, .sssCatalogue>li>span  {
	display: block;
	color: #c7b299;
	font-weight: 800;
	font-size: 1.4rem;
	border-bottom: 2px solid #e8e8e8;
	padding: 1px;
	text-transform:uppercase;
	width:95%;
	
}
.sssCatalogue>li>a:after, .sssCatalogue>li>span:after {
	border-bottom: 2px solid #e8e8e8;	
}
.sssCatalogue>li>a:hover {
	color: #d71e62;
}
/*--bck--/
.sssCatalogue>li>a, .sssCatalogue>li>span  {
	display: block;
	color: #c7b299;
	font-weight: 800;
	font-size: 1.3rem;
	border-bottom: 2px solid #e8e8e8;
	padding: 1px;
	text-transform:uppercase;
}
.sssCatalogue>li>a:hover {
	color: #d71e62;
}*/

.ssssCatalogue1col {
	margin: 0px;
	padding: 5px 0;
}
.ssssCatalogue2col {
	margin: 0px;
	padding: 5px 0;
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
}
.ssssCatalogue3col {
	margin: 0px;
	padding: 5px 0;
	-webkit-columns: 3;
	-moz-columns: 3;
	columns: 3;
}
.ssssCatalogue4col {
	margin: 0px;
	padding: 5px 0;
	-webkit-columns: 4;
	-moz-columns: 4;
	columns: 4;
}
.ssssCatalogue1col>li>a, .ssssCatalogue2col>li>a, .ssssCatalogue3col>li>a, .ssssCatalogue4col>li>a {
	display: block;
	color: #333;
	padding: 4px 5px;
	font-size: 1.4rem;
}

.spacer_btn_voir_tout{
	margin-bottom: 150px;
}
.ssssCatalogue1col>li>a:before, .ssssCatalogue2col>li>a:before, .ssssCatalogue3col>li>a:before, .ssssCatalogue4col>li>a:before {
	content: '\2013';
	color: #c7b299;
	margin: 0 3px 0 0;
	font-weight: 800;
}
.ssssCatalogue1col>li>a:hover, .ssssCatalogue2col>li>a:hover, .ssssCatalogue3col>li>a:hover, .ssssCatalogue4col>li>a:hover {
	color: #000;
}
.sm_columns {
	-webkit-columns: 3;
	-moz-columns: 3;
	columns: 3;
	-webkit-column-gap: 15px;
	-moz-column-gap: 15px;
	column-gap: 15px;
}
.lien_voir_tout {
	position: fixed;
	bottom:0;
	left:0;
	z-index: 20;
	background: #c7b299;
	color: #fff;
	padding: 10px;
	font-size: 1.6rem;
	width: 100%;
	text-transform:uppercase;
	text-align:center;
	margin:auto;
	height:50px;
}

.lien_voir_tout:hover {
	background: #d71e62;
	color: #FFFFFF;
}

/*------CAROUSSEL SSCAT LISTING------*/
   .subcategory-slider {
        position: relative;
        /*margin: 1rem 0 1rem;*/
    }

    .subcategory-slider__viewport {
        display: flex;
        gap: 1.5rem;
        overflow-x: auto;
        padding: 0.75rem 0 1.25rem;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE and Edge */
    }

    /* Hide scrollbar for Chrome, Safari and Opera */
    .subcategory-slider__viewport::-webkit-scrollbar {
        display: none;
    }

    /* Show thin scrollbar on mobile only */
    @media (max-width: 768px) {
        .subcategory-slider__viewport {
            scrollbar-width: thin; /* Firefox */
            -ms-overflow-style: auto; /* IE and Edge */
        }

        .subcategory-slider__viewport::-webkit-scrollbar {
            display: block;
            height: 0.4rem;
        }

        .subcategory-slider__viewport::-webkit-scrollbar-track {
            background: transparent;
        }

        .subcategory-slider__viewport::-webkit-scrollbar-thumb {
            background: rgba(0, 0, 0, 0.2);
            border-radius: 999px;
        }
    }

    .subcategory-card {
        flex: 0 0 auto;
        width: 15rem;
        scroll-snap-align: start;
        text-decoration: none;
        color: inherit;
    }

    .subcategory-card__media {
        position: relative;
        width: 100%;
        height: 15rem;
        border-radius: 999px;
        overflow: hidden;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        /*box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);*/
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

    .subcategory-card__media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        /*padding:20px;*/
    }

    .subcategory-card__label {
        margin-top: 1rem;
        font-size: 1.4rem;
        font-weight: 600;
        text-align: center;
        letter-spacing: 0.02em;
        color:#000;
    }
    
    .subcategory-card__label:hover {
        color:#666;
    }

    .subcategory-card:focus .subcategory-card__media,
    .subcategory-card:hover .subcategory-card__media {
        /*transform: translateY(-4px);*/
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12);
    }

    .subcategory-slider__controls {
        position: absolute;
        inset: 0;
        pointer-events: none;
        display: none; /* Hidden by default */
    }

    .subcategory-slider--has-overflow .subcategory-slider__controls {
        display: block; /* Show when slider has overflow */
    }

    .subcategory-slider__button {
        pointer-events: auto;
        position: absolute;
        top: 39%;
        transform: translateY(-50%);
        width: 3.6rem;
        height: 3.6rem;
        border-radius: 50%;
        border: 1px solid rgba(0, 0, 0, 0.15);
        background: rgba(255, 255, 255, 0.95);
        color: #111;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: transform 0.2s ease, box-shadow 0.2s ease;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    }

    .subcategory-slider__button:focus,
    .subcategory-slider__button:hover {
        transform: translateY(-50%) scale(1.05);
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
        outline: none;
    }

    .subcategory-slider__button[disabled] {
        opacity: 0;
        cursor: default;
        box-shadow: none;
    }

    .subcategory-slider__button--prev {
        left: -1.5rem;
    }

    .subcategory-slider__button--next {
        right: -1.5rem;
    }

    @media (max-width: 1024px) {
        .subcategory-slider__button--prev {
            left: 0.25rem;
        }

        .subcategory-slider__button--next {
            right: 0.25rem;
        }
    }

    @media (max-width: 640px) {
        .subcategory-card {
            width: 13.6rem;
        }

        .subcategory-card__media {
            height: 13.6rem;
        }
    }
/*------CAROUSSEL PRODUIT LISTING------*/
/* Product Carousel Container */
.product-carousel {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #fff;
}

.product-carousel__track {
    position: relative;
    width: 100%;
    display: grid;
}

/* Carousel Slides */
.product-carousel__slide {
    grid-area: 1 / 1;
    display: none;
}

.product-carousel__slide.is-active {
    display: block;
}



/* Carousel Images */
.product-carousel__image {
    display: block;
    width: 100%;
    margin: auto;
    max-width: 280px;
    height: auto;
}

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

.product-carousel__video-player {
    width: 100%;
    max-width: 280px;
    border: none;
    border-radius: 4px;
    background: #000;
}

/* Navigation Controls - Hidden by default, show on hover */
.product-carousel__control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.9);
    border: none;
    width: 50px;
    height: 100%;
    border-radius: 0;
    cursor: pointer;
    font-size: 20px;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease, background 0.2s ease;
    /*box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);*/
    padding: 0;
    pointer-events: auto;
}

/* Show controls on hover */
.listing .item:hover .product-carousel__control {
    opacity: 1;
    visibility: visible;
}

.product-carousel__control:hover {
    /*background: rgba(255, 255, 255, 1);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);*/
}

.product-carousel__control:active {
    transform: translateY(-50%) scale(0.95);
}

.product-carousel__control--prev {
    left: 0px;
}

.product-carousel__control--next {
    right: 0px;
}

.product-carousel__control:disabled {
    opacity: 0;
    cursor: not-allowed;
}

.product-carousel__control span {
    display: block;
    font-size: 24px;
    line-height: 1;
    pointer-events: none;
}

/* Dots Navigation - Hidden by default, show on hover */
.product-carousel__dots {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 6px;
    z-index: 2;
    opacity: 1;
    /*visibility: hidden;*/
    transition: opacity 0.3s ease, visibility 0.3s ease;
    pointer-events: auto;
}

/* Show dots on hover */
.listing .item:hover .product-carousel__dots {
    opacity: 1;
    visibility: visible;
}

.product-carousel__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 2px solid #fff;
    background: transparent;
    cursor: pointer;
    padding: 0;
    transition: all 0.3s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    pointer-events: auto;
}

.product-carousel__dot:hover {
    transform: scale(1.2);
}

.product-carousel__dot.is-active {
    background: #fff;
    width: 16px;
    border-radius: 4px;
}

.product-carousel__dot--video {
    position: relative;
    color: #fff;
}

.product-carousel__dot--video::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent currentColor;
    transform: translate(-40%, -50%);
}

.product-carousel__dot--video.is-active {
    color: #333;
}

.product-carousel__dot--video.is-active::after {
    border-color: transparent transparent transparent currentColor;
}


/* Mobile Optimization - Always visible and swipeable */
@media (max-width: 768px) {
    /* Allow touch on carousel */
    .product-carousel,
    .product-carousel__track {
        touch-action: pan-y;
        -webkit-user-select: none;
        user-select: none;
        pointer-events: auto;
    }
    
    /* Disable the overlay link on image area for mobile */
    .listing .item .nom_produit_listing a::before {
        pointer-events: none;
    }
    
    /* Keep text container clickable */
    .product_text_container {
        position: relative;
        z-index: 2;
        pointer-events: auto;
    }
    
    .product_text_container a {
        pointer-events: auto;
    }
    
    /* Always show controls on mobile */
    /*.product-carousel__control {
        width: 32px;
        height: 32px;
        font-size: 18px;
        opacity: 1;
        visibility: visible;
    }
    
    .product-carousel__control--prev {
        left: 4px;
    }
    
    .product-carousel__control--next {
        right: 4px;
    }
    
    .product-carousel__control span {
        font-size: 20px;
    }*/
    
    .product-carousel__dots {
        opacity: 1;
        visibility: visible;
        bottom: 4px;
    }
    
    .product-carousel__dot {
        width: 6px;
        height: 6px;
    }
    
    .product-carousel__dot.is-active {
        width: 12px;
        border-radius: 3px;
    }
}

@media screen and (max-width: 480px) {
    .img_container .product-carousel {
        min-height: 220px;
    }
}

/*------------------SELECTION-----------------*/

.selection {
    /*height:400px;
	background-color: #fff;*/
}
.listing_selection {
    margin: auto;
    width: 100%;
    max-width: 1200px;
    display: block;
	
	/*height:350px;*/
	/*background-color: #fff;*/
}
.white-background{
	background-color: #fff;
}
.owl-selection .item, .owl-autre .item, .owl-autrePC .item {
	margin: 6px;
	/*border:1px solid #DDDDDD;*/
	background: rgba(255,255,255,1.00);
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
	/*min-height:310px;*/
	
}
.owl-selection .item:hover, .owl-autre .item:hover , .owl-autrePC .item:hover {
	box-shadow: 0 0 5px rgba(0,0,0,0.05);
}
.owl-buttons {
	border: 1px solid #DEDFE1;
	border-left: none;
	border-right: none;
	background: #FFFFFF;
}

.owl-prev span, .owl-next span {
	  background-image: url(fancybox/fancybox_sprite_2x.png);
      background-size: 44px 152px;
	  opacity:0.5;
}

.owl-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
}

.owl-prev span {
    left: -12px;
    background-position: 0 -36px
}

.owl-next span {
    right: -12px;
    background-position: 0 -72px
}

.owl-prev {
	left: 0px;
}
.owl-next {
	right: 10px;
}

#bloc_avis_av{
	/*padding:15px;*/
}
/*
.owl-prev, .owl-next {
	cursor: pointer;
	color:#888;
	display: block;
	margin: 0 !important;
	opacity: 1 !important;
	font-size: 4em !important;
	font-weight: normal;
	line-height: 0.25em;
	width: 30px;
	height: 30px;
	padding: 12px 9px;

	position: absolute;
	top: 42%;
	vertical-align: middle;
	z-index: 99999;
}*/

.listing_autre_produit{padding:0px 8px ;}

.listing_selection .owl-carousel, .listing_autre_produit .owl-carousel {
	
	box-shadow: none;
}
.owl-carousel-bloc .item span,.owl-selection .item span, .owl-autre .item span, .owl-autrePC .item span {
	text-align: center;
	display: block;
	/*font-size: 1.3em;*/
	color: #333333;
	
}
.owl-carousel-bloc .item span.legende, .owl-selection .item span.legende,  .owl-autre .item span.legende , .owl-autrePC .item span.legende{
	padding: 5px 10px 0 10px;
	height: 55px;
	overflow: hidden;
	font-size: 1.2rem;
	
}

/*-------------- HOME----------------*/


.section_dual_container{  
	line-height: normal;
	font-size: 1.2rem;
	margin: 0 auto 20px auto;
	display: flex;
}
.section_dual_half{  
	margin: 0;
	width: 49%;
	display: flex;
	flex-direction: column;
}

.section_dual_text{
	line-height: 1.15;
	display: flex;
	flex-direction: column;
	align-items: center;
	z-index: 1;
	background-color:#fff;
	margin: 24px -20px 0 0 ;
	border: 0px solid #c7b299;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
	min-height:440px;
	padding: 0 10px;
	text-align: center;
}
.picture_container img {
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

.styled-title{
	font-family: 'DM Serif Text';
	font-size: 2.5rem;
	letter-spacing: 1.5px;
	line-height: 2;
	color: #c7b299;
}
.prefix-title{
	text-transform: uppercase;
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: 2px;
	line-height: 2;
	color: #666;
	margin:10px;
}

.fade-in {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 2s;
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}10% {
		opacity: 0;
	}
	
	100% {
		opacity: 1;
	}
}


.btn_voir_selection_mobile {
	display: none;
}

.btn_voir_selection {
	display: block;
	color: #666;
	padding: 10px;
	text-align: center;
	text-decoration:underline;
	font-size: 1.4em;
}


@media screen and (max-width:768px) {
	
	#liens_footer_tunnel a {
	width:95%;
	margin:0px;
	}
.bloc_recap{
	display:none;
}
.btn_voir_selection
{
	display:none;
}
.btn_voir_selection_mobile {
	display: block;
	margin: 0 0 25px 0;
	background: #c7b299;
	color: #fff;
	padding: 10px;
	text-align: center;
	font-size: 1.4em;
}

	.picture_container img {
	width: 100%;
	border:none;
	}
	.listing_selection{
		display:none;
	}
	.section_dual_container{
		min-height: 79vw;
		overflow: hidden;
		margin:0;
		
	}
	@keyframes fadeInOpacity {
	0% {
		opacity: 1;
	}
	}
	.section_dual_text{
		background-color:transparent;
		border: none;
		padding:0;
	}
	.section_dual_container,.section_dual_half{
		width:100%;
		flex-direction: column;
		position:relative;
	}
	.section_dual_half{
		position: absolute;
	}
	.styled-title,.prefix-title{
		margin: 5px;
		color:#fff;
		text-shadow: 1px 3px 3px black;
	}
	.styled-title{
		color:#fff;
		text-shadow: 1px 3px 3px black;
	}
	
	
	
}


#slider {
	margin: 0 auto 30px auto;
	max-width: 1200px;
}
.vignetteSlider.active {
	background: #ffffff;
}
.vignetteSlider.active img {
	opacity: 1;
}
.owl-carousel {
	box-shadow: 0 0 10px rgba(0,0,0,0.40);
}
.owl-item {
	z-index: 1;
	margin-right:5px;	
}
.owl-item #div_video360 video{
max-height: 375px;
align-content: center;
display: flex;
margin: auto;
}
.owl-controls{
	z-index:2;
}
.owl-height {min-height: 500px; height:auto !important; height: 500px; }


#owl-home .owl-dots {
	position: relative;
	padding: 0 100px;
	margin-top: -15px;
	z-index: 10;
}
#owl-home .owl-dots .owl-dot {
	float: left;
	width: 25%;
	box-shadow: 0 0 20px rgba(0,0,0,0.40);
	background: #fff;
	display: block;
	cursor:pointer;
	overflow: hidden;
}
#owl-home .owl-dots .owl-dot img {
	opacity: 0.5;
	/*-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	-ms-transition: opacity 500ms;*/
	transition: opacity 500ms;
	width: 100%;
}
#owl-home .owl-dots .owl-dot.active img {
	opacity: 1;
	/*-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	-ms-transition: opacity 500ms;*/
	transition: opacity 500ms;
	width: 100%;
}
#owl-home .owl-prev, #owl-home .owl-next {
	display:none;
}

.listing .item span.legende{
	/*padding: 10px 10px 0 10px;*/
	height: 55px;
	overflow: hidden;
	font-size: 1.2rem;
	
}

.img_container{
	/*min-height:300px;*/
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 100%;
	padding:5px;
}

.item span.legende {
padding-top:0;
}


#0video360{
height: 100%;width:100%;max-height:350px;
}

#payment-plans{
	height:55px;
	margin-top:10px;	
	
}
#append_fraction{
	display:inline-block;
	width: 205px;
}

.alma-payment-plans-container{padding:0 !important;background-color:#f7f7f7 !important;}
.alma-payment-plans-payment-info{display:inline-flex;}

.nom_produit {
	color: #000000;
	/*text-transform: uppercase;*/
	font-size: 1em;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
}

#appendOwlScat{
	width:90%;
	margin: auto;
}
#appendOwlScat .owl-nav .owl-prev {
	left:-45px;
	top:10px;
}
#appendOwlScat .owl-nav .owl-next {
	right:-45px;
	top:10px;
}
.scat_carrousel {
	height: 50px;
	border: 1px solid #666;
	padding: 20px;
	border-radius: 30px;
	width: 90%;
	font-size: 1.2rem;
	line-height: 1rem;
}

.nom_produit_listing {

	text-align: center;
	color: #000000;
	min-height:60px;

	font-weight: normal;
	padding:0px 30px 0px 30px;

	font-family: 'DM Serif Text';
	letter-spacing:1px;
	
	font-size: 1.4rem;

	
}
.ref_produit_listing {
	text-align: center;
	color: #000000;
	letter-spacing:1px;
	font-size: 1.2rem;
	padding:10px;
}
.nom_produit_listing a {
	color: #000000;
}

.nom_produit_listing a:active {
	color: #000000;
}



.nom_produit_listing a::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.prix_listing_produit {
	font-size: 1.6rem;
	margin-bottom:20px;
		letter-spacing:1px;
}
.prix_listing_produit_barre {
	text-decoration: line-through;
}

.img_listing {
	display: block;
	width: 100%;
	/*padding:5%;*/
	margin: auto;
    max-width: 280px;
	height:auto;

}


.nom_produit_bloc_prod {
	color: #000000;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.3rem;
	text-align:center;
}

.owl-carousel-bloc .item span.prix, .owl-selection .item span.prix, .listing .item span.prix, .owl-autre .item span.prix, .owl-autrePC .item span.prix {
	font-size: 1.2rem;
	color: #333333;
	font-weight: 500;
	padding: 0 0 10px 0;
	
}
/*
.ajout_cdc_ {
background: url('../images/coeur-o.svg');
	width: 18px;
	height: 14px;
	position: absolute;
	display: block;
	z-index: 2;
	margin: 10px;
	cursor: pointer;
}*/
.ajout_cdc:before {
	content: "\e603";
    display: inline-block;
    font: normal normal normal 14px/1 "icfvuil";
    font-size: 2rem;
	text-rendering: auto;
	color: #c8c8c8;
	position: absolute;
	display: block;
	z-index: 2;
	padding: 10px;
	cursor: pointer;
}

.ajout_cdc.selected:before {
	content: "\e604";
	color: #c7b299;
	cursor: pointer;
}
/*
.ajout_cdc:hover, .ajout_cdc.selected {

	background: url('../images/coeur-f.svg');
	cursor: pointer;
}*/
.reduction {
	display: block;
	position: absolute;
	z-index: 3;
	background: #000;
	color: #FFFFFF !important;
	padding: 5px;
	/*background-color:#fff;*/
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
	right: 10px;
	top: 10px;
	font-size: 1.5em !important;
}
.avis_bloc_listing {
	display: block;
	position: absolute;
	z-index: 3;
	right: 7px;
	top:13px;
	padding: 5px;
}
.des_cat {
	border:1px dashed #999;
	color: #4D4D4D;
	display: block;
	padding: 20px;
	margin-top:150px;
	font-size: 1.1em;
}
.des_cat a {
color: #4D4D4D;
text-decoration:underline;
}
.des_cat h2, .des_cat h3  {
	text-align:left;
color: #4D4D4D;
}

/*
.listing_selection .btn_voir_tout, .listing_autre_produit .btn_voir_tout, .listing .btn_voir_tout {
	display: block;
	margin: 10px auto;
	background: #d71e62;
	color: #FFFFFF;
	padding: 10px;
	max-width: 40%;
	text-align: center;
	font-size: 1.6em;
}*/
.listing_autre_produit .btn_voir_tout, .listing_selection .btn_voir_tout, .listing_autre_produit .btn_voir_tout, .listing .btn_voir_tout {
	display: block;
	margin: 10px auto;
	/*background: #d71e62;*/
	color: #666;
	padding: 10px;
	max-width: 60%;
	text-align: center;
	/*border:1px dashed #666;*/
	text-decoration:underline;
	font-size: 1.6rem;
	
}

.collection-link {
  text-align: center;
  margin-top: 2rem;
  font-size: 1.6rem;
  text-transform: uppercase;
  font-weight: 600;
  color: #C7B299 ;
  letter-spacing: 0.5px;
  text-decoration: none;
}

.collection-link a {
	color: #C7B299 ;
}

.contenu_btn_voir_tout {
	display: block;
	margin: 10px auto;
	background: #d71e62;
	color: #fff;
	text-transform: uppercase;
	padding: 10px;
	max-width: 40%;
	text-align: center;
	border:1px solid #d71e62;
	font-size: 1.6em;
}
.contenu_btn_voir_tout:hover {
	border:1px solid #d71e62;
	background: #fff;
	color: #d71e62;

}
/*------------------CONTENT-----------------*/
.ligne_full {
	display: block;
	width: 100%;
	border-bottom: 1px solid #DDDDDD;
	margin: 30px 0;
	height: 1px;
}
#edito {
	text-align: center;
	margin: auto;
	width: 80%;
}
#edito a {
	color:#000;
	text-decoration:underline;
}
#edito h1 {
	font-family: 'DM Serif Text';
	
	letter-spacing: 1px;
	text-align: center;
	color: #000;
	text-transform: uppercase;
	font-size: 2em;
	font-weight: normal;
	/*font-family: 'Open Sans', sans-serif;*/
}
#edito h2 {
	font-family: 'DM Serif Text';
	
	letter-spacing: 1px;
	text-align: center;
	color: #000000;
	text-transform: uppercase;
	font-size: 1.6em;
	font-weight: normal;
	/*font-family: 'Open Sans', sans-serif;*/
}


#edito p {
	text-align: left;
	font-size: 1.4em;
	margin: auto;
}
#content section h2 {
	display: block;
	text-align: center;
	color: #d71e62;
	text-transform: uppercase;
	font-size: 3.0em;
	font-weight: normal;
	margin: 1.2em 0 0.6em 0;
}

.sep_diamant {
	margin: 30px auto;
	display: block;
	max-width: 60%;
	border-bottom: 1px solid #DDDDDD;
}
.sep_diamant div {
	margin: auto;
	position: absolute;
	/*background: url('../images/sprite.svg?v=3') no-repeat -144px -68px #FFFFFF;*/
	background: url('../images/sep-diamant.png');
	width: 56px;
	height: 36px;
	left: 50%;
	margin-top: -16px;
	margin-left: -28px;
	
}


#listing_maison_home {
	font-family: 'Open Sans', sans-serif;
	/*margin: 0 -15px;*/
}
#listing_maison_home>div {
	float: left;
	width: 33.33%;
}
#listing_maison_home>div>a {
	/*padding: 0 15px;*/
	/*margin: 0 5px;*/
	display: block;
}
#listing_maison_home>div>a>img {
	width: 100%;
	display: block;
	height:auto;
	/*-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	-ms-transition: all 500ms;*/
	transition: all 500ms;
	/*opacity: 0.6;*/
	
}
#listing_maison_home>div>a>span {
	background: rgba(0,0,0,0.60);
	display: block;
	padding: 10px;
	text-align: center;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 1.8em;
	position: relative;
	bottom: 0;
	margin-top: -34px;
	/*-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	-ms-transition: all 500ms;*/
	transition: all 500ms;
	line-height: 0.8em;

}
#listing_maison_home>div>a:hover>span, #listing_guide_home>div>a:hover>span {
	background: rgba(0,0,0,1.00);
}
#listing_maison_home>div>a:hover>img, #listing_guide_home>div>a:hover>img {
	opacity: 1;
	
}
#listing_guide_home {
	margin: 0 -8px;
}
#listing_guide_home>div {
	float: left;
	width: 25%;
}
#listing_guide_home>div>a {
	margin: 0 8px;
	display: block;
	border: 1px solid #DDDDDD;
}
#listing_guide_home>div>a>img {
	width: 100%;
	display: block;
	/*-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	-ms-transition: all 500ms;*/
	transition: all 500ms;
	/*opacity: 0.6;
	filter: grayscale(100%);*/
}
#listing_guide_home>div>a>span {
	background: rgba(0,0,0,0.60);
	display: block;
	padding: 8px;
	text-align: center;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 1.4em;
	line-height: 1em;
	position: relative;
	bottom: 0;
	margin-top: -30px;
	/*-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	-ms-transition: all 500ms;*/
	transition: all 500ms;
}
#submitPrix {
	display: inline-block;
	background: #FFFFFF;
	color: #000000;
	font-weight: 700;
	padding: 8px 10px;
	cursor: pointer;
	border-radius: 0px;
	border: 1px solid #999999;
	margin: auto;
	/*margin-top : 10px;*/
}
.ui-slider-horizontal {
	height: 1.3em !important;
}
.ui-slider .ui-slider-handle {
	height: 1.6em !important;
	width: 1.6em !important;
}
/*----------------FICHE_PRODUIT------------------*/


.ref_produit{
	position: absolute;
	top: -20px;
	right: 5px;
	background: #fff;
	color: #666;
	font-size: 1.4em;
	text-transform: uppercase;
	padding: 6px 10px;
	
}
/* 
.conforme-photo {
    color: #000 !important;
    line-height: 1.5;
  
    width:90%;
   margin-left: 5%;
    margin-top: -10px;
    margin-bottom: -10px;
}*/
.conforme-photo {
text-decoration:underline;
cursor:pointer;
}
.conforme-photo img {
vertical-align:bottom;
}
.bloc_reste_encore {
	margin: 15px auto 0px auto;
	padding: 5px;
	border: 1px dashed #000;
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	color: #000;
	/* max-width: 350px; */
}
#content {
	position: relative;

}
#content_tunnel {
	position: relative;
	min-height:600px;
	max-width:1000px;
	margin: auto;
}

#titre_produit{
	
}
#titre_produit h1 {
	color: #000;
	font-family: 'DM Serif Text';
	font-size:2rem;
	letter-spacing: 1px;
	display: inline-block;
	margin: 22px 30px 0 4px;
	/*font-family:"Open Sans",Tahoma,sans-serif;
	font-weight: 700;
	font-size: 1.6em;*/

}
#titre_produit a img {
	vertical-align:bottom;
	margin-bottom:6px;
	overflow: hidden;
}
.btn_retour_produit, .btn_retour {
	/*position: absolute;
	top: -5px;
	right: 0;*/
	background: #000000;
	color: #FFFFFF;
	font-size: 1.6em;
	text-transform: uppercase;
	padding: 6px 10px;
	margin:0 auto 15px auto;

	/* text-align: right; */
	float: right;

}
.zone_avis {
	width: 180px;
	font-size: 1.3em;
	text-transform: uppercase;
	padding: 5px;
}
.zone_avis img {
	vertical-align:bottom;
}
.btn_retour:hover {
	color: #FFFFFF;
	background: #4d4d4d;
}
.btn_retour_produit {
	font-size: 1.3em !important;
}
#content .btn_retour {
	font-size: 1em;
}

#bloc_detail_haut {/*
background-color:#fff;
box-shadow: 0 0 10px rgba(0,0,0,0.05);
padding-top:10px;*/
}
#bloc_detail {
	margin-top:10px;
	font-size: 1.2em;
}

#bloc_visu_produit {
	background-color:#fff;
	/*margin-left:12%;*/
	/*margin-left:5%;*/
	float: left;
	width: 49%;
	max-width:600px;
    min-height: 490px;
	text-align:center;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
	
	/*display:none;*/
}
#bloc_visu_produit .img {
/*width: auto;
  max-width: 400px;
  height: 100%;
  margin: auto;*/
width:100%;
max-width:400px;
height: auto;
margin: auto;

}

#bloc_detail_produit, #bloc_detail_contenu {
	float: right;
	width: 40%;



}
.containeur_label_choix_pierre {
    /*max-width: 347px;*/
    margin: auto;
	/*background-color:#fff;*/
	
}

.listing_miniature {
	margin: auto;
	width: 100%;
	display: block;
	margin: 20px 0;

}
/* owl carousel */

#owl-produitm .owl-dots {
 /*width:70px;
 margin-left: -25%;
 margin-top: -80%;
 float: left ;*/
}

#owl-produitm {
	box-shadow: none;

}
#owl-produitm .item {
	margin: 1px;
	border: 1px solid #DDDDDD;
	background: rgba(255,255,255,1.00);
	cursor: pointer;
}
#owl-produitm .item:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.20);
}
#owl-produitm .owl-prev, #owl-produitm .owl-next {
	color: #b3b3b3;
	display: block;
	margin: 0 !important;
	border-radius: 0 !important;
	border: 0px solid #FFFFFF;
	background: none !important;
	opacity: 0.5 !important;
	box-shadow: none !important;
	font-size: 1.6em !important;
	font-weight: bold;
	line-height: 0.750em;
	width: 60px;
	height: 60px;
	/*-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;*/
	box-sizing: border-box;
	position: absolute;
	top: 40% !important;
	vertical-align: middle;
}
#owl-produitm .owl-next {
	right: 0px;
	background-image: url(../images/fleched_pm.png) !important;
	background-color: #FFFFFF;
}
#owl-produitm .owl-prev {
	background-image: url(../images/flecheg_pm.png) !important;
	background-color: #FFFFFF;
}
#owl-produitm .owl-prev:hover, #owl-produitm .owl-next:hover {
	/*background-color: #f2f2f2 !important;*/
}
#owl-produitm .owl-dots {
	text-align: center
}
#owl-produitm .owl-dot img {
	float: left;
	height: 60px;
	width: 60px;
}
#owl-produitm .owl-dot.active img {
	border: 1px #000 solid;
}
#owl-produitm .owl-dot {
	display: inline-block;
	margin: 0.5%;
}


/* owl carousel */
#bloc_visu_produit p {
	color: #5f6465;
	text-align: center;
	padding: 15px 0;
}
#bloc_visu_produit p a {
	margin: 3px;
}
#bloc_visu_produit p a:hover img {
	opacity: 0.8;
}
#bloc_detail_produit>ul, #bloc_detail_contenu>ul {
	margin: 0;
}

#bloc_detail_produit>ul>li {
	float: left;
	width: 50%;
	background: #e8e8e8;
	list-style: none;
}
#bloc_detail_produit>ul>li.tier, #bloc_detail_contenu>ul>li.tier {
	float: left;
	width: 33.3333333%;
	background: #e8e8e8;
	list-style: none;
}
#bloc_detail_contenu>ul>li>a {

}
#bloc_detail_produit>ul>li>a {
	display: block;
	padding: 10px;
	font-family: 'Open Sans', cursive;
	text-align: center;
	border: 1px solid #DDDDDD;
	border-right: none;
	font-size: 1.4em;
	color: #000000;
}
#bloc_detail_produit>ul>li:nth-child(2)>a  {
	border-right: 1px solid #DDDDDD;
}
#bloc_detail_produit>ul>li.tier:nth-child(2)>a, #bloc_detail_contenu>ul>li.tier:nth-child(2)>a {
	border-right: none;
}
#bloc_detail_produit>ul>li>a.active, #bloc_detail_contenu>ul>li>a.active {
	background: #FFFFFF;
	border-bottom: none;
}
.tablink img{
	vertical-align:text-bottom;
}
.tablink img:first-child{
	margin-left:5%;
}
.tablink {
  float: left;
  cursor: pointer;
  padding: 10px;
  font-size: 1.4rem;
  width: 33%;
  background-color:#efefef;
  margin-bottom:15px;
  /*border-radius:0 10px 0 0 ;*/

}
.tablink50 {
  width: 50% ;
}
.tablink:first-child {
  background-color:#fff;
  /*border-radius:10px 0 0 0 ;*/
  width:34%;
}
.tablink:hover {
  cursor: pointer;
}

.tabcontent {
  color: black;
  padding: 10px 20px;
  height: 100%;
  background-color:#fff;
  margin-top:10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.05);
  font-size:1.3rem;
}

#content_popup {
  color: black;
  padding: 10px 20px;
  background-color:#fff;
  font-size:1.4rem;
}

#content_popup a {
  color: black;
}
#content_popup h1 {
  margin: 10px;
}

.contenu_bloc_detail_old {
	/*width:60%;*/
	max-width:600px;
	font-size:1.3rem;	
	margin-top: 60px;
    /*margin: auto; */
	/*background-color: #e8e8e8;*/
	/*border:1px solid #eee;*/
	line-height: 1.5;
	/*padding: 10px;*/
	margin-top:20px;
	/*border-radius:10px;*/
}

.contenu_bloc_detail {
  display: flex;
  gap: 2%; /* espace entre les colonnes */
  justify-content: space-between;
  margin:30px auto 10px auto;
}

.contenu_bloc_detail .product_flex_tab {
  flex: 1;
  display: block !important; /* force l'affichage des 3 blocs côte à côte */
  padding: 1rem;
  border: 0px solid #eee;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  background-color: #fff;
max-height:350px;
  box-sizing: border-box;
  /*max-width:600px;*/
  overflow:hidden;
}
.list-style-none>li {
	list-style: none;
}
.list-style-none>li a {
	color: #000000;
	font-size:1.3rem;	
}

.contenu_bloc_detail a {
	color: #000000;
	text-decoration:none;
}
.more {
	display: block;
	margin-top:-2.5em;
	text-align: right;
	
}
.more_open {
	display: block;
	margin:0;
	text-align: right;
}
.contenu_bloc_detailsuite {

	/*margin: 5px auto;*/
	/*background-color:#fff;*/
}
.contenu_bloc_detailsuite .demi {
	padding: 0 10px 0 10px;
}
.listing_product_flex_tab{
padding:0 ;
max-height:240px;	
overflow-y: auto;


}


/* Appliqué à n'importe quel conteneur scrollable */
.scrollable {
  scrollbar-width: thin; /* Firefox */
  scrollbar-color: #AFAFAF7D  #f5f5f5; /* Firefox */
}

/* WebKit (Chrome, Safari, Edge) */
.scrollable::-webkit-scrollbar {
  width: 2px;
}

.scrollable::-webkit-scrollbar-track {
  background: #f5f5f5;
}

.scrollable::-webkit-scrollbar-thumb {
  background-color: #AFAFAF7D ;
  border-radius: 6px;
  border: 2px solid #f5f5f5; /* "padding" visuel */
}

#onglet_avis a {
	float: left;
	width: 48%;
	text-align: center;
	padding: 10px;
	background: #d71e62;
	margin: 0px 4px;
	color: #FFFFFF;
	text-transform: uppercase;
}
#onglet_avis a:hover {
	background: #333333;
}
.commentaire {
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 10px;
	font-size: 1.3rem;
	width:98%;
}
.commentaire:last-of-type {
	border-bottom: 0px;
}
.nom_commentaire {
	display: block;
	/*background: #e8e8e8;*/
	padding: 10px;
	/*border-bottom: 1px solid #DDDDDD;*/
}
.date_commentaire {
	display: block;
	padding: 10px;
	font-style: italic;
	/*border-bottom: 1px solid #DDDDDD;*/
}
.nom_commentaire .etoiles {
	float: right;
	width:100px;
}
.txt_commentaire {
	margin: 0px;
	padding: 8px;
}
.bande_grise {
	background: #ffffff;
	/*border: 1px solid #DDDDDD;

	border-top: none;*/
}
.bande_grise .item:hover {
	cursor: pointer;
}
.bande_grise .item .checkMark {
	font-size: 24px;
	color: #80c21a;
}
.bande_grise p.titre {
	display: block;
	padding: 8px 0 5px 0;
	text-transform: uppercase;
	font-size: 1.1em;
	text-align: center;
	font-weight: 700;
	margin: 0px;
}
.listing_materiaux {
	margin: auto;
	width: 100%;
	display: block;
}
.owl-produitmat {
	box-shadow: none;
	padding-bottom: 5px;
}
.owl-produitmat .item {
	text-align: center;
}
.owl-produitmat .item span:first-child {
	display: block;
	margin: auto;
	width: 36px;
	height: 36px;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
}
.owl-produitmat .item span:last-child {
	display: block;
	margin: auto;
	text-align: center;
	color: #808080;
	padding: 2px;
}
.owl-produitmat .owl-next, .owl-produitmat .owl-prev {
	text-indent: -5000px;
}
.owl-produitmat .owl-prev, .owl-produitmat .owl-next {
	color: #b3b3b3;
	display: block;
	border-radius: 0 !important;
	border: none;
	background: none !important;
	opacity: 1 !important;
	box-shadow: none !important;
	font-size: 1.6em !important;
	font-weight: bold;
	line-height: 0.750em;
	width: 62px;
	height: 62px;
	/*-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;*/
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	vertical-align: middle;
}
.owl-produitmat .owl-prev {
	margin: -42px 0 0 -56px !important;
	background-image: url(../images/flecheg_pm.png) !important;
}
.owl-produitmat .owl-next {
	margin: -42px -56px 0 0 !important;
	background-image: url(../images/fleched_pm.png) !important;
}
/*
#formPersonnalisation input[type="submit"] {
	display: block;
	width: 100%;
	font-size: 1.2em;
}*/
.entiere {
	width: 100%;
	float: left;
	text-align: center;
}
.demi {
	width: 50%;
	float: left;
	text-align: center;
}
.entiere a, .demi a {
	display: block;
	text-align: center;
	color: #333333;
	padding: 5px 3px;
	font-size: 1.2em;
}
.demi .titre, .entiere .titre {
	display: block;
	padding: 8px 0 5px 0;
	text-transform: uppercase;
	font-size: 1.3em;
	text-align: center;
	font-weight: 700;
	margin: 0;
}
.aide_taille{
	color: #999;
	margin-left: 15px;
}


.demi select , .entiere select {
	/*margin: auto;*/
	margin:10px auto;
	display: inline-block;
	width: 80%;
}
.demi a:hover,  .entiere a:hover {
	color: #000000;
}
#detail_gravure .demi {
	border-bottom: none;
}
/*
.btn_ajout_gravure {
	margin: auto;
	width: 85%;
	border: 2px solid #000000;
	background: #FFFFFF;
	text-transform: uppercase;
	color: #000000 !important;
	font-style: normal !important;
	padding: 0px;
}*/
.btn_ajout_gravure {
	display:inline-block;
	text-align:center;
	margin: 5px auto;
	width: 100%;
	border: 2px solid #000000;
	background: #FFFFFF;
	/*text-transform: uppercase;*/
	color: #000000 !important;
	font-style: normal !important;
	padding: 5px;
	border-radius:0px;
	/*box-shadow: 0 0 10px rgba(0,0,0,0.05);*/
	font-size:1.5rem;
	
}

.retour_gravure {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	width: 80%;
	border: 2px solid #000000;
	background: #FFFFFF;
	color: #000000;
	font-style: normal;
}/*
.btn_ajout_gravure:before {
	content: '';
	display: inline-block;
	background: url('../images/sprite.svg?v=3') no-repeat 0 -332px;
	width: 11px;
	height: 29px;
	float: left;
	margin: -4px 0 0 10px;
}
.btn_ajout_gravure:hover {
	color: #000000 !important;
	border: 2px solid #000000;
}*/
#prix_produit {
	padding: 0 20px 10px 20px;
}
#prix_produit .prix_barre {
	width: 100%;
	float: left;
	text-align: center;
	text-decoration: line-through;
	font-size: 1.3em;
	line-height: 1em;
}

#prix_produit .prix {
	width: 100%;
	float: left;
	text-align: center;
	color: #000000;
	font-size: 3em;
	line-height: 1em;
	font-weight:bold;
	margin:0 0 5px 0;
}
.btn_ajout_panier {
	text-align: center;
	width: 100%;
	float: right;
	display: block;
	background: #000;
	color: #FFFFFF !important;
	border: 3px solid #000;
	padding: 10px;
	text-transform: uppercase;
	font-size: 2rem;
	/*border-radius:10px;*/
	transition: all 300ms;
	margin: 10px 0 0 0;
}
#prix_produit .btn_ajout_panier:hover,#prix_produit .btn_ajout_panier_redir:hover,#prix_produit .btn_ajout_panier_suggest:hover {
	color: #000 !important;
	background: #fff;
}
#prix_produit .btn_ajout_panier_redir,#prix_produit .btn_ajout_panier_suggest
{
	display:none;
}
/*
#prix_produit .btn_ajout_panier:before {
display: inline-block;
    font: normal normal normal 14px/1 "icfvuil";
  content: "\E621";
	font-size:1.5em;
	margin: -7px 19px 0 0;
	color: #FFF;
	vertical-align:middle;
}
#prix_produit .btn_ajout_panier:hover:before{

	color: #d71e62;

}*/
.sans_frais {
	/*font-family: Tahoma;
	font-style: italic;*/
	font-size: 1.1em;
	
}
.question {
	color:#000;
	font-size:1.8rem;
	margin:0 5px;
}
.question:hover {
	color:#000;
}
.btn_ajout_liste_souhait {
	font-size: 1.3em !important;
	margin-bottom: 10px;
}
.btn_ajout_liste_souhait:before {
	content: '';
	display: inline-block;
	margin: 0 5px 0 0;
	/*background: url('../images/sprite.svg?v=3') no-repeat 2px -66px;*/
	background: url('../images/coeur-o.svg');
	/*
	background:  url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9Ii0xLjcxIC0wLjU4OCAxOCAxNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMS43MSAtMC41ODggMTggMTQiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMC43NSIgZD0iTTEyLjMzMSwwLjg2NmMtMC41NjYtMC4zMTMtMS4yMTctMC40OTEtMS45MS0wLjQ5MQ0KCWMtMS4yMjUsMC0yLjMyLDAuNTU1LTMuMDQ0LDEuNDI0QzYuNjQ4LDAuOTMsNS41NTUsMC4zNzUsNC4zMjksMC4zNzVjLTAuNjkyLDAtMS4zNDEsMC4xOC0xLjkxMSwwLjQ5MQ0KCUMxLjIsMS41MzUsMC4zNzUsMi44MjYsMC4zNzUsNC4zMDVjMCwwLjQyNCwwLjA2OCwwLjgzMSwwLjE5NSwxLjIxMWMwLjY3OSwzLjAzMyw2LjgwNiw2Ljg1Niw2LjgwNiw2Ljg1NnM2LjEyMy0zLjgyNCw2LjgwNC02Ljg1Ng0KCWMwLjEyNi0wLjM4LDAuMTk1LTAuNzg4LDAuMTk1LTEuMjExQzE0LjM3NSwyLjgyNywxMy41NSwxLjUzNywxMi4zMzEsMC44NjZ6Ii8+DQo8L3N2Zz4NCg==');
	*/
	width: 18px;
	height: 14px;
}

#dispo_livraison {
	
	font-size: 0.9em;
	/*border-left: 2px dashed #DDDDDD;*/
	/*box-shadow: 0 0 10px rgba(0,0,0,0.40);*/
	/*margin-left: 8%;*/
	padding-left: 0px;
	/*border-radius:1px;*/
}

#dispo_livraison span {
	display: block;
	list-style: none;
	padding: 7px 15px;
	font-size: 1.2em;
	/*text-align: left;*/
}

#avantages_compte {	
	margin: 5px auto;
	padding-left: 5px;
}

#avantages_compte li {
	display: block;
	list-style: none;
	padding: 7px 15px;
	font-size: 1.3em;
	text-align: center;
}

.dispo{
	margin: 0 0 10px 0;
	font-size:1.3rem;
	/*text-align:center;*/
}
#dateLivrChrono, #dateLivr{
	margin-top: 10px;
}
.dispo:before {
	/*content: '';
	width: 16px;
	height: 16px;
	display: inline-block;
	background: #9df90f;
	border-radius: 10px;
	margin: 0 15px -3px 0;*/
}
.dispo:before {
	/*content: '';
	display: inline-block;
	background: url('../images/sprite.svg?v=3') no-repeat 0 -373px;
	background: url('../images/rea-livraison.svg');
	width: 32px;
	height: 22px;
	margin: 0 5px -3px 0;*/
	display: inline-block;
    font: normal normal normal 14px/1 "icfvuil";
    content: "\e600";
	font-size:1.2em;
	margin: -3px 3px 0 0;
	color: #15802f;
	vertical-align:middle;
}
#texteLivr{color: #15802f; font-weight:700}

.dispo.nope:before {
	content: '';
	width: 16px;
	height: 16px;
	display: inline-block;
	background: #C21A1A;
	
	border-radius: 10px;
	margin: 0 20px -3px 0;
}
.dispo.commande:before {
	content: '';
	width: 16px;
	height: 16px;
	display: inline-block;
	background: #f7931e;
	border-radius: 10px;
	
}
#dispo_mise_a_taille{
display:none;
}
.dispo_info_check {
	font-size:1.3rem;
	margin: 10px 0 ;
	list-style: none;
}
.dispo_info_check:before {
	/*content: '';
	display: inline-block;
	background: url('../images/sprite.svg?v=3') no-repeat 0 -373px;
	background: url('../images/rea-livraison.svg');
	width: 32px;
	height: 22px;
	margin: 0 5px -3px 0;*/
	display: inline-block;
    font: normal normal normal 14px/1 "icfvuil";
    content: "\e600";
	font-size:1.2em;
	margin: -3px 7px 0 0;
	color: #797977;
	vertical-align:middle;
}

.puce_reassurance {
	font-size:1.3rem;
	list-style: none;
}
.puce_reassurance:before {

	display: inline-block;
    font: normal normal normal 14px/1 "icfvuil";
    content: "\e009";
	font-size:1.2em;
	margin: -3px 7px 0 0;
	color: #000;
	vertical-align:middle;
}

#dispo_info_livraison:before {
	/*content: '';
	display: inline-block;
	background: url('../images/sprite.svg?v=3') no-repeat 0 -373px;
	background: url('../images/rea-livraison.svg');
	width: 32px;
	height: 22px;
	margin: 0 5px -3px 0;*/
	display: inline-block;
    font: normal normal normal 14px/1 "icfvuil";
   content: "\e618";
	font-size:2em;
	margin: -3px 10px 0 0;
	color: #c7b299;
	vertical-align:middle;
}
#dispo_info_satisfait:before {
	/*content: '';
	display: inline-block;
	background: url('../images/sprite.svg?v=3') no-repeat -52px -371px;
	background: url('../images/rea-satisfait.svg');
	
	width: 32px;
	height: 24px;
	margin: 0 5px -5px 0;*/
	display: inline-block;
    font: normal normal normal 14px/1 "icfvuil";
  content: "\e616";
	font-size:2em;
	margin: -3px 10px 0 0;
	color: #c7b299;
	vertical-align:middle;
}
#dispo_mise_a_taille:before {
	/*content: '';
	display: inline-block;
	background: url('../images/sprite.svg?v=3') no-repeat 4px -409px;
	background: url('../images/rea-bague.svg');
	width: 32px;
	height: 24px;
	margin: 0 5px -5px 0;*/
	display: inline-block;
    font: normal normal normal 14px/1 "icfvuil";
  content: "\e610";
	font-size:2em;
	margin: -3px 10px 0 0;
	color: #c7b299;
	vertical-align:middle;
}
#dispo_info_paiement:before {
	/*content: '';
	display: inline-block;
	background: url('../images/sprite.svg?v=3') no-repeat -100px -371px;
	background: url('../images/rea-paiement.svg');
	width: 32px;
	height: 24px;
	margin: 0 5px -5px 0;*/
	display: inline-block;
    font: normal normal normal 14px/1 "icfvuil";
  content: "\e611";
	font-size:2em;
	margin: -3px 10px 0 0;
	color: #c7b299;
	vertical-align:middle;

}
#dispo_info_ecrin:before {
	/*content: '';
	display: inline-block;
	background: url('../images/sprite.svg?v=3') no-repeat -154px -366px;
	background: url('../images/rea-ecrin.svg');
	width: 32px;
	height: 29px;
	margin: 0 5px -8px 0;*/
	display: inline-block;
    font: normal normal normal 14px/1 "icfvuil";
  content: "\e615";
	font-size:2em;
	margin: -3px 10px 0 0;
	color: #c7b299;
	vertical-align:middle;
}
/*
#dispo_info_garantie:before {
	content: '';
	display: inline-block;
	/*background: url('../images/sprite.svg?v=3') no-repeat 4px -407px;*/
	/*background: url('../images/rea-certificat.svg');
	width: 32px;
	height: 29px;
	margin: 0 5px -8px 0;
}*/
#dispo_info_certif:before {
	/*content: '';
	display: inline-block;
	background: url('../images/sprite.svg?v=3') no-repeat -50px -407px;
	background: url('../images/rea-certificat.svg');
	width: 32px;
	height: 34px;
	margin: 0 5px -13px 0;*/
	display: inline-block;
    font: normal normal normal 14px/1 "icfvuil";
  content: "\e612";
	font-size:2em;
	margin: -3px 10px 0 0;
	color: #c7b299;
	vertical-align:middle;
}

#navig_autre_produit {
	margin: 20px 0;
}
#navig_autre_produit li {
	width: 50%;
	list-style: none;
}
#navig_autre_produit li a {
	text-align: center;
	text-transform: uppercase;
	font-size: 1.5em;
	color: #000000;
	background: #e6e6e6;
	display: block;
	padding: 10px;
	margin: 2%;
	cursor: pointer;
	line-height: 1em;
}
#navig_autre_produit li a.active, #navig_autre_produit li a:hover {
	background: #999999;
	color: #FFFFFF;
}
#navig_autre_produit li div {
	font-family: 'Open Sans', cursive;
	text-align: center;
	font-size: 2em;
	color: #000000;
}
/* Bubble Bottom */
/*
.hvr-bubble-bottom {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
}
.hvr-bubble-bottom:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	border-style: solid;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	left: calc(50% - 10px);
	bottom: 0;
	border-width: 10px 10px 0 10px;
	border-color: #e6e6e6 transparent transparent transparent;
	opacity: 0;
}
.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before, .hvr-bubble-bottom.active:before {
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	border-color: #999999 transparent transparent transparent;
	opacity: 1;
}*/
.listing_autre_produit .btn_voir_tout, .listing .btn_voir_tout {
	max-width: 45%;
}
.titre_navig {
	font-weight:bold;
	font-family: 'Open Sans', sans-serif;
	margin: 30px auto;
	display: block;
	width: 30%;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	text-transform: uppercase;
	font-size: 1.6em;
	background: #000000;
	color: #FFFFFF;
	padding: 10px 0;
	text-align: center;
}
.titre_navig:first-of-type {
	/*margin-top:0px;*/
}

.titre_reassur, .titre_reassur_alliance {
	margin-left:auto;
	margin-right:auto;
	font-family: 'Open Sans', sans-serif;
	display: block;
	width: 75%;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	position: relative;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.2em;
	background: #000000;
	color: #FFFFFF;
	padding: 10px 0;
	text-align: center;
}

.titre_navig:before, .titre_reassur:before, .titre_reassur_alliance:before  {
	
	/*pointer-events: none;*/
	position: absolute;
	z-index: -1;
	content: '';
	border-style: solid;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	left: 48%;
	left: -webkit-calc(50% - 10px);
	left: -moz-calc(50% - 10px);
	left: calc(50% - 10px);
	bottom: 0;
	border-width: 10px 10px 0 10px;
	border-color: #000000 transparent transparent transparent;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}


.trailer_box {
  text-align: center;
  margin: 40px auto 15px auto;
}

.trailer_box .subtitle {
  font-size: 2rem;
  font-weight: 300;
  color: #000;
  text-transform: uppercase;
  display: inline-block;
  border-bottom: 2px solid #C7B299;
  padding-bottom: 0.2rem;
}
.trailer_box .subtitle strong {
  font-weight: 700;
}

.product_tab_title {
  text-align: center;
  margin-bottom:10px;
  list-style: none;
  cursor:pointer;
}

.product_tab_title .subtitle {
  font-size: 2rem;
  font-weight: 300;
  color: #000;
  text-transform: uppercase;
  display: inline-block;
  border-bottom: 2px solid #C7B299;
  padding-bottom: 0.2rem;
}
.product_tab_title .subtitle strong {
  font-weight: 700;
}
.product_des{
	font-size: 1.3rem;
	padding:0 20px;
}


/*
.trailer_box {
    text-align: center;
    position: relative;

	font-weight:bold;
	font-family: 'Open Sans', sans-serif;
	font-family: 'DM Serif Text';
	font-size: 1.5rem;
	letter-spacing: 1.2px;
	margin: 35px auto;

	width: 35%;
	text-transform: uppercase;
	
	line-height:1.6em;
	max-width:300px;
}

.trailer_box .desc .subtitle,
.trailer_box.plain .desc .line {
	
	text-align:center;
    background-color: #c7b299;
    color: #fff;
    padding: 8px 0px;
    
}

.trailer_box .desc .subtitle:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: -20px;
    top: 0;
    border-style: solid;
    border-width: 20px 20px 20px 0;
    border-color: rgba(0, 0, 0, 0) #c7b299 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.trailer_box .desc .subtitle:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: -20px;
    top: 0;
    border-style: solid;
    border-width: 20px 0 20px 20px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #c7b299;
}*/


/*---------------BLOC_REASSURANCE----------------*/
#bloc_recap_reassur {
	margin: 30px 0;

}
#bloc_recap_reassur>ul {
	margin: 0;
}
#bloc_recap_reassur>ul>li {
	float: left;
	width: 33.3333333%;
	background: #e8e8e8;
	list-style: none;

}
#bloc_recap_reassur>ul>li>a {
	display: block;
	padding: 10px;
	font-family: 'Open Sans', cursive;
	text-align: center;
	border: 1px solid #DDDDDD;
	border-right: none;
	font-size: 1.4em;
	color: #000000;
	line-height: 0.875em;
	
}
#bloc_recap_reassur>ul>li>a:hover {
	background: #FFFFFF;
}
#bloc_recap_reassur>ul>li>a.active {
	background: #FFFFFF;
	border-bottom: none;
}
#bloc_recap_reassur>ul>li:last-child>a {
	border-right: 1px solid #DDDDDD;
}
.bloc_recap_reassur_content>ul {
	margin: 0;
}
.bloc_recap_reassur_content {
	/*border: 1px solid #DDDDDD;*/
	/*border-top: none;*/
	/*border-radius:10px;*/
	background-color:#fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
.bloc_recap_reassur_content>ul>li :first-child {
	text-align:center;
}
.bloc_recap_reassur_content >p{

	display: block;
	padding: 15px 8px;
	font-size: 1.3em;
	margin: 0px 2%;
}
.bloc_recap_reassur_content>ul>li {
	float: left;
	width: 29%;
	list-style: none;
	/*border-bottom: 1px solid #DDDDDD;*/
	display: block;
	padding: 15px 8px;
	font-size: 1.25em;
	margin: 0px 2%;
	text-align:center;
}
.bloc_recap_reassur_content>ul>li:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
}
/*#rea_tel:before {
	background: url('../images/sprite.svg?v=3') no-repeat 0 -125px;
	width: 22px;
	height: 22px;
	margin: -3px 10px 0 0;
}
#rea_remb:before {
	background: url('../images/sprite.svg?v=3') no-repeat -181px -125px;
	width: 19px;
	height: 25px;
	margin: -3px 10px 0 0;
}
#rea_livraison:before {
	background: url('../images/sprite.svg?v=3') no-repeat 0 -156px;
	width: 33px;
	height: 23px;
	margin: -3px 5px 0 0;
}
#rea_garanti:before {
	background: url('../images/sprite.svg?v=3') no-repeat -177px -160px;
	width: 23px;
	height: 30px;
	margin: -3px 8px 0 0;
}
#rea_emballage:before {
	background: url('../images/sprite.svg?v=3') no-repeat 0 -190px;
	width: 26px;
	height: 30px;
	margin: -3px 10px 0 0;
}
#rea_certificat:before {
	background: url('../images/sprite.svg?v=3') no-repeat -174px -200px;
	width: 26px;
	height: 35px;
	margin: -3px 10px 0 0;
}
#rea_cb:before {
	background: url('../images/sprite.svg?v=3') no-repeat 0 -231px;
	width: 33px;
	height: 25px;
	margin: -3px 10px 0 0;
}
#rea_paiement:before {
	background: url('../images/sprite.svg?v=3') no-repeat -173px -244px;
	width: 27px;
	height: 27px;
	margin: -3px 10px 0 0;
}*/
#rea_tel:before,#rea_prix:before, #rea_remb:before,#rea_livraison:before,#rea_garanti:before,
#rea_emballage:before , #rea_certificat:before, #rea_cb:before, #rea_paiement:before{
	display: block;
    font: normal normal normal 14px/1 "icfvuil";
	font-size:4em;
	margin: -3px 10px 0 0;
	text-align:center;
	color: #c7b299;	
	padding:5px;
}
#rea_tel:before {
  content: "\e607";
}
#rea_remb:before {
  content: "\e616";
}
#rea_livraison:before {
  content: "\e618";
}
#rea_garanti:before {
  content: "\e610";
}
#rea_emballage:before {
  content: "\e602";
}
#rea_certificat:before {
  content: "\e612";
}
#rea_cb:before {
  content: "\e611";
}
#rea_paiement:before {
  content: "\e611";
}
#rea_prix:before {
  content: "\e624";
}


.bloc_recap_reassur_content>ul>li>.titre {
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-size: 1em;
	color: #000;
}
.bloc_recap_reassur_content>ul>li>div>img {
	margin: 5px;
	vertical-align: middle;
}
/*
#mode_livraison:before, #mode_reglement:before {
	display: none !important;
}
#mode_livraison, #mode_reglement {
	border: none !important;
}*/
.bloc_recap_reassur_content>ul>li>span.bla {
	display: block;
	padding: 10px;
	text-align: center;
	color: #333333;
	margin: 5px;
	

}
/*---------------FOOTER----------------*/

.bloc_logos_avis{
display: flex; justify-content: center; align-items: center; gap: 20px; margin-top: 10px;}
.bloc_logos_avis-panier{
display: flex; justify-content: center; align-items: center; gap: 5px; margin-top: 10px;}
@media screen and (max-width: 320px) {
.bloc_logos_avis-panier{
flex-direction: column;}
}
@media screen and (max-width: 940px) {
  .bloc_logos_avis {
    flex-direction: column;
    gap: 10px;
  }
  
}
.accordion {
cursor:pointer;
}
.accordion:after {

}
.panel {

}
.accordion_active:after {

}


footer  {
	background: #eee;
	margin-bottom:25px;
	padding: 10px;

}
footer p {
	font-size: 1.3rem;
	line-height: 1.4em;
	text-align:center;
	color:#3c3c3c;
	
	
}

footer .titre {
	display: block;
	color: #3c3c3c;
	text-transform: uppercase;
	font-size: 1.8em !important;
	margin: 10px 0 6px 0;
	line-height: 1.1em;
	text-align:center
}

footer #newsletter_contact {
	/*background: #e8e8e8;
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	margin-top:50px;*/

}
footer #newsletter {
	padding:10px;
	float: left;
	width: 33%;
	
}
footer #reseaux {
	padding:10px;
	float: left;
	width: 33%;
	
}
footer #reseaux button:hover,footer #reseaux button {
background-color:#eee;
margin:15px;
	
}
footer #nous_contacter {
	padding:10px;
	float: left;
	width: 33%;
	
}
.img_reseaux {


}


.apropos_tunnel {
	float: left;
	width: 33%;
}

#nous_contacter_:before {
	float:left;
    content: "\e613";
    display: inline-block;
    font: normal normal normal 14px/1 "icfvuil";
    font-size: 6.5em;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #c7b299;
	margin: 20px 10px 0 0;
	/*content: '';
	vertical-align: middle;
	display: inline-block;
	background: url('../images/sprite.svg?v=3') no-repeat -69px -147px;
	background: url('../images/logo-contact.svg');
	width: 75px;
	height: 74px;
	float: left;
	margin: 20px 20px 0 0;*/
}
#nous_contacter p {
	/*float: left;
	margin: 5px;*/
}
#nous_contacter strong {
	/*color: #d71e62;*/
}
#nous_contacter>p>span.titre {
	font-size: 1.2em !important;
}
.contact .col_gauche {
	border-right: 1px solid #E5E9EB;
	padding: 0 50px 0 0;
}
.contact_gauche {
	width: 35%;
	float: left;
	padding: 4px 0;
	font-size: 1em;
	text-align: right;
}
.contact_gauche label {
	padding: 10px 10px 0 0;
	display: block;
}
.contact_droite {
	width: 65%;
	float: right;
	padding: 4px 0;
	text-align: left;
}
.contact_droite input, .contact_droite textarea {
	width: 100%;
}
.champs_obligatoires:after {
	content: "*";
	color: #d71e62;
	display: inline-block;
}
.contact .btn_envoyer {
	margin: auto;
	float: none;
	display: block;
	background: #000000;
}
.contact .btn_envoyer:hover {
	background: #000000;
}
.contact .col_droite h2 {
	margin: 15px 0 5px 0;
}
#newsletter .input {
	width: 60%;
	min-width:170px;
	border: 1px solid #EDEDED;
	border-radius: 0;
	margin-left:10px;
}

#newsletter .btn_submit {
text-align:center;
margin:auto;
width:30%;
padding:8px;
background-color:#000;
}

footer nav {
	float: left;
	padding: 0px 30px;
	width: 33%;
}
footer ul {
	margin: 0;
}
footer ul li {
	list-style: none;
	padding:5px;
	font-size: 1.1em;
	
}
.button_footer {
	cursor: pointer;
}
footer ul li a,  .button_footer {
	color: #3c3c3c;
	font-size: 1.3rem;
	line-height: 1.6em;
}

#liens_footer_tunnel {

}
#liens_footer_tunnel a {
	color: #3c3c3c;
	display:inline-block;
	font-size: 1.1rem;
	line-height: 1.6em;
	margin:10px;
}
footer ul li , .button_footer {

	text-align:center;
}
footer ul li a:hover, .button_footer:hover {
	color: #000;
}/*
footer #facebook {
	display: inline-block;
	background: url('../images/sprite.svg?v=3') no-repeat 0 -276px;
	width: 28px;
	height: 28px;
	margin-right: 10px;
}
footer #google {
	display: inline-block;
	background: url('../images/sprite.svg?v=3') no-repeat -41px -276px;
	width: 28px;
	height: 28px;
}
footer #facebook:hover, footer #google:hover {
	opacity: 0.9;
}*/
/*---------------FORM----------------*/
/* ====== CONTENEUR GÉNÉRAL ====== */

/* ====== BLOC PRIX ====== */
#priceRange {
  display: block;
  margin: -5px 0 6px 0;
  font-size: 14px;
  color: #333;
}

#priceRange input[type="text"] {
  width: 60px;
  padding: 6px 8px;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  font-size: 14px;
  box-sizing: border-box;
}

#submitPrix {
  margin-left: 8px;
  padding: 8px 10px;
  border: 1px solid #dcdcdc;
  background: #fff;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
}

#submitPrix:hover {
  background: #eaeaea;
}



/*----------------- LISTING -----------------*/
#count_produit{
	display:inline-block;
	font-size: 1.2em;
	font-weight: normal;	
}
#noProduct {
	/* display: inline-block; */
	font-size: 1.2em;
	font-weight: normal;
	padding: 10px;
	margin: auto;
	text-align: center;
	max-width: 500px;
}
#bloc_listing {
	padding: 26px 0 0 255px;
	
}
.bloc_all_side {
	float: left;
	margin-bottom: 15px;
		
}
.bloc_side {
	
	margin-left: -255px;
	min-height: 20px;
	width: 230px;
	/*border: 1px solid #CCC;*/
	background: #FFF;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
.bloc_side a {
	padding: 0 0 0 10px;
	color: #4D4D4D;
}
.bloc_side ul {
	padding: 0 0 15px 18px;
	margin: 0 0 0 7px;
	list-style: none;
	font-size: 1.4em;
	color: #4D4D4D;
	
}
.bloc_side ul li {
	padding: 2px 0;
}
.bloc_side ul.couleurs {
	margin: 0px;
	padding: 5px 11px;
}
.bloc_side ul.couleurs li {
	width: 25%;
	padding: 5px 10px;
	float: left;
}
.bloc_side ul.couleurs li label span {
	width: 30px;
	height: 30px;
}
.bloc_side ul li label span {
	border: 1px solid #999999;
	border-radius: 8px;
	background: #FFF;
	width: 16px;
	height: 16px;
	float: left;
	cursor: pointer;
	margin: 2px 10px 0 0;
}
.bloc_side ul li label.actif span {
	border: 1px solid #d71e62;
}
.bloc_side ul li label.actif span::before {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	margin: 3px 0 0 3px;
	/*background: url(../images/sprite.svg) no-repeat 0 -314px;*/
	/*background: url(../images/croix-filtres.png);*/
	background: url(../images/croix-filtres.svg);
}
.titre_bloc_side {
	background: #c7b299;
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
	padding: 14px 10px;
	margin: 0;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	
}
.titre_bloc_side a {
	color: #FFFFFF;
}
.titre_bloc_side a:hover {
	text-decoration: underline;
}
#titre_filtre_listing {
	display: block;
}
.cat_trie {
	/*background: #F2F2F2;*/
	font-size: 1.4em;
	/*text-align: center;*/
	padding: 10px 10px;
	margin: 0 15px;
	border-top: 1px solid #E6E6E6;
	text-transform: uppercase;
	font-weight: 700;
}
#bloc_filtres > div:first-child > .cat_trie:first-child {
  border-top: 0;
}
#bloc_detail_item, #bloc_detail_contenu {
	float: left;
	width: 100%;
	/*padding:15px;
	background-color:#fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);*/
}
#bloc_detail_item p, #bloc_detail_contenu p {
	font-size: 1.3rem;
	margin: 15px 0;
}
#bloc_detail_item p a, #bloc_detail_contenu p a {
	color: #000000;
	text-decoration:underline;
	font-weight: 700;
}
#bloc_detail_item p a:hover, #bloc_detail_contenu p a:hover {
	color: #d71e62;
}
#bloc_detail_item h1,
#countProd {
  font-family: 'DM Serif Text';
  color: #000;
  font-size: 2rem;
  display: inline;

}


.wrapperH1Count {
	margin-bottom: 5px;
	margin-top: 25px;
	margin-left: 2px;
}

@media (max-width: 1024px) { /* or whatever breakpoint you need */
	#fil_ariane {
		margin:0;
	}
}

#bloc_detail_item h1 {
  /*margin: 0 10px 5px 11px;*/
}

#countProd {
  margin-left: 10px;
}
#panier h1 {
	font-family: 'DM Serif Text';
	letter-spacing:1px;
	color: #000;
	font-size: 2.2rem;
	
	/*text-transform: uppercase;*/
	margin: 10px auto;
	/*font-weight:700;*/
}

#bloc_detail_contenu h1 {
	font-family: 'DM Serif Text';
	letter-spacing:1px;
	color: #000;
	font-size: 2.5rem;
	
	/*text-transform: uppercase;*/
	margin: 0 0 10px 0;
	/*font-weight:700;*/
}
#bloc_detail_item h1 span, #bloc_detail_contenu h1 span {
	font-size: 0.5em;
	color: #000;
}
.listing_cat {
	padding: 0;
	list-style: none;
	margin: 10px -8px !important;
	
}
.listing_cat .item {
	width: 50%;
	float: left;
}
.listing_cat .item div {
	margin: 8px;
	position: relative;
	/*border : 1px solid  #CCC;*/
	padding: 0;
	background:#fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
}
.listing_cat .item img {
	float: left;
	width: 33.3333%;

}
.listing_cat .item img.fullImageRubrique {
	width: 100%;
}
.listing_cat .item h3 {
	margin: 0px;
	font-size: 1em;
}
.listing_cat .item a {
	text-transform:uppercase;
	clear: both;
	display: block;
	padding: 10px 0 10px 0;
	text-align: center;
	font-size: 1.3em;
	color: #333;
	font-family: 'Open Sans', serif;
}
.listing_cat .item a:hover {
	color: #000;
}


.listing_cat .item a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.titre_selection {
	text-align: center;
	color: #d71e62;
	font-size: 3em;
	font-weight: normal;
	text-transform: uppercase;
}
.titre_selection span {
	color: #000000;
	display: block;
	font-size: 0.5em;
}
.col_tri, .col_affiche{
	display:inline-block;
	width: 40%;
}
.trie_recherche {
	border: 1px solid #CCC;
	/*background: #e8e8e8;*/
	border-radius: 0px;
	padding: 5px 5px 5px 15px;
	margin: 30px 0 10px 0;
	text-align:center;
}
.trie_recherche p {
	float: left;
	font-size: 1.6em;
	margin: 5px 10px 0 0;
}
.trie_recherche select, .select {
	border: 1px solid #999999;
	border-radius: 0px;
	padding: 5px 25px 5px 5px;
	cursor: pointer;
	position: relative;
	margin-top: 8px;
	margin-left: 8px;
}
.select_taille_bague, .select_matiere, .select_longueur {
	background-color:white;
	border: 2px solid #000;
	border-radius: 0;
	padding: 12px;
	cursor: pointer;
	position: relative;
	
}
.select_taille_bague:focus, .select_matiere:focus, .select_longueur:focus {
outline: 1px solid  #000;
outline-offset: -1px;
	
}
.guide_des_tailles {
	background-color:white;
	border:1px solid #ddd;
	border-radius: 0;
	padding: 12px;
	cursor: pointer;
	position: relative;
	text-align:center;
	font-size:1.3rem;
}
.guide_des_tailles, .select_matiere, .select_longueur, .select_taille_bague {
flex: 1 1 0;   
  min-width: 0;   
  width: auto;   
  box-sizing: border-box; 
}

.wrapper_select_matiere_longueur {

  display: flex;          /* active le mode flex en ligne */
  flex-wrap: wrap;        /* autorise le retour à la ligne si trop serré */
  gap: 1rem;              /* espacement horizontal entre les selects */
  width: 100%;            /* s’assure qu’il occupe tout l’espace disponible */
  box-sizing: border-box; /* pour compter le padding/gap dans la largeur */
}

.select_tri {

}


.custom-select {
  position: relative;
}

#bloc_filtres select {
  width: 96%;
  
  background-color: #fff;
 /* border: 1px solid #caced1;*/
  border: 0;
  color: #4D4D4D;
cursor: pointer;
padding: 20px;
margin:0 2%;
text-align:center;
}

/*
.custom-select::before,
.custom-select::after {
  --size: 0.3rem;
  content: "";
  position: absolute;
  right: 1rem;
  pointer-events: none;
}

.custom-select::before {
  border-left: var(--size) solid transparent;
  border-right: var(--size) solid transparent;
  border-bottom: var(--size) solid black;
  top: 40%;
}

.custom-select::after {
  border-left: var(--size) solid transparent;
  border-right: var(--size) solid transparent;
  border-top: var(--size) solid black;
  top: 55%;
}
*/


.listing {
	/*margin: 0 -10px;*/
}

.listing .item {
	/*min-height:350px;*/
	width: 32%;
	float: left;
	position: relative;
	margin-right:1%;
	/*min-height:400px;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 100%;*/
	text-align:center;
	/*border : 1px solid #666;*/
	margin-bottom:2%;
	background-color:#fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

.listing .item:nth-child(3n+1),
.listing .item:nth-child(3n+2) {
  margin-right: 2%;
}


.listing .item:nth-child(3n) {
  margin-right: 0;
}

.listing .item:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
}

.listing .item a.img {
	display: block;
	color: #333333;
	font-size: 1.5em;
	text-align: center;
	border: 0px solid #CCC;
	margin: 10px;
}
/*img listing*/
.listing .item a.img img {
	display: block;
	width: 100%;
	/*padding:5%;*/
	margin: auto;
    max-width: 280px;
}
.listing .item span {
	display: block;
}
.owl-carousel-bloc .item span.prix, .owl-selection .item span.prix, .listing .item span.prix, .owl-autre .item span.prix, .owl-autrePC .item span.prix {
	font-size: 1.2em;
	color: #333333;
}
.listing .item .ajout_cdc {
	position: absolute;
	top: 10px;
	left: 10px;
}

.listing .item:hover a.img {
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
}
.listing .item:nth-of-type(3n+1) {
	clear: both;
}
.affiche_plus {
	margin: 10px;
	text-align: center;
	padding: 12px 14px 12px 0;
	cursor: pointer;
	font-size: 1.8em;
	color: #FFF;
	background: url(../images/croix_rouge.png) no-repeat center right;
	background-color: #d71e62;
}
.affiche_plus:hover {
	background-color: #000000;
	color: #ffffff;
}
.pagination {
	font-size: 2em;
	width: 100%;
	padding: 5px;
	text-align:center;
	/*display:flex;
	justify-content: center;*/
}
.pagination .num_page, .pagination .page_courante {
	display: inline-table;
	padding: 10px;
	text-align: center;
	width: 10%;
}


.pagination .num_page:nth-child(n+11) {/*display:none;*/}


.page_suivante {
	font-size: 2em;
	float: right;
	width: 49%;
	height:60px;
}
.page_precedente {
	font-size: 2em;
	float: left;
	width: 49%;
	height:60px;
}
.page_suivante a, .page_suivante span {
	display:block;
	color: #ffffff;
	text-align: center;
	padding: 12px;
	background: #d71e62;
	font-size: 0.8em;
	border: 3px solid #d71e62;
}
.page_precedente a {
	display:block;
	color: #ffffff;
	text-align: center;
	padding: 12px;
	background: #000000;
	font-size: 0.8em;
	border: 3px solid #000000;
}

.page_precedente a:hover{
	background: #FFFFFF;
	border: 3px solid #000000;
	color:#000000;
}
.page_suivante a:hover, .page_suivante span:hover{
	background: #FFFFFF;
	border: 3px solid #d71e62;
	color:#d71e62;
}

.num_page a, .num_page span, .page_courante span{
	display:block;
	text-decoration: none !important;
	border: 1px solid #DDDDDD;
	padding:10px;
}
.num_page span{
	color: #000;
	cursor: pointer;
}
.page_courante span{
	border: 1px solid #000;
	background: #000;
	color:#FFFFFF;
}
.num_page a:hover, .num_page span:hover{

	border: 1px solid #000;
	background: #FFFFFF;
	color:#000;
}
.digit_nav  {
	text-align:center;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	padding: 0;
	
	
}

.ellipsis {
  display:inline-block;
  padding:18px 0;
  margin:0 -8px;
}
.filters-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 10px 0;
}

.select-filtre {
  flex: 1 1 150px;  /* largeur min 150px, extensible */
  padding: 6px 10px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #fff;
  cursor: pointer;
}

.select-filtre:focus {
  border-color: #007bff;
  outline: none;
  box-shadow: 0 0 3px rgba(0,123,255,0.4);
}

/* ===== Bloc principal ===== */
.pagination-select {
  display: flex;
  justify-content: center;      /* centre le contenu */
  align-items: center;          /* aligne verticalement */
  flex-wrap: wrap;              /* ✅ permet le retour à la ligne */
  margin: 50px 0 100px 0;
  gap: 15px 5px;               /* espace vertical (15px) et horizontal (20px) */
  font-size: 20px;
}

/* Zones Prev / Next */
.pagination-select .prev,
.pagination-select .next {
  display: flex;
  justify-content: center;
  flex: 0 0 auto;               /* largeur auto */
  min-width: 75px;              /* évite le décalage si absent */
  height: 60px;
}

/* Placeholders invisibles mais gardent la place */
.pagination-select .prev:empty,
.pagination-select .next:empty {
  visibility: hidden;
}

.pagination-select #PageSuivante::before {
  content: "\e009";
  font-family: "icfvuil";
  font-size: 45px;           /* icône plus grande */
  line-height: 0.9;
  margin-left:0px;
}
.pagination-select #PagePrecedente::before {
  content: "\e00a";
  font-family: "icfvuil";
  font-size: 45px;           /* icône plus grande */
  line-height: 0.9;
  margin-right:0px;
}
.pagination-select #PageSuivante, .pagination-select #PagePrecedente{


  display: inline-block;
  vertical-align: middle;
  padding: 10px 10px;
  font-size: 20px;
  line-height: 36px;
  cursor: pointer;
  box-sizing: border-box;
  height: 60px;
  min-width: 75px;
  text-align: center;
  margin: 0;
  border: 0;
  background: #000;
  color: #fff;
}
/* ===== Boutons standards ===== */
.pagination-select .num_page a,
.pagination-select .num_page span,
.pagination-select .page_courante span,
.pagination-select .page-select {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #090808;
  padding: 10px 27px;
  background: #fff;
  font-size: 20px;
  line-height: 36px;
  cursor: pointer;
  box-sizing: border-box;
  height: 60px;
  min-width: 75px;
  text-align: center;
  margin: 0;
}

/* ===== Page courante ===== */
.pagination-select .page_courante span {
  border: 1px solid #000;
  background: #000;
  color: #fff;
}

/* ===== Hover effets ===== */
.pagination-select .num_page a:hover,
.pagination-select .num_page span:hover {
  border: 1px solid #000;
  background: #000;
  color: #fff;
}

/* ===== Select custom ===== */
.pagination-select .select-wrapper {
  position: relative;
  display: inline-block;
  min-width: 75px;
  height: 60px;
}

/* Supprime la flèche native */
.pagination-select .page-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 45px;          /* espace pour flèche custom */
  width: 100%;
  height: 100%;
  line-height: 36px;
  background: #fff;
  border: 1px solid #090808;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
}

/* Flèche custom ▼ */
.pagination-select .select-wrapper::after {
  content: "▼";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: #090808;
  pointer-events: none;
}

/* Options centrées */
.pagination-select .page-select option {
  text-align: center;
}
/**/

.pagination-status {
  text-align: center;
  font-size: 16px;
  color: #000;
  margin: 45px 0;
}

.pagination-status .range,
.pagination-status .total {
  font-weight: 600;
}




/*----------------- PAGE_CONTENU -----------------*/
.column_pierre_signe {
   width: 50%;
  padding: 10px;
display: table;
  
}

.float_left{
float:left;
}

.float_right{
float:right;
}

.column_pierre_signe img {
width: 100%;
}

.column_pierre_signe p {
padding: 5px;
margin-top:10px !important;
}

.row_pierre_signe h3{
text-align: center;
font-size: 2em;
text-transform: uppercase;
}


.row_pierre_signe:after {
  content: "";
  display: table;
  clear: both;
}


.w35{
  width: 35%;
}

.w65{
  width: 65%;
}


@media screen and (max-width: 880px) {
  .column_pierre_signe {
    width: 100%;
	  padding: 0;
  }

.offcanvas {
	  top:auto;
      bottom: 0;
	  width:95%;
      min-width: 280px;
      height: 98%;
      padding: 6px 15px;
}
}
@media screen and (max-width: 980px) {

.nom_produit_listing{
	min-height:70px;
	font-size:1.4rem;
	padding: 10px;
}
.nom_produit_listing a {
  display: -webkit-box;
  -webkit-line-clamp: 3;        /* change à 2, 3, etc. */
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: calc(1.3em * 3);  /* optionnel, en fonction du line-height */
  line-height: 1.3;             /* adapte au style de ta typo */
}

.contenu_bloc_detail {
    flex-direction: column;
	margin: 10px auto;
	max-width:600px;
  }
 

  .product_flex_tab {
    margin-bottom: 1.5rem;
    width: 100%;

  }

#liens_menu_burger{
	display:block;
}
	
#deroulant>li>div>ul>li a:before, #ssCatalogue>li>a:before {
	content: "";
}
  #MegaMenu > li > div > ul > li a::before, #ssCatalogue > li > a::before {
	 content: ""; 
  }
	  
.icon-plus, .icon-chevron-right{
	font-size:1rem;
	padding:10px;
}


.ssssCatalogue1col > li > a, .ssssCatalogue2col > li > a, .ssssCatalogue3col > li > a, .ssssCatalogue4col > li > a{
	font-size:1.6rem;
	padding:7px 20px;
}

.ssssCatalogue1col,.ssssCatalogue2col, .ssssCatalogue3col, .ssssCatalogue4col {
display:none;
}

/*
.last-child-parent {
	position: relative;
	cursor: pointer;
	font-size:1.5rem;
	padding:5px 0px 20px 0px;
	font-family: 'Open Sans';
	font-weight: bold;
	display: block;
	color: #333;
	text-transform: uppercase;	 
}*/
.child-parent {
	position: relative;
	/*padding-right: 25px;*/ /* espace pour l’icône */
	cursor: pointer;
	font-size:1.5rem;
	padding:10px 0px 10px 18px;
	font-family: 'Open Sans';
	font-weight: bold;
	display: block;
	color: #333;
	text-transform: uppercase;
	margin-left:3px;
	 
}

/* Icône par défaut (flèche droite) */
.child-parent.icplus::after {
  content: "+";         
  position: absolute;
  left : 0px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.5rem;
  color: #333;
  transition: transform 0.2s;
}

.child-parent.icmoins::after {
  content: "-";         
  position: absolute;
  left : 0px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.5rem;
  color: #333;
  transition: transform 0.2s;
}

#ssCatalogue > li > a, #deroulant > li > div > ul > li a {
	font-size:1.5rem;
}
	#deroulant>li>button{
	    margin: 0;
	}
  .column_pierre_signe p {
margin-top:0;
}

}

.listing-footer-contenu {
	margin-bottom: 50px !important;
}

.listing-footer .item {
	width:100% !important;
	list-style: none;

}
.listing-footer .item img {
    float: left;
    width: 33.3333%;
}


.listing-footer .item a {
	background-color: #F3F3F3;
	font-size: 1.3em;
}

@media screen and (max-width:768px) {
.wrapperH1Count{
	margin-left:2px;
}
	.listing-footer .item {
	width:80% !important;
	margin-left: 10% !important;
	}
}


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




#panier h1
{
	font-size:1.8rem;
}


  

.container_variantes{
	gap:10px;
}

  



	
	.listing-footer .item {
	width:100% !important;
	margin-left: 0 !important;
	}
}

.h3-footer-contenu{
color: rgb(199, 178, 153); 
text-align: center; 
font-size:2em;  
text-transform:uppercase;
}

#contenu {
	padding: 0px 10px;
	font-size: 1.4em;
}
#entete_sommaire>div {
	font-size: 1.4em;
}
h1#titre_page {
	color: #d71e62;
	font-size: 3em;
	font-weight: 400;
	text-transform: uppercase;
	margin: 0 0 12px 0;
}


#h1_page_contenu {
	color: #d71e62;
	font-size: 2.1em !important;
	text-align:center !important;
	text-transform: uppercase !important;
	margin: 10px;
}
#entete_sommaire img {
	float: left;
	/*margin: 0 20px 20px 0;*/
}
.bloc_side ul.sommaire {
	padding: 0px;
}
.bloc_side ul.sommaire>li>a {
	color: #333;
	display: block;
	text-align: left;
	border-top: none;
	/*border-bottom: 1px solid #E6E6E6;*/
	padding: 8px;
	font-size: 0.95em;
}


.bloc_side ul.sommaire>li>span {
	font-size: 1.05em;
	color: #000000;
	display: block;
	text-align: left;
	border-bottom: 1px solid #E6E6E6;
	border-top: 1px solid #E6E6E6;
	padding: 8px;
	font-weight: bold;
}


.bloc_side ul.sommaire>li {
	padding: 0px;
}
.bloc_side ul.sommaire>li>a:hover {
	color: #d71e62;
}
/* Icon Rotate *//*
.hvr-icon-rotate {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	padding-right: 2.2em;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.hvr-icon-rotate:before {
	content: "\f144";
	position: absolute;
	right: 0.8em;
	padding: 0 1px;
	color: #d71e62;
	font-size: 1em;
	font-family: FontAwesome;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	color: #b3b3b3;
}*/
.bloc_side ul.sommaire>li>ul {
	padding: 6px 12px 12px 12px;
	margin: 0;
	border-bottom: 1px solid #DDDDDD;
}
.bloc_side ul.sommaire>li>ul>li {
	padding: 0px;
}
.bloc_side ul.sommaire>li>ul>li>a {
	display: block;
	color: #000000;
	font-size: 0.9em;
	border-bottom: 1px solid #DDDDDD;
	padding: 8px 0;
	line-height: 0.9em;
}
.bloc_side ul.sommaire>li>ul>li>a:before {
	content: "\2023\0020";
	font-size: 2em;
}
.bloc_side ul.sommaire>li>ul>li>a:hover {
	color: #d71e62;
}
.listing_sommaire {
	padding: 0;
	list-style: none;
	margin: 0 -10px;
}
.listing_sommaire .item {
	width: 33.33333333%;
	float: left;
}
.listing_sommaire .item.faq {
	width: 100%;
}
.listing_sommaire .item a {
	margin: 0 10px;
	margin-bottom: 20px;
	display: block;
	/*border: 1px solid #CCC;*/
	height: 70px;
}
.listing_sommaire .item a img {
	float: left;
	margin-right:20px;
}
.listing_sommaire .item a span {
	display: block;
	padding: 10px;
	color: #5f6465;
	/*text-transform: uppercase;*/
	/*text-align: center;*/
	font-size: 1.6rem;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
	position: relative;
	line-height: 0.9em;
	
}
.listing_sommaire .item a span:hover {
	color: #d71e62;
}
.listing_sommaire .item a:hover {
}
#entete_contenu_sommaire img {
	width: 100%;
	height: auto;
}
#entete_contenu_sommaire {
	margin: 15px 0;
}
.page_contenu{
	background-color:#fff;
	padding:15px;
}

.page_contenu h1 {
	font-family: 'DM Serif Text';
}

.page_contenu h2, .page_listing h2 {
	font-family: 'DM Serif Text';
	letter-spacing:1px;
	color: #c6ac8d;
	border-bottom: 1px solid #e6e6e6;
	font-size: 2rem;
	/*font-weight: normal;*/
	margin: 10px 0;
	padding-bottom: 10px;
	/*font-weight:700;*/
}
.page_contenu h3, .page_listing h3 {
	font-family: 'DM Serif Text';
	letter-spacing:1px;
	
	font-size: 1.8rem;
	font-weight: normal;
	margin-bottom: 10px;
	padding-bottom: 10px;
	/*font-weight:700;*/
}

#bloc_detail_contenu {
	float: left;
	width: 100%;
}
.page_contenu p {
	text-align: justify;
	/*font-weight: 300;*/
	line-height: 2em;
	/*font-size :2rem;*/
}
.page_contenu .titre_selection {
	color: #d71e62;
}
.page_contenu .img_fl {
	float: left;
	margin: 0 20px 20px 0 !important;
}
.page_contenu .img_fr {
	float: right;
	margin: 0 0 20px 20px !important;
}
.page_contenu .img_fl a, .page_contenu .img_fr a {
	display: block;
	text-align: center;
	font-size: 1.2em;
	color: #d71e62;
}
.page_contenu .img_fl a:hover, .page_contenu .img_fr a:hover {
	color: #d71e62;
}
#sliderPrix {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	max-width: 86%;
	margin: auto;
	margin-bottom: 48px;
}
#priceRange {
	text-align: center;
	/*padding-top: 14px;*/
}
#prixMini, #prixMaxi {
	width: 65px;
	border: 1px solid #999999;
	border-radius: 0px;
	padding: 6px;
	margin: 10px;
}
/*************** div pour les messages d'erreur ou de succès *************/
.alert_message {
	position: fixed;
	top: 130px;
	left: 50%;
	width: 400px;
	margin-left: -200px;
	border-radius: 5px;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.56);
	padding: 10px;
	z-index: 120;
	color: #FFFFFF;
	text-align: center;
	font-size: 14px;
}
.alert_message.error {
	background: #c00;
}
.alert_message.success {
	background: #0b70b1;
}
.alert_message p {
	margin-top: 0;
	margin-bottom: 0;
}
/*************** fin div pour les messages d'erreur ou de succès *************/
/*************** espace client *************/
#page_compte {
	background: #FFF;
	padding: 20px;
	/*max-width:1000px;*/
	margin: 25px auto;
	min-height:300px;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
#page_compte .half {
	
	border: none;
	/*background: #FFF;*/
	float: left;
	text-align: center;
	width: 49%;
	width: -webkit-calc(50% - 1px);
	width: -moz-calc(50% - 1px);
	width: calc(50% - 1px);
	margin-top: 20px;
	padding: 20px 15px;
}
#page_compte .tier {
	float: left;
	width: 33.33333333%;
	padding: 0px 10px;
}
#page_compte .colcomment {
	float: left;
	width: 33.33333333%;
	padding: 0px 10px;
}
#page_compte .colcomment span {
	font-size: 19px;
}
#page_compte .btn {
	background: #b3b3b3;
	color: #FFFFFF;
	font-size: 1.3em;
	text-transform: uppercase;
	padding: 6px 10px;
}
#page_compte .btn:hover {
	background: #000000;
}
#page_compte .half label, #page_compte .half p, #page_compte p {
	font-size: 1.5em;
}
.td_gauche input[type="text"], .td_gauche input[type="password"], .td_gauche select, .td_droite input[type="text"], .td_droite input[type="password"], .td_droite select{
	border: 1px solid #CCC;
	padding: 5px;
	width: 80%;
	border-radius: 0px;
	height: 35px;
	max-width:420px;
}
.td_droite textarea {
	width: 80%;
}
.identification input[type="text"], .identification input[type="password"], .identification select, .identification input[type="text"], .identification input[type="password"], .identification select {
	border: 1px solid #CCC;
	padding: 5px;
	
	width: 80%;
	max-width: 300px;
	border-radius: 0px;
	height: 35px;
}
.td_gauche select.min, .td_droite select.min {
	width: 20%;
}
.td_gauche {
	width: 35%;
	float: left;
	padding: 4px 0;
	font-size: 1em;
}
#page_compte .half .td_gauche label {
	padding: 5px 12px 0 0;
	display: block;
	text-align: right;
}
.td_droite {
	width: 64%;
	float: right;
	padding: 4px 0;
}
#page_compte .half .td_droite {
	text-align: left !important;
}
#page_compte .half .td_gauche {
	text-align: right !important;
}
#page_compte .half .td_droite select {
	margin-bottom: 10px;
}
#page_compte .half .button {
	margin-top: 20px;
}
#page_compte .colcomment input[type="radio"] {
	margin: 0px 3px 3px 0 !important;
}
.contact_droite input[type="checkbox"] {
	margin: 0;
	padding: 0;
	float: none;
}
input[type="checkbox"] {
	margin: 0px 10px !important;
}
#page_compte .half h2 {
	margin-top: 0;
	color: #000;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1.8em;
}
#page_compte .half h3 {
	margin-top: 0;
	color: #c6ac8d;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1.8em;
}
#page_compte .half:first-of-type {
	border-right: 1px solid #E5E9EB;
}
#page_compte .half table {
	width: 100%;
}

	
#page_compte form input[type="submit"] {

	
	padding: 10px;
	background: #000;
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.6rem;
	border: 3px solid #000;
	margin: 10px auto;
	border-radius: 0px;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
	cursor: pointer;
	width: 50%;
	max-width:300px;
}

#page_compte form input[type="submit"]:hover {
	color: #000;
	background: #FFFFFF;
}
.btn_def {
	width: 50%;
	display: inline-block;
	padding: 10px 15px;
	margin: auto;
	background: #000;
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.5em;
	border: 3px solid #000;
	margin-bottom: 10px;
	cursor: pointer;
	max-width:300px;
}
.btn_def:hover {
	color: #000;
	background: #FFFFFF;
}
a .btn_annule {
	width: 50%;
	display: inline-block;
	padding: 10px 15px;
	margin: auto;
	background: #ffffff;
	color: #000000;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.5em;
	border: 3px solid #ffffff;
	margin-bottom: 10px;
	cursor: pointer;
}
a .btn_annule:hover {
	color: #d71e62;
	background: #FFFFFF;
}
#page_compte form .td_gauche label {
	font-size: 1.5em;
	float: right;
	padding: 10px;
	margin-top: 2px;
}
#page_compte form .td_gauche input[type="checkbox"] {
	float: right;
}
#page_compte form .td_droite label {
	font-size: 1.5em;
	padding: 7px;
}
#page_compte form .td_droite select {
	margin: 0 0 10px 0;
}
#page_compte form .select_naissance {
	float: left;
	width: 25%;
	margin: 0 1% !important;
	max-width: 100px;
}
#page_compte .btn_def {
	margin: auto;
	display: block;
}
#page_compte .td_droite .text {
	font-size: 1.4em;
	display: inline-block;
	padding: 7px;
}
#page_compte .bloc_compte h3 {
	color: #000000;
	border-bottom: 1px solid #e6e6e6;
	font-size: 1.3em;
	font-weight: 700;
	margin: 0;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.pts_fidelite strong {
	font-size: 2em;
}
/* le menu */
#menu_compte_client {
	padding: 0;
	margin: 20px 0 10px 0;
	width: 100%;
	font-size: 1.4em;
}
#menu_compte_client>li {
	float: left;
	width: 25%;
	list-style: none;
	padding: 1px;
	background: #FFFFFF;
}
#menu_compte_client>li.active a {
	background: #d71e62;
	color: #ffffff;
	border: 1px solid #d71e62;
}
#menu_compte_client>li>a {
	color: #000000;
	display: block;
	font-size: 0.875em;
	text-transform: uppercase;
	padding: 10px;
	background: #e8e8e8;
	border: 1px solid #DDDDDD;
}
#menu_compte_client>li>a:before {
	content: '►';
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	font-size: 0.688em;
}
#menu_compte_client>li>a:hover {
	background: #000;
	color: #ffffff;
	border: 1px solid #000;
}
#page_compte h1 {
	font-size: 1.8rem;
}
#page_compte h2 {
	color: #c6ac8d;
	border-bottom: 1px solid #e6e6e6;
	font-size: 1.6rem;
	font-weight: normal;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#page_compte h3 {
	font-size: 1.4rem;
}
/* accueil espace client */
.content_base table {
	width: 100%;
	font-size: 0.938em;
}
.table {
	border: 1px solid #DDDDDD;
	width: 100%;
	border-spacing: 1px;
	margin-bottom: 20px;
}
.table th, .table td {
	padding: 8px;
	font-size: 1.4em;
}
.table th {
	background: #e8e8e8;
}
#page_compte .table td {
	text-align: center;
	border-bottom: 1px solid #DDDDDD;
}
#page_compte .table tr:last-of-type td {
	border-bottom: none;
}
.bloc_compte {
	float: left;
	width: 33%;
	padding-bottom: 30px;
	font-size: 1.4em;
}
.blocs_compte {
	background: #FFFFFF;
	/*padding: 5px;
	border: 1px solid #DDDDDD;*/
}
.blocs_compte .bloc_compte {
	float: left;
	background: #fff;
	margin: 1%;
	width: 48%;
	min-height: 245px;
	padding: 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
	/*border: 1px solid #DDDDDD;*/
}
.blocs_compte .bloc_compte_adresse {
	float: left;
	background: #FFF;
	border-radius: 4px;
	margin: 5px;
	width: 212px;
	min-height: 238px;
	padding: 20px;
}
.blocs_compte .bloc_compte_adresse b {
	color: #77AD42;
}
.blocs_compte .bloc_compte .contenu_bloc_compte {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
}
.contenu_bloc_compte p {
	font-size: 1em !important;
}
.blocs_compte .bloc_compte .contenu_bloc_compte .picto {
	float: left;
	margin-right: 15px;
}
.blocs_compte .bloc_compte .contenu_bloc_compte table {
	float: right;
	width: 85%;
	margin-top: 10px;
}
.blocs_compte .bloc_compte .contenu_bloc_compte table td {
	border-bottom: 1px solid #EAEAEA;
}
.blocs_compte .bloc_compte a {
	background: #ffffff;
	color: #000000;
	border: 1px solid #DDDDDD;
	float: none;
	padding: 8px 12px;
	margin: 5px auto;
	display: inline-block;
	width: 100%;
	text-transform: uppercase;
	text-align: center;
}
.blocs_compte .bloc_compte a:hover {
	color: #FFF;
	background: #000;
}
.contenu_bloc_compte p.titre_bloc_compte {
	padding: 15px 0 0 0;
	color: #d71e62;
	text-align: left;
	font-size: 1.4em;
	text-transform: uppercase;
}
#page_compte form p {
	font-size: 1.2em;
}
#page_compte form ul li {
	font-size: 1.5em;
}
#page_compte .pagination>a {
	font-size: 1.5em;
	padding:5px;
}
#page_compte .disabled {
	text-decoration: underline;
	color: #000000;
	padding:5px;
}
/*************** fin espace client *************/
/********************* APERCU DU PANIER ******************/
#message_fond {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/fond_message.png);
	z-index: 2000;
}
#apercu_aj_panier,#apercu_aj_panier_suggest {
	display: none;
	border: 1px solid #DDDDDD;
	position: fixed;
	left: 50%;
    /*top: -webkit-calc(50% - 50px);
    top: -moz-calc(50% - 50px);
	top: calc(50% - 50px);*/
	margin-left: -400px;
	width: 800px;
	z-index: 2001;
	background: #fdfdfd;
	/*-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);*/
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	padding: 0 25px;
	overflow: auto;
}
#apercu_aj_panier {
	/*height:60%;*/
	max-height:530px;
	top:50px;
}
#apercu_aj_panier_suggest {
	height:65%;
	max-height:530px;
	top:50px;
}

#apercu_aj_panier_fond {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 1600;
}
#apercu_aj_panier .titre, #apercu_aj_panier_suggest .titre {
	font-weight: normal;
	font-size: 2em;
	display: block;
	margin: 10px 0 10px 0;
	padding: 0px;
	text-align: center;
}
#apercu_aj_panier .titre_apercu, #apercu_aj_panier_suggest .titre_apercu {
	padding: 1px;
}
#apercu_aj_panier .fermer,#apercu_aj_panier_suggest .fermer {
	float: right;
	background: #b3b3b3;
	color: #FFFFFF;
	font-size: 1.3em;
	text-transform: uppercase;
	padding: 6px 10px;
	font-size: 0.6em;
}
#apercu_aj_panier .fermer:hover,#apercu_aj_panier_suggest .fermer:hover {
	background: #333333;
}
.bloc_apercu {
	text-align: center;
	padding: 5px;
	margin: 5px 0;
	
}
.bloc_apercu .titre {
	/*font-size: 1.4em !important;
	font-weight: 500;*/
	padding: 0 0 5px 0 !important;
	/*border-bottom: 1px solid #ccc;*/
}
.bloc_apercu input[type="text"] {
	border: 1px solid #CCC;
	padding: 5px;
	width: auto;
	border-radius: 0px;
	height: 35px;
}
.btns_apercu {
	display: block;
	margin: auto;
	text-align: center;
	text-transform: uppercase;
}
.btns_apercu a {
	display: inline-block;
	float: none;
}
.btns_apercu .btn_valider {
	background: #000;
	color: #fff;
	border: 2px solid #000;
	padding: 10px;
	font-size: 1.5em;
	cursor: pointer;
	margin: 10px;
	width : 250px;
	border-radius:0px;box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
.btns_apercu .btn_continuer {
	background: #fff;
	color: #000;
	border: 2px solid #fff;
	padding: 10px;
	font-size: 1.5em;
	cursor: pointer;
	margin: 10px;
	width : 250px;
	border-radius:0px;box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
.btns_apercu .btn_valider:hover {
	background: #fff;
	color: #000;
	border: 2px solid #000;

}
.btns_apercu .btn_continuer:hover {
	background: #ffffff;
	color: #000000;
	border: 2px solid #000000;

}
.bloc_apercu .ligne_panier {
	/*border: 1px solid #CCC;
	background: #FFFFFF;
	margin-top: 10px;*/
}
.bloc_apercu .ligne_panier .nom_article .taille_article {
	font-size: 0.8em;
	margin: 5px 0 0 0;
}
.bloc_apercu .ligne_panier .prix_article .taille_article {
	font-size: 1.3em;
}
.bloc_apercu .ligne_panier .bloc_quantite .taille_article {
	padding: 15px 10px 0 10px;
}
.conseilliere{
	float:left;
	content: '';
	display: inline-block;
	background: url('../images/conseilliere.png') no-repeat 0 0;
	width:73px;
	height: 79px;
	margin: 0 0 0 5px;
}
.recap_tel_panier{
	display: inline-block;
	margin-top:15px;
	border-radius:5px;
	width: 100%;
	border:0px solid #666;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.texte_panier_tel{
	font-size: 1em;
	padding:6px;
}
.texte_panier_tel span{
	font-size: 1.4em;
	margin:15px;
}

.bloc-paiement-securise {
 
  padding: 10px;
  text-align: center;
  margin: auto;
 
}

.bloc-panier-titre {
  font-weight: 600;
  font-size: 1.5rem;
  margin: 0px auto;
  color: #222;
 text-align:center;
 

}

.logos-paiement {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 4px;
}

.logos-paiement img {
margin-top:15px;
}
.bloc_recap_reassur_content .logos-paiement img {
margin-top:0px;
}




.img_apercu_panier img{
	float: left;
	width: 15%;
}
.descrip_article_aj_panier {
	width: 65%;
	float: left;
	padding: 7px;
	font-size: 1.3em;
	text-align:center;
}
.prix_article_aj_panier {
	width: 20%;
	float: left;
	color: #000;
	font-size: 2em;
	text-align:center;
	padding: 10px;
	margin: 0px;
}

/********************* FIN APERCU DU PANIER ******************/

#bloc_gravure {
	
	display: none;
	/*border: 1px solid #f3f3f3;*/
	position: fixed;
	left: 0;
	/*top: calc(50% - 306px);*/
	top:0;
	/*margin-left: -400px;*/
	width: 800px;
	/*height: 612px;*/
	height:100%;
	width:100%;
	z-index: 2001;
	background: #f3f3f3;
	/*-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);
	box-shadow: 0 0 20px rgba(0,0,0,0.1);*/
	padding: 5px;
	overflow-y: auto;
	
	
}

.bloc_gravure .titre {
	text-transform: uppercase;
	text-align:center;
	font-weight: 800;
	font-size: 1.8rem;
	display: block;
	/*padding:5px;*/
	color: #000;
}
.bloc_gravure .sstitre {
	text-align:center;
	/*font-weight: normal;*/
	font-size: 1.5rem;
	margin-top:0px;
	padding:5px;
	color: #000000;
}
.bloc_gravure .txt_noir {
	font-size: 1.2em;
	padding:5px;
margin-bottom:10px;
	color: #000;

}
.bloc_gravure .fermer {
	float: right;
	background: #000000;
	color: #ffffff;
	text-transform: uppercase;
	padding: 6px 10px;
	margin: -5px 0 0 0;
}
.bloc_gravure .fermer:hover {
	background: #333333;
}


.bloc_gravure {
	text-align:center;
	background: #f3f3f3;
	/*padding: 5px;*/
	margin: 3px 0;
	font-size: 1.4em;

}

.bloc_gravure input[type="text"] {
	margin-top:0;
	font-size: 1.2em;
	text-align:center;
	border: 1px solid #CCC;
	padding: 5px;
	width: 75%;
	max-width:400px;
	border-radius: 0px;
	height: 35px;
}
#apercu_recto {
	width:95%;
	float: none;
	width: auto;
	border-radius: 0px;
	border: 0px solid #CCC;
	margin:5px;
}

#apercu_recto img {

}
.bloc_gravure .col50 {
	float: left;
	width: 50%;
	padding: 15px;
	min-height: 86px;
}
.bloc_gravure .col50 span {
	float: left;
	padding: 10px;
}
.bloc_gravure ul {
	margin: 0px;
}
.bloc_gravure ul li {
	list-style: none;
	float: left;
	width: 33%;
	min-width:150px;
	padding: 5px;	

}
.preview_recto, .preview_verso, .preview_verso_date {
	text-overflow: ellipsis;
	overflow:hidden;
	height:60px;
	max-height:100px;
}

.image_gravure_recto , .image_gravure_verso , .image_gravure_verso_date, .image_gravure_verso_prenom  {
    height: 60px;
    width: 100%;
    position: relative;
}
.image_gravure_recto img, .image_gravure_verso img, .image_gravure_verso_date img , .image_gravure_verso_prenom  img{
    max-height: 40px;  
    max-width: 200px;  
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;  
    background: #3A6F9A;  
	max-width:95%;
}
.bloc_gravure ul li a {
	background: #FFFFFF;
	display: block;
	border: 2px solid #999;
	padding: 3px;
	text-align: center;
}
.bloc_gravure ul li a:hover {
	background: #FFFFFF;
	color: #d71e62;
	border: 2px solid #d71e62;
}


/*
#bloc_gravure input[type="button"] {
	margin: auto;
	background: #d71e62;
	color: #FFFFFF;
	float: none;
	border: none;
	padding: 10px;
	display: block;
	font-size: 1.6em;
	cursor: pointer;
}
#bloc_gravure input[type="button"]:hover {
	background: #333333;
}*/
/*-----------------TUNNEL_COMMANDE-----------------*/
/*test*/
#liste-etapes {
    text-align: center;
    padding: 5px 0 10px 0;
	margin-bottom:5px;

}

#liste-etapes ol {
    margin: 0;
    list-style: none;
    font-size: 0;
    counter-reset: ol;
}

#liste-etapes ol li {
    display: inline-block;
   
    color: #b3b3b3;
    font-size: 1.5rem;
    position: relative;
    /*max-width: 90px;*/
    width: 24%;
}
#liste-etapes ol li a {
    color: #b3b3b3;
}
#liste-etapes ol li.active a {
    color: #6f6f6f;
}

#liste-etapes ol li:not(:last-of-type):after {
    position: absolute;
    content: "";
    left: 50%;
    right: 0;
    background: #b3b3b3;
    height: 1px;
    top: 19px;
    z-index: 1;
    display: block;
}

#liste-etapes ol li:not(:first-of-type):before {
    position: absolute;
    content: "";
    right: 50%;
    left: 0;
    background: #b3b3b3;
    height: 1px;
    top: 19px;
    z-index: 1;
    display: block;
}

#liste-etapes ol li span {
    display: block;
    margin: 0 auto .2rem;
    width: 40px;
    line-height: 35px;
    border: 1px solid #b3b3b3;
    color: #b3b3b3;
    z-index: 2;
    font-size: 2rem;
    position: relative;
    background: #fff;
    height: 40px;

    border-radius: 50%;
}

#liste-etapes ol li.after-active:before {
    background: #6f6f6f;
}

#liste-etapes ol li.active {
    color: #6f6f6f;
}

#liste-etapes ol li.active:before {
    background: #dddddd;
}

#liste-etapes ol li.active:after {
    background: #6f6f6f;
}

#liste-etapes ol li.active span {
    border: 2px solid #6f6f6f;
    color: #fff;
}

#liste-etapes ol li.active span:after {
    content: "";
    pointer-events: none;
    position: absolute;
    /*-moz-border-radius: 50%;
    -webkit-border-radius: 50%;*/
    border-radius: 50%;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    padding: 1px;
    z-index: -1;
    background: #6f6f6f;
}

#liste-etapes ol li.actived {
    color: #dddddd;
}

#liste-etapes ol li.actived a {
    color: inherit;
    display: inline-block;
}

#liste-etapes ol li.actived a:hover span:after {
    -moz-transform: scale(.85);
    -ms-transform: scale(.85);
    -o-transform: scale(.85);
    -webkit-transform: scale(.85);
    transform: scale(.85);
}

#liste-etapes ol li.actived:before {
    background: #dddddd;
}

#liste-etapes ol li.actived:after {
    background: #dddddd;
}

#liste-etapes ol li.actived span {
    border: 2px solid #dddddd;
    color: #fff;
}

#liste-etapes ol li.actived span:after {
    content: "";
    pointer-events: none;
    position: absolute;
    /*-moz-border-radius: 50%;
    -webkit-border-radius: 50%;*/
    border-radius: 50%;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    padding: 1px;
    z-index: -1;
    background: #dddddd;
    -webkit-transition: -webkit-transform .2s, opacity .2s;
    -moz-transition: -moz-transform .2s, opacity .2s;
    transition: transform .2s, opacity .2s;
}
/*fin test*/

#panier {
	padding: 0 5px;
	font-size: 1em;
}
/*
#fil_panier {
	display: block;
	margin: 0 auto;
	margin-bottom:10px;
	padding:5px 0;
	text-align: center;
}
#fil_panier li {
	float:left;
	list-style: none;
	padding:0px 10px;
	width:33%;
}
#fil_panier li:first-of-type {
	padding:0 10px 0 0;
}
#fil_panier li a {
	width:100%;
	background: #dddddd;
	padding: 15px 30px;
	height:48px;
	float: left;
	text-decoration: none;
	color: #444;
	text-shadow: 0 1px 0 rgba(255,255,255,.5); 
	position: relative;
	font-size: 1.6em;
}
#fil_panier li a:hover{
  background: #CCCCCC !important;
}

#fil_panier li a::before{
  content: "";
  position: absolute;
  top: 50%; 
  margin-top: -1.5em;   
  border-width: 1.5em 0 1.5em 1em;
  border-style: solid;
  border-color: #ddd #ddd #ddd transparent;
  left: -1em;
}
#fil_panier li a.active::before{
  content: "";
  position: absolute;
  top: 50%; 
  margin-top: -1.5em;   
  border-width: 1.5em 0 1.5em 1em;
  border-style: solid;
  border-color: #000000 #000000 #000000 transparent;
  left: -1em;
}
#fil_panier li:first-of-type a::before{
	display:none;
}
#fil_panier li a:hover::before{
  border-color: #CCCCCC #CCCCCC #CCCCCC transparent;
}
#fil_panier li a.active:hover{
	color:#000000;
}
#fil_panier li a::after{
  content: "";
  position: absolute;
  top: 50%; 
  margin-top: -1.5em;   
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid #ddd;
  right: -1em;
}
#fil_panier li a.active::after{
	content: "";
  position: absolute;
  top: 50%; 
  margin-top: -1.5em;   
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid #000000;
  right: -1em;
}
#fil_panier li a:hover::after{
  border-left-color: #CCCCCC;
}
#fil_panier li .current,
#fil_panier li .current:hover{
  font-weight: bold;
  background: none;
}

#fil_panier li .current::after,
#fil_panier li .current::before{
  content: normal;
}
#fil_panier li a.active {
	color: #FFFFFF;
	text-align: center;
	background:#000000;
}
#fil_panier li a.passe {
	color: #808080;
}*/
/*#fil_panier li a {
	display: block;
	padding: 10px;
	height:40px;
	font-size: 1.6em;
	color: #808080;
	background: #e8e8e8;
	position:relative;
}
#fil_panier li a:after{
	content:'';
	position:absolute;
	z-index:2;
	right:0;
	top:0;
	width: 0;
   	height: 0;
   	border-left: 22px solid #e8e8e8;
   	border-top: 20px solid transparent;
   	border-bottom: 20px solid transparent;
}
#fil_panier li:first-of-type a:after{
	content:'';
	position:absolute;
	z-index:2;
	right:0;
	top:0;
	width: 0;
   	height: 0;
   	border-left: 22px solid #000000;
   	border-top: 20px solid transparent;
   	border-bottom: 20px solid transparent;
	background:#e8e8e8 ;
}
#fil_panier li a:before, #fil_panier li: a:before{
	content:'';
	position:absolute;
	z-index:1;
	right:-3px;
	top:0;
	width: 0;
   	height: 0;
   	border-left: 22px solid white;
   	border-top: 20px solid transparent;
   	border-bottom: 20px solid transparent;
}*/



#panier_content {
	float: left;
	width: 100%;
	padding: 0;
}
#panier_col_droite {
	float: right;
	width: 30%;
	padding: 20px 0 20px 20px;
}
.ligne_fidel_panier {
	text-align:center;
	margin-top:15px;
	float: left;
	width: 100%;
	background: #e8e8e8;
	border-bottom: 2px solid #FFFFFF;
	padding: 10px 20px;
	font-size: 1.5em;
}

.bloc_article {
	width: 100%;
	border: 0px solid #CCC;
}
.bloc_article .th {
	margin: 0px;
	padding: 0px;
	display: block;
	background: #e8e8e8;
}

.bloc_article .th li {
	list-style: none;
	float: left;
	padding: 10px 15px;
	color: #666666;
	font-size: 1.5em;
	font-weight: 700;
	text-align: center;
}
.bloc_article .th li:nth-child(1) {
	width: 10%
}
.bloc_article .th li:nth-child(2) {
	width: 50%
}
.bloc_article .th li:nth-child(3) {
	width: 20%
}
.bloc_article .th li:nth-child(4) {
	width: 20%
}
.separ_ligne_panier {
	/*border-top: 1px solid #CCC;*/
	margin:10px;

}
.ligne_panier {
	/*border: 1px dashed #CCC;*/
	padding: 5px;
	background-color:#fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);	
}

.img_article {
      width: 11%;
      float: left;
      padding:0;
}
.img_article a {
	display: block;
	margin: 0;
	padding: 0;
	overflow: visible;
}
.img_article img {
	width: 100%;
	padding:0;
	display: block;
}

.descrip_article {
	width: 49%;
	float: left;
	padding: 0px 20px;
	font-size: 1.2em;
}

.des{
margin-top:0;

/*height:220px;
overflow: hidden;*/
}
.des_readmore{
position:relative;
float:right;
top:5px;
right:0px;
color:#000;
font-weight:700;
}
#picto_descr a {
	display: inline-block;
	margin: 1%;
}
.descrip_gravure {
	width: 60%;
	float: left;
	padding: 0px 10px;
	font-size: 1.2em;
	text-align: left;
}
.nom_article {
	font-size: 1.2em;
	margin-bottom: 0px;
	text-align: left;

}
.nom_article a {
	color: #000000;
}
.taille_article {
	font-size: 1.2em;
	margin-bottom: 0px;
	text-align: left;
}
.bloc_quantite {
	float: left;
	width: 20%;
	text-align: center;
	padding: 15px 10px 10px 20px;
	position:relative;
	z-index:2;
	
}
.bloc_quantite .input_qte {
	height: 25px;
	width: 25px;
	border: 1px solid #999999;
	border-radius: 0px;
	text-align: center;
}
.plus, .moins {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.8em;
	font-weight: 700;
	color: #000000;
	padding: 0px 5px;
}
.prix_article {
	width: 20%;
	float: left;
	color: #000;
	font-size: 2em;
	text-align: center !important;
	padding: 10px;
	margin: 0px;
}

.prix_gravure {
	width: 40%;
	float: left;
	color: #000;
	font-size: 1.8em;
	text-align: center !important;
	padding: 4px;
	margin: 0px;
}
.prix_gravure_div {
	width: 100%;
	/*font-size: 10px;*/
	padding-right: 0px !important;
}
.prix_article span, .prix_gravure span {
	float: right;
	text-align: center;
	padding: 7px 20px 0 0;
}
.prix_article span.unite {
	font-size: 0.8em;
}/*
.suppr {
	float: right;
	background: url('../images/sprite.svg?v=3') no-repeat -35px -333px;
	width: 11px;
	height: 17px;
	padding: 5px 0;
}*/
.emballage_cadeau {
	width:100%;
	font-size: 1.2em;
	margin-top:10px;
	background: #FFFFFF;
	text-align: left;
	white-space:nowrap;
}
.accept_cgv {
	border-top: 1px solid #CCCCCC;
	text-align: center;
	padding: 15px;
	font-size: 1.4em;
}
.emballage_cadeau input, .accept_cgv input {
	margin-right: 10px;
}

.bloc_synthese_panier {
	float: right;
	width: 55%;
	margin: 15px 0;
}
.bloc_synthese_panier .lignes {
	float: left;
	width: 100%;
	background: #e8e8e8;
	border-bottom: 2px solid #FDFDFD;
	padding: 10px 20px;
	font-size: 1.5em;
	border-radius:0px;box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
.bloc_synthese_panier .lignes p {
	float: left;
	margin: 0px;
}
.bloc_synthese_panier .lignes p:last-of-type {
	float: right;
	text-align: center;
}
.bloc_synthese_panier .total {
	float: left;
	width: 100%;
	background: #e6e6e6;
	padding: 10px 20px;
	font-size: 2em;
	font-weight: bold;
	border-radius:0px;box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
.lignes p.destination {
	padding: 10px 0;
}

/*
.bloc_synthese_panier {
	float: right;
	width: 65%;
	margin: 15px 0;
}
.bloc_synthese_panier .lignes {
	float: left;
	width: 100%;
	background: #e8e8e8;
	border-bottom: 2px solid #FFFFFF;
	padding: 10px 20px;
	font-size: 1.5em;
}
.bloc_synthese_panier .lignes p {
	float: left;
	margin: 0px;
}
.bloc_synthese_panier .lignes p:last-of-type {
	float: right;
	text-align: center;
}
.bloc_synthese_panier .total {
	float: left;
	width: 100%;
	background: #e6e6e6;
	padding: 10px 20px;
	font-size: 2em;
	font-weight: bold;
}
.lignes p.destination {
	padding: 10px 0;
}*/
/*
.lignes p.destination select {
	border: 1px solid #999999;
	border-radius: 3px;
	padding: 5px 25px 5px 5px;
	cursor: pointer;
}*/

.lignes p select {
	border: 1px solid #999999;
	border-radius: 0px;
	padding: 5px 5px 5px 5px;
	cursor: pointer;
	margin:5px;
	width:110px;
}
#selectFr select{
	width:230px;
}
    #code-promo-frame {
		color:#6E6E6E;
		height:55px;
	font-size: 1.4em;
      border:1px solid #e8e8e8; padding:10px; 
	  margin:0 0 10px 0;
	  border-radius:0px;box-shadow: 0 0 10px rgba(0,0,0,0.05);
    }
.code_promo span {
	display: block;
color: #6E6E6E;
	cursor: pointer;
}
.code_promo span:hover {
	color: #000000;
}
.total p {
	float: left;
	margin: 0px;
}
.total p:last-of-type {
	float: right;
	text-align: center;
}
.total p:last-of-type em {
	font-size: 0.8em;
	font-weight: normal;
}
.btn_email_panier {
 border-top:1px solid #F4F4F4; 
 border-bottom:1px solid #F4F4F4; 
 padding:0px; 
 font-size:1.25em;  
 margin-top:0px; 
 margin-bottom:0px; 
 color:#333;
}	  
.btn_commander {
	float: right;
	width: 100%;
	padding: 15px;
	background: #000;
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	font-size: 2.2em;
	border: 3px solid #000;
	margin: 10px 0;
	border-radius:0px;box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
.btn_commander:hover {
	color: #000;
	background: #fff;
}
.btn_continuer_achat {
	float: right;
	width: 100%;
	padding: 10px;
	background: #FFFFFF;
	color: #6E6E6E;
	text-align: center;
	font-size: 1.6em;
	border: 1px solid #e8e8e8;
	/*margin-top:40px;*/
}
.btn_continuer_achat:hover {
	color: #000000;
}
.bloc_synthese_panier_gauche {
	float: left;
	width: 45%;
	padding: 20px 20px 20px 0px;
	font-size: 1.5em;
	
}
#panier_gauche {
	
	float: left;
	width: 60%;
	padding-bottom: 0px;
}
#panier_droite {
	float: left;
	width: 40%;
	padding-left: 20px;
	padding-bottom: 30px;
}
#panier_full {
	float: left;
	width: 100%;
	padding-bottom: 30px;
}
#panier_half_left {
	float: left;
	width: 50%;
	padding-right: 20px;
	padding-bottom: 30px;
}
#panier_half_right {
	float: left;
	width: 50%;
	padding-left: 20px;
	padding-bottom: 30px;
}
.input_center {
	float:right;
	width: 100%;
	margin:auto;

}
.bloc_choix, .bloc_def {
	width: 100%;
	border: 0px solid #d6d6d6;
	margin-bottom: 10px;
	position: relative;
	background-color:#fff; 
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
	background-color:#fff;
}

#panier_full .bloc_def {
	max-width: 1000px;
  margin: auto;
  padding: 10px;
}
.bloc_choix .btn_retour, .bloc_def .btn_retour {
	position: inherit;
}
.bloc_choix .th, .bloc_def .th {
	display: block;
    /*background: #fff;*/
    padding: 7px 15px;
    color: #000;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
}
.bloc_def .content_txt {
	padding: 20px;
}
.bloc_def .content_txt p {
	font-size: 1.6em;
	margin: 0;
}
.bloc_def .content_txt p.signature {
	text-align: right;
	font-weight: bold;
	padding: 20px 0 0 0;
}
.content_txt .coordonnees {
	padding: 15px;
	background: #e8e8e8;
	text-align: center;
	border: 1px solid #cccccc;
}
.bloc_recap {
	border-radius:0px;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
	width: 100%;
	border: 0px solid #d6d6d6;
	text-align: center;
	margin-bottom: 10px;
	background-color:#fff;
}
.bloc_recap .th {
	display: block;
	/*background: #dddddd;*/
	color: #000;
	padding: 6px 15px;
	font-size: 1.4em;
	font-weight: 300;
	text-align: center;
	border-radius:10px 10px 0 0;
}
#panier_gauche .btn_commander {
	width: 100%;
}
.bloc_choix ul.adresse {
	margin: 0px;
	padding: 3px;
	font-size: 1.4em;
}
.bloc_choix ul.adresse li {
	margin: 0px;
	float: right;
	width: 100%;
	list-style: none;
	padding: 10px 10px;
	border-bottom: 1px solid #d6d6d6;
}
.bloc_choix ul.adresse label {
	width: 100%;
	float: left;
}
.bloc_choix ul.adresse span {
	width: 70%;
	float: left;
}
.bloc_choix ul.adresse label img {
	float: left;
	margin-right:10px;
}
.bloc_choix ul.adresse .btn_retour {
	display: inline-block;
	font-size: 0.9em !important;
	margin: 5px 0 2px 25px;
	color: #000;
	background: #ffffff;
	border: 1px solid #000;
	border-radius:0px;box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
.bloc_choix ul.adresse .btn_retour:hover {

	color: #fff;
	background: #000;
}
.btn_ajouter_adresse_livraison {
	float: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	display: block;
	width: 75%;
	font-size: 1.3em;
	padding: 10px 15px;
	border: 1px solid #000;
	color: #000;
	text-align: center;
	text-transform: uppercase;
	max-width:300px;
	border-radius:0px;box-shadow: 0 0 10px rgba(0,0,0,0.05);
	
}
.btn_ajouter_adresse_livraison:hover {
	background: #000;
	color: #fff;

}
.bloc_choix ul.adresse li:last-child {
	border-bottom: none;
}
.bloc_choix ul.adresse li span {
	float: left;
	margin-right: 10px;
}
.bloc_choix ul.adresse li input {
	float: left;
	margin: 19px 10px;
}
.bloc_choix ul.adresse li span strong , .livraison_offerte{
	color: #6DAD00;
	text-transform: uppercase;
}
.bloc_choix ul.adresse .libelle {
	float: left;
	width: 50%;
	margin: 0px;
	padding: 0px 10px;
	font-size: 0.9em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bloc_choix ul.adresse .paiement {
	float: right;
	width: 60%;
	margin: 0px;
	padding: 0px 5px;
	font-size: 1em;
}
.logo_paiement {
	min-width: 30%;
	text-align: center;
}
.message_livraison {
	display: inline-block;
	width: 100%;
	margin: 10px 0;
	padding: 5px;
	border-radius: 0px;
	height:75px;
}
.pageLivr_radio{
width:8%;display:inline-block;vertical-align: top;
}
.pageLivr_adresse{
width:65%;display:inline-block;
}
.pageLivr_bouton{
width:90px;display:inline-block;vertical-align: top;
}
.ligne_recap {
	border-top: 1px solid #CCC;
}
.ligne_recap:last-child {
	border-bottom: 0;
}
.ligne_recap .nom_article {
	float: left;
	width: 70%;
	font-size: 1.4em;
	text-align: left;
	margin: 0px;
	padding: 10px 15px;
	color:#000;

}
.ligne_recap .prix_article {
	float: left;
	width: 30%;
	font-size: 1.8em;
	
}
.ligne_recap .taxes {
	float: left;
	width: 70%;
	font-size: 1.2em;
	text-align: left;
	margin: 0px;
	padding: 5px 15px;
}
.ligne_recap .prix_taxes {
	float: right;
	width: 30%;
	font-size: 1.2em;
	text-align: center;
	margin: 0px;
	padding: 5px 15px;
}
.voir_panier {
	float: left;
	width: 100%;
	font-size: 1.5em;
	text-align: left;
	margin: 0px;
	padding: 10px 15px;
	cursor: pointer;
	text-decoration: underline;
}

.ligne_recap .prix_article span {
	padding: 0px 15px;
}
.offerte {
	float: right;
	margin: 0px;
	width: 30%;
	font-size: 1.4em;
	padding: 10px 15px;
}
.adresse_factu {
	float: left;
	width: 70%;
	font-size: 1.4em;
	padding: 10px 15px;
	text-align: left;
	margin: 0px;
}
.adresse_factu_mod {
	float: right;
	width: 25%;
	text-decoration: underline;
	color: #333333;
	font-size: 1.4em;
	margin: 5px;
	padding: 10px 15px;
}
.logo_livraison {
	float: right;
	width: 30%;
	padding: 10px;
}
.logo_livraison img {
	width: 100%;
}
#avertissementCNIL {
	width:100%;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	z-index: 9999;
}
.ulFiltre input[type=checkbox], .ulFiltre input[type=radio] {
	display: none;
}
.ulFiltre li label:hover {
	cursor: pointer;
}
.ulFiltre li a {
	padding:0;
}
#spinner {
	display: none;
	height: 46px;
	background-color: #4D4D4D;
	border: 1px solid #4D4D4D;
	margin: 10px;
	text-align: center;
	padding: 12px 14px 12px 0;
	cursor: pointer;
	font-size: 1.8em;
	color: #4D4D4D;
	position: relative;
	top: -56px;
}
#spinner span {
	color: #ffffff;
}
.threeDots {
	display: inline;
}
.threeDots span {
	opacity: 0;
}
.threeDots span.on {
	opacity: 1;
}
.bloc_reduction {
	background: #e8e8e8;
	border: 1px solid #ffffff;
	padding: 5px;
	margin: 5px 0 0 0;
	text-align: center;
	display: none;
}
.bloc_reduction label {
	font-size: 1.5em;
	margin-bottom: 10px;
	display: block;
}
.bloc_reduction input[type="text"] {
	height: 28px;
	width: 200px;
	border: 1px solid #999999;
	border-radius: 0px;
	text-align: center;
}
.bloc_reduction input[type="submit"] {
	background: #b3b3b3;
	color: #FFFFFF;
	font-size: 1em;
	text-transform: uppercase;
	padding: 6px 10px;
	border: none;
	cursor: pointer;
}
.bloc_reduction input[type="submit"]:hover {
	background: #333333;
}
.bloc_reduction_discret {
	background: #fdfdfd;
	border: 0px solid #fdfdfd;
	text-align: center;
	display: none;
}
.bloc_reduction_discret label {
	font-size: 1em;
	padding: 5px;
	margin: 3px;
	/*margin-top: 10px;*/
	display: inline-block;
}
.bloc_reduction_discret input[type="text"] {
	height: 28px;
	/*width: 80px;*/
	border: 1px solid #999999;
	border-radius: 0px;
	text-align: center;
	margin: 5px;
	padding: 5px;
	margin-left: 5px;
}
.bloc_reduction_discret input[type="submit"] {
	background: #000000;
	color: #ffffff;
	font-size: 1.3rem;
	text-transform: uppercase;
	padding: 5px;
	border: none;
	cursor: pointer;
	border-radius:0px;
}
.bloc_reduction_discret input[type="submit"]:hover {
	background: #000000;
}
#code_promo{
	 padding:5px; color:#555;
}
.bloc_reduction_ligne {
	display: none;
}
.bloc_reduction_ligne label {

}
.bloc_reduction_ligne input[type="text"] {
	height:30px;
	width: 120px;
	border: 1px solid #999999;
	border-radius: 0px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	margin-left: 5px;
}
.bloc_reduction_ligne input[type="submit"] {
	background: #000000;
	color: #ffffff;
	font-size: 1em;
	text-transform: uppercase;
	padding: 6px;
	border: none;
	cursor: pointer;
	margin-left: 5px;
	border-radius: 0px;
}
.bloc_reduction_ligne input[type="submit"]:hover {
	background: #000000;
}
.bloc_panier_repliable {
	border: 1px solid #ffffff;
	text-align: left;
	display: none;
}
.septieme p{
margin:0;
}	
#recherche_relais_socol {
	width: 100%;
	border: 1px solid #CCC;
	margin: auto;
	margin-bottom: 10px;
	padding: 20px;
	font-size: 1.3em;
	text-align: center;
	background-color:#fff;
}
#recherche_relais_socol input[type="text"] {
	height: 28px;
	width: 50%;
	border: 1px solid #999999;
	border-radius: 0px;
	padding: 0px 10px;
}
input[type="submit"] {
	background: #b3b3b3;
	color: #FFFFFF;
	font-size: 1.3em;
	text-transform: uppercase;
	padding: 6px 10px;
	border: none;
	cursor: pointer;
	border-radius:0;
}
input[type="button"] {
	margin: 10px auto;
	background: #000;
	color: #FFFFFF;
	float: none;
	border: none;
	padding: 10px;
	display: block;
	font-size: 1.1em;
	cursor: pointer;
	text-transform: uppercase;
}
input[type="button"]:hover, input[type="submit"]:hover {
	background: #333333;
	color: #FFFFFF;
}
input[type="text"] {
	border-radius: 0px;
	margin: 1% 0;
	border: 1px solid #CCC;
	padding: 5px;
	height: 35px;
}
textarea {
	border-radius: 0px;
	margin: 1% 0;
	border: 1px solid #CCC;
	padding: 5px;
}
.point_relais {
	display: inline-block;
	width: 100%;
	text-align: left;
	border-bottom: 1px solid #cccccc;
}
.point_relais .td_radio {
	float: left;
	width: 5%;
	padding: 10px;
}
.point_relais .td_nom_relais {
	float: left;
	width: 60%;
	padding: 10px;
}
.point_relais .td_nom_relais strong {
	font-size: 1.1em;
}
.point_relais .td_distance {
	float: left;
	width: 15%;
	padding: 10px 0 10px 10px;
}
.point_relais .td_detail {
	float: left;
	width: 25%;
	padding: 10px;
}
.form_passe_oublie {
	text-align: center;
}
.form_passe_oublie label {
	font-size: 1.5em;
	display: block;
}

/*-----------------------------RESPONSIVE------------------------*/

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

.bloc_gravure .col50 {
	width: 100%;
	min-height: inherit;
}
.bloc_gravure ul {
	margin-bottom: 10px;
}
	
	.recentre {
		max-width: 1000px;
		padding: 0 20px;
		margin: auto;
	}
	.listing_selection .btn_voir_tout, .contenu_btn_voir_tout {
		max-width: 50%;
	}	
	#content.overall {
		padding: 0px 10px 10px 10px;
	}	
	#content_tunnel.overall {
		padding: 5px;
	}
	#menu_compte_client>li {
		width: 33.333333333%;
	}
}

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

	#headerSite {
		position: inherit;
	}
	#header_f {
		/*display: none;*/
	}
	#header_f_cookie_rea {
		/*display: none;*/
	}
	.hide {
		display: none !important;
	}
	#reassurance {
		/*display: none;*/
	}
	#liens_header a {
		font-size: 1.3em;
		padding: 0px 8px;
	}
	#liens_header button {
		font-size: 1.3em;
		padding: 0px 8px;
	}
	#entete_header_maison {
		width: 33%;
		
	}
	#entete_header_aide, #entete_header_aide_button {
		width: 33%;
		
		text-align: left;
	}
	#entete_header_tel {
		width: 33%;

		
	}
	#recherche_libre {
		width: 28%;
	}
	#bloc_recap_reassur {
		margin: 40px 20px;
		
	}
	#mode_reglement img {
		max-width: 150px;
	}
	.listing_sommaire .item {
		width: 50%;
	}

	

	#reassurance>li {
		/*padding: 8px 14px;*/
	}
}

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


.ssssCatalogue1col{
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
}

.bloc_synthese_panier_gauche {

	font-size: 1.3em;
	
}
	
#owl-produitm .owl-dots {
  width:100% !important;
  margin-left: 0;
  margin-top: 0;
  float: initial;
 }
 

#bloc_visu_produit .img {

	margin:  auto;
	padding:5px;
}
	#bloc_visu_produit {
		
		width: 50%;
		margin-left:0;
	height:auto;
	}
	#bloc_detail_produit {
		width: 40%;

	}
	#bloc_detail_produit {
		width: 40%;

	}
	#fil_panier {margin-top:10px;}
	/*---------------BURGER----------------*/
	.btn_retour_overlay{
	cursor:pointer;font-size:2rem; padding:10px 10px 0px 10px;text-align:right;
	margin-right:10px;
	display:block;
	}
	#btn_menu,#btn_menu_mobile {
		cursor: pointer;
		display: block;
		font-size: 0.875em;
		text-transform: uppercase;
		width: 90%;
		padding: 0px 10px 0px 15px;
		margin:12px;
		
	}
	#burger:before {
		content: "";
		max-width: 35px;
		height: 5px;
		display: block;
		margin-bottom: 4px;
		border-radius: 1px;
		background: #c7b299;
		/*-webkit-transition: 0.55s;*/
		transition: 0.55s;
	}
	#burger span {
		content: "";
		max-width: 35px;
		height: 5px;
		display: block;
		margin-bottom: 4px;
		border-radius: 1px;
		background: #c7b299;
		/*-webkit-transition: 0.55s;*/
		transition: 0.55s;
	}
	#burger:after {
		content: "";
		max-width: 35px;
		height: 5px;
		display: block;
		border-radius: 1px;
		background: #c7b299;
		/*-webkit-transition: 0.55s;*/
		transition: 0.55s;
	}
	#burger {
		float: left;
		width: 30px;
		padding: 3px;
		background-color:#fff;
	}
	

#burger:before,#burger span,#burger:after {
  width: 30px;
  height: 5px;
  transition: 0.55s;
  position: relative;
}

#burger.burgeractif:before {
  transform: rotate(45deg);
  position: absolute;
  top: 10px;
}

#burger.burgeractif span {
  opacity: 0;
  margin-bottom:20px;
}

#burger.burgeractif:after {
  transform: rotate(-45deg);
  position: absolute;
  top: 10px;
}
	
	#btn_menu p,#btn_menu_mobile p {
		float: left;
		color: #000000;
		margin: 0;
		font-size: 1.6em;
		padding: 4px 4px;
		margin-left:10px;
	}
	/*----- FIN BURGER ----*/
	
	#ssCatalogue>li>a:before, #deroulant>li>div>ul>li a:before{
		/*content:"";*/
	}
	.menu_responsive {
		display: inline-block;
		width:100%;
	}
	header>nav {
		margin: 0px;
		/*background: #fdfdfd !important;*/
		max-width: inherit;
		height: inherit !important;
		height: 50px;
		float: none;
		display: block;
	}
	#deroulant {
		display: none;
		width: 100%;
		/*background-color:#fdfdfd;*/
		padding: 10px;
		border:0px;
		position: inherit;
		/*border-bottom: 10px solid #1a1a1a;*/

	}
	#deroulant>li {
		float: left;
		width: 100%;
	}
	#deroulant>li:nth-child(1), #deroulant>li:nth-child(4), #deroulant>li:nth-child(6), #deroulant>li:nth-child(9) {
		border-right: none;
	}
	#deroulant.actif {
		position: inherit;
	}

	#deroulant>li>a, #deroulant>li>button{

		display: block;
		color: #000000;
		background: #FFFFFF;
		height: auto;
		padding: 15px;
		font-size: 1.5em;
		line-height: 1.125em;
		text-align: left;
		width: 100%;
	}

	
	.button_menu_responsive {
		display: block;
		border: 0;
		cursor: pointer;
		color: #000000;
		background: #FFFFFF;
		padding: 15px;
		width: 100%;
		text-transform: uppercase;
		font-size: 1.5em;
		text-align: left;
	}
	
	#deroulant > li > a span {
		font-size: 0.813em;
	}
	#deroulant>li>ul {
		position: inherit;
		width: 100%;
	}
	#deroulant>li>a span {
		color: #FFF;
	}
	#deroulant>li>div {
		display: none;
	}
	#deroulant>li:hover>div {
		display: block;
		position: inherit;
	}
	#apercu_aj_panier {
		/*width: 90%;
		height: 80%;
		margin-left: inherit;
		margin-top: inherit;
		top: 10%;
		left: 5%;*/
	}
	.contact .col_gauche, .contact .col_droite {
		width: 100%;
		padding-bottom: 20px;
	}
	.contact .col_gauche {
		border: none;
	}
	.contact_gauche {
		width: 25%;
	}
	.contact_droite {
		width: 75%;
	}
	.sssCatalogue {
		
		font-size:0.9em;
		/*display: none !important;*/
		
	}
	#ssCatalogue > li > a:hover, #ssCatalogue > li:hover > a{
		background:#fff;
		color:#c7b299;
	}
	.SsMenuMobile{
		cursor:pointer;
		padding:5px;
		display:inline-block;
		
		/*font%;eight:bold;*/
		/*margin-left:-80%;*/
	}
	
	#ssCatalogue > li > a {
		max-width: inherit;
	}
	#ssCatalogue > li {
		width: 50%;
	}

.sssCatalogue>li.wdefault,
.sssCatalogue>li.w25g,
.sssCatalogue>li.w33g,
.sssCatalogue>li.w25n,
.sssCatalogue>li.w33n,
.sssCatalogue>li.w25d,
.sssCatalogue>li.w33d,
.sssCatalogue>li.w50n,
.sssCatalogue>li.w50d,
.sssCatalogue>li.w50g,
.sssCatalogue>li.w66n,
.sssCatalogue>li.w66d ,
.sssCatalogue>li.w66g {

	width: 100%;
}


.sssCatalogue {
/*
display: none;
right: 0;
top: 0;
left:1.5%;
position: inherit;
width: 97%;
height: auto;
margin:0;
border:0;
*/
display: none;
left: 0;
top: 0;
position: inherit;
width: 100%;
height: calc(100% - 50px);
min-height:calc(100% - 50px);
height: 100%;
min-height:100%;
margin:0;
border:0;
overflow-y:scroll;
overflow-x:hidden;
}

.sssCatalogue > li > a, .sssCatalogue > li > span
{
	/*font-size:1.5rem;*/
}
#deroulant{
margin:-5px auto;
}
ul#deroulant>li>div>ul>li {
	width: 50%;
}
#deroulant>li>div>ul>li>ul {
	column-count: 2;
	-moz-column-count: 2;
	-webkit-column-count: 2;
}
#deroulant>li>div {
	
	position: inherit;
	overflow: scroll;
	transition: none;
}
#deroulant>li>div>p>a {
	width: 80%;
	
	/*-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;*/
	box-sizing: border-box;
	text-align: center;
}
#ssCatalogue > li {
	width: 100%;
}
#ssCatalogue>li>a {
width:80%;

}

	
	#ssCatalogue {
		height: auto;
	}
	.bloc_gravure ul li {
	width: 50%;
	}
}

@media (orientation: landscape) and (max-height : 500px) {
	#apercu_aj_panier_suggest,#apercu_aj_panier {
		top:5px;
		height: 96%;

	}
#apercu_aj_panier .titre,#apercu_aj_panier_suggest .titre {
	margin: 5px 0 5px 0;
}
	.img_apercu_panier img{
		max-height:100px;
	}
	
}
@media (orientation: landscape) and (max-height : 720px) {

	#bloc_gravure {
		width: 100%;
		height: 100%;
		margin-left: inherit;
		
		top: 0;
		left: 0;
	}	
}

#move_sticky_menu{
	height:0px;
}
#move_sticky_menu_panier{
	height:0px;
}
/*@media (min-height : 1024px) and (min-width: 1280px){
	#headerSite{
		position:fixed;
	}
	#move_sticky_menu{
		height:159px;
	}
	#move_sticky_menu_panier{
	height:90px;
}
}*/




@media (max-width: 920px) {
.accordion:after {
  content: '\002B';
  color: #000;
  font-weight: bold;
  margin-left: 5px;
  
}
.right:after {
float:right;

}

.panel {
  /*padding: 0 18px;*/
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.accordion_active:after {
  content: "\2212";
}

		footer #nous_contacter, footer #reseaux, footer #newsletter {
		width: 100%;
		padding:10px;
		margin:0;
		
	} footer #newsletter {

		padding:10px 15%;

		
	}
	

#newsletter .input {
	width: 100%;
	min-width:170px;
	margin-left:0px;

}

#newsletter .btn_submit {
text-align:center;
margin:auto;
width:100%;

padding:8px;
}

	#reassurance {
		/*margin: 0px auto 30px auto;*/
		/*display: none;*/
	}
	
	#apercu_aj_panier , #apercu_aj_panier_suggest{
		width: 96%;
		height: 96%;
		margin-left: inherit;
		margin-top: inherit;
		top: 2%;
		left: 2%;
		padding:0;
	}

	.col_tri{
	width: 50%;
	}
	#bloc_detail_produit {
		width: 45%;

	}
	#avis_client {
	display:none;
	}
	#contact_tunnel_header {
		margin: 9px 0 0 0;
		
	}
	#logos_rea_tunnel_header {
	margin: 7px 0 0 2%;
	}

	.entiere{
	margin-top:10px;	
	}
	#dispo_livraison {
	margin-top:0px;
	width:100%;
	/*margin-left:auto;
	margin-right:auto;*/
	}
	#dispo_livraison li {

	padding: 7px 5%;

	}

	header>nav {
		margin-bottom: 10px;
	}
	#page_compte .colcomment {
		width: 100%;
		clear: left;
		float: right;
	}
	#recherche_libre {
		width: 65%;
		margin: auto;
		position: absolute;
		right: 50px;
		top: 93px;
		z-index: 4;
	}
	#recherche_libre .btn_submit {
		/*background-color: #1a1a1a;*/
	}
	#recherche_libre .input {
		/*border: 1px solid #cccccc;*/
	}
	
	#listing_maison_home>div>a>span, #listing_guide_home>div>a>span {
		margin-top: inherit;
		font-size:1.4em;
	}
	footer nav {
		width: 100%;
		padding: 5px;
		font-size:1em;
		
	}

	.listing_autre_produit .btn_voir_tout, .contenu_btn_voir_tout {
		max-width: 60%;
		
	}

	/*.listing .item:nth-of-type(3n+1) {
		clear: none;
	}
	.listing .item:nth-of-type(2n+1) {
		clear: both;
	}*/
	#navig_autre_produit li a {
		height: 52px;
	}
	.page_contenu .img_fr, .page_contenu .img_fl {
		max-width: 250px;
		height: auto;
	}
	.bloc_synthese_panier_gauche, .bloc_synthese_panier, .btn_continuer_achat, .btn_commander {
		width: 100%;
	}

	.bloc_synthese_panier_gauche, .bloc_reduction_discret, .code_promo {
		text-align: center;
	}
	.bloc_synthese_panier, .bloc_synthese_panier_gauche {
		margin: 5px 0;
		padding:0;
	}
	
	
	#panier_half_left, #panier_half_right {
		width: 100%;
		padding: 0 0 10px 0;
	}
	#page_compte .half:first-of-type {
	border-right: 0px solid #E5E9EB;
	}
	#deroulant>li>div>ul>li {
		width: 50%;
	}
	.btn_retour {
		margin: auto;
		float: none;
		display: block;
		max-width: 130px;
		text-align: center;
	}
	.bloc_gravure .col50 {
		min-height: 130px;
	}
	#submitPrix {
		margin-top:0;
		margin-left:10px;
	}
	#priceRange {
		/*height: 215px;*/
	}
	#menu_compte_client>li {
		width: 50%;
	}
	.blocs_compte .bloc_compte .contenu_bloc_compte .picto {
		margin: 0px;
	}
	.contenu_bloc_compte p.titre_bloc_compte {
		padding: 0px;
	}
	#nous_contacter:before {
		display: none;
	}
	.bloc_choix ul.adresse label img {
	max-width:130px;
	}
	  .contenu_bloc_detail {
		  /*margin-top:30px;
			width:90%;*/
			/*font-size:1.2em;*/
			  }
	#div_ariane_produit{
	top:-12px;
	padding: 0;
}
#titre_produit h1{
	margin: 20px 0 0 7px;
}
}

@media (max-width: 768px) {



	  .contenu_bloc_detail {
		  margin-top:30px;
			/*width:90%;*/
			/*font-size:1.2em;*/
				margin: 10px auto;
	max-width:400px;
			  }
			  
.product-price {
	text-align:center;
	margin-left:5px;
	font-size:2rem;
}

#bloc_filtres select{
		font-size:1.6rem;
		text-align:left;
		/*width:100%;*/
}
#priceRange{
	text-align:left;
	margin-left:10px;
}

.bloc_side ul{
	padding: 0 0 20px 13px;
	
}
.bloc_side ul
{
font-size:1.6rem;

}
.cat_trie
{
font-size:1.7rem;

}
.bloc_side ul li
{
	padding:4px;	
	
}
.owl-carousel-bloc .item span.prix, .owl-carousel-bloc .item span.legende {
	font-size: 0.8em;	
}


#bloc_visu_produit{/*min-height:475px;*/}

#prix_produit{padding:0;}

.bloc_gravure ul li {
	width: 50%;
}
.hide768 {
	display: none;
}
.show768 {
	display: inline-block;
	}
#titre_produit a img {
display:none;
}	
#bloc_visu_produit {
		width: 100%;
		max-width: 400px;
		margin: auto;
		float: none;
		min-height:450px;
	}
#bloc_detail_produit{
		width: 100%;
		
		max-width: 400px;
		margin: auto;
		float: none;
	}
	
	#contact_tunnel_header {
		display:none;
	}
	.hide768{
		display:none;
	}
	#dispo_livraison {
	/*border: 2px dashed #DDDDDD;*/
	padding:10px;
	/*margin:0;*/
	width:100%;
	}

	.voir_panier {
		text-align: center;
	}
	#listing_maison_home>div, #listing_guide_home>div {
		width: 70%;
		max-width:320px;
		margin: auto;
		margin-bottom: 10px;
		float: none;
		display: block;
	}

	.titre_navig, .titre_reassur, .titre_reassur_alliance {
		width: 75%;
	}
	#reassurance{
		/*display: none;*/
	}
	#entete_header_aide, #entete_header_aide_button {
		padding: 0 10px 0 5%;
		width: 25%;
	}
	#entete_header_tel {
		float:none;
		padding: 0;
		width: 30%;
	}
	#entete_header_maison {
		padding: 0 0 0 5%;
		width: 45%;
	}
	#listing_guide_home>div>a>span {
		width: 100%;
		height: 100%;
	}
	#listing_guide_home>div>a {
		border: none;
	}

	.listing_autre_produit .btn_voir_tout, .listing_selection .btn_voir_tout, .contenu_btn_voir_tout {
		width: 95%;
		max-width: inherit;
		line-height: 1.2em;
		max-width:300px;
		font-size:1.2em;
	}
	#bloc_listing {
		padding: 20px 0 0 0;
	}
	.bloc_side {
		float: none;
		margin-left: 0;
		width: auto;
		margin-top: 6px;
	}
	#bloc_detail_produit {
		float: none;
		width: auto;
		padding: 16px 0;

	}
	#bloc_detail_contenu {
		width:100%;

	}

	#page_compte .half, #panier_gauche, #panier_droite {
		width: 100%;
	}
	#panier_droite {
		padding-left: 0px;
	}
	.ligne_recap, .prix_article {
		text-align: center !important;
	}
	.offerte, .prix_article {
		padding: 5px;
	}
	.bloc_all_side {
		width: 100%;
	}
	#bloc_filtres {
		display: none;
	}
	#titre_filtre_listing {
		background: #c7b299;
		color: #fff;
		cursor: pointer;
	}
	#bloc_filtres.actif {
		display: block;
	}
	#bloc_gravure {
		width: 100%;
		height: 100%;
		margin-left: inherit;
		
		top: 0;
		left: 0;
	}
	.blocs_compte .bloc_compte {
		width: 98%;
	}
		#logos_rea_tunnel_header {
		margin: 5px ;
		margin-right: 5%;
		
		float: right;
		height: 60px;
	}

	
}

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


.bloc_apercu {
	margin: 0;
}
#apercu_aj_panier .titre,#apercu_aj_panier_suggest .titre{
margin:5px;
}
	.trie_recherche {
		padding:5px;
	
	}
	
	.bloc_choix ul.adresse label img {
	max-width:140px;
	}
     .hide640 {
      display:none;
    } 
	.show640 {
	display: inline-block;
	}
	.show780 {
	display: inline-block;
	}
	.btn_commander {
      font-size:1.7em ;
      padding:10px;
	  margin: 10px 0;
 
    }
	.bloc_reduction_discret label{
		width:100%;
	}
	.bloc_reduction_discret{
		font-size:1em;
	}
	.code_promo  {
		/*font-size:0.8em;*/
		
	}
	#apercu_aj_panier {
		/*width: 96%;
		height: 96%;
		margin-left: inherit;
		margin-top: inherit;
		top: 2%;
		left: 2%;*/
	}
	.prix_article_aj_panier , .descrip_article_aj_panier , .img_apercu_panier img{
		display: block;
		margin: auto;
		float: none;
		clear: both;
		width: 100%;
		padding: 0;
	}
	.img_apercu_panier img{
		max-width:150px;
	}
	.bloc_recap_reassur_content>ul>li {
		width: 96%;
	}
	.bloc_recap_reassur_content {
		font-size:1em;
		margin: 10px 5px;
	}
	#bloc_recap_reassur>ul>li>a {
		font-size:1.2em;
		height:40px;
	}
	.hide640 {
      display: none;
    }
	.col_1_3, .col_2_3, .col_1_2, .col_1_4, .col_3_4 {
		width: 95%;
	}
		
	.col_affiche {
		width:40%;

	}
	
	.col_tri {
		width:55%;

	}
	.listing_product_flex_tab{
		/*padding:0 5px 0 0;*/
	}


	#content_header {
		height:auto;
	}

	.ligne_panier {
	
	/*border-top: 1px solid #CCC;*/
	padding: 0px;
	
	font-size: 0.9em;
	}
	#page_compte.table th, .table td {
	padding: 4px;
	font-size: 1em;
}

	.btn_retour_produit{
	top: -14px;
	}
	.page_precedente, .page_suivante {
		width: 85%;
		float:none;
		margin-left:auto;
		margin-right:auto;
		margin-top:15px;
	}	
	.demi select {
		/*width: 50%;*/
	}
	#owl-produitm .owl-next, #owl-produitm .owl-prev {
		top: 30% !important;
		/*display: none;*/
	}
	.img_article {
      width: 20%;
	}

	.titre_navig , .titre_reassur, .titre_reassur_alliance  {
		width: 90%;
		font-size:1.4em;
	}	
	
	.spacer20 {
		height: 0;
	}
	.spacer30 {
		height: 0;
	}
	#owl-home .owl-dots {
		display: none;
	}
	/*#liens_header {
		padding-top: 0px;
		margin: auto;
		float: none;
	}*/
	/*#logo {
		margin: auto;
		float: none;
		height: 60px;
	}*/
	/*#recherche_libre {
		top: 144px;
	}
	#recherche_libre .input, #recherche_libre .btn_submit {
		height: 30px;
	}*/
	/*#liens_header a {
		font-size: 1.5em;
		line-height: 1em;
		width: 32%;
	}*/
	/*#liens_header button {
		font-size: 1.5em;
		line-height: 1em;
		width: 32%;
	}*/
	h2.home {
		width: 90%;
	}
	.listing_autre_produit .btn_voir_tout {
		max-width: 100%;
	}
	#navig_autre_produit li {
		width: 100%;
		margin-bottom: 10px;
	}
	#navig_autre_produit li a {
		cursor: default;
		background: #e6e6e6;
		color: #000000;
		height: inherit;
		margin: 1%;		
	}
	.demi {
		width: 100%;
		border-bottom: 2px solid #FFFFFF;
	}
	.btn_ajout_gravure {
	/*	width: 50%;
		margin: 10px auto;*/
	}
	#prix_produit .prix, #dispo_livraison span:first-child {
	
	width: 100%;
	}
	#prix_produit .btn_ajout_panier, #prix_produit .btn_ajout_panier_redir, #prix_produit .btn_ajout_panier_suggest {
	
	width: 85%;
	margin:10px auto;
	float:none;
	}
	
	.btn_ajout_panier_fixed_mobile{
	position: fixed;
    bottom: 10px;
    left: 0;
    z-index: 10;}

	#prix_produit .prix {
		
		/*margin: 10px 0;*/
	}
	#prix_produit {
		padding-top: 0;
	}
	#dispo_livraison span:first-child {
		border: none;
	}

	.livraison_detail {
		margin: auto;
		float: none;
		display: block;
	}
	.listing_sommaire .item {
		width: 100%;
	}
	.bloc_article .th {
		display: none;
	}
	.bloc_synthese_panier .lignes p {
		float: left;
		/*padding: 5px 0;*/
	}
	.descrip_article {
		width: 90%;
		text-align: center;
		/*border-bottom: 1px solid #CCC;*/
	}
	.prix_article {
		margin-top:5px;
	width:100%;
	}
	.bloc_quantite{
		width: 80%;
		padding:0;
		margin:0 0 0 15%;
		float:left;
		/*border: 2px solid #333;*/
		text-align:left;
		
	}
	.prix_gravure {
		width: 60%;
	}
	

	.demi a {
		padding: 10px 3px;
	}
	#menu_compte_client>li {
		width: 100%;
	}
	#page_compte form .select_naissance {
		width: 100%;
		margin: 5px 0;
		max-width: inherit;
	}
	.hvr-bubble-bottom:before {
		display: none;
	}
	
	#entete_header_maison {
		display: none;
	}
	#entete_header_tel {
		padding:0 0 0 20%;
		width: 40%;
	}
	#entete_header_aide_button{
		padding:0 0 0 20%;
		width:50%;
	}
	.point_relais .td_nom_relais {
		width: 90%;
	}
	.point_relais .td_radio {
		width: 10%;
	}
	.point_relais .clear_mob {
		clear: both;
	}
	.point_relais .td_distance {
		width: 40%;
	}
	.point_relais .td_detail {
		width: 60%;
	}
	#fil_panier li a{
		padding:12px 10px;
		font-size: 1.4em;
		height:42px;
	}

	.lignes p select, #selectFr select{
	width:100%;
}
.prix_article span, .prix_gravure span {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.4em;
	text-align:center;
}
.descrip_gravure{
	/*float: center;*/
	width: 100%;
	clear: both;
	text-align:center;
}
.ligne_recap .nom_article, .ligne_recap .prix_article, .ligne_recap .prix_gravure {
	width: 100%;
	text-align: center !important;
}
#nous_contacter p {
	/*margin: 0;
	margin-bottom: 20px;*/
}
.offerte {
	width: 100%;
	text-align: center !important;
}	
.logo_tunnel{
width:100% !important;
float: none !important;
margin: auto !important;

}




#logos_rea_tunnel_header {
max-width: 150px !important;
background-size: contain !important;
margin: auto;
float:none;
margin-top: 5px;
	}
	
.preview_recto, .preview_verso, .preview_verso_date {
	height:40px;
}
	
	.page_contenu .img_fr, .page_contenu .img_fl {
	max-width: inherit;
	width: 100%;
	height: auto;
}

}


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

.responsive100{width:100%;
display:block;
margin: 5px auto 0 auto;}

#lien_favori {
	display: none !important;
}

#page_compte form .td_gauche label{
	font-size: 1.3em;
}

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


.img_container{
	/*min-height:220px;*/
}

.nom_produit_listing{
padding:5px;
	font-size:1.3rem;

}


.wrapperH1Count{
	margin-top:10px;
}


.pagination .num_page, .pagination .page_courante {
	width: 25%;
}

header {
	margin-bottom: 20px;
}
#page_compte form .td_droite label {
	font-size: 1.3em;
}

#code-promo-frame {
	  margin:0 0 20px 0;
    }
	


.cat_trie{
	font-size:1.5rem;
	
}

.tablink img{
	
	/*width:10px;*/
}

.tablink {
  font-size: 1.35rem;
}
.pageLivr_adresse{
width:55%;
}

.bloc_choix ul.adresse label img {
/*float:none;
margin:auto;	*/
}
.bloc_choix ul.adresse li input{
	margin:20px 0;
}
.bloc_choix .th, .bloc_def .th {
	padding: 7px 7px;
	font-size: 1.3em;
}

#reassurance {
	margin:3px auto 16px auto;
}

#div_ariane_cat{
	top: -7px;	
}
#titre_produit h1 {
    margin: 18px 0 0 7px;
}
#bloc_listing {
    padding: 16px 0 0 0;
}

#ssCatalogue > li > a, #deroulant > li > div > ul > li a{
	/*padding:4px 4px;
	height:30px;*/
	
}

#ssCatalogue {
	padding: 5px 0 0 12px;
}
.bloc_choix ul.adresse li {
	/*padding:0 0 10px 0;*/
	font-size: 0.9em;
}
.texte09-480 {
	font-size: 0.9em;
}
#page_compte .btn_def {
width:100%;
}

#liens_header{
	font-size:1em;
	padding:0;
	margin: 0;
}
#lien_panier{
margin:5px 20px 5px 0;
}
 #lien_compte{
margin:7px 20px 5px 0;
}
#liens_header .texte_liens_header{
	display:none;
}

#entete_header{
	display: none !important;
}
#recherche_libre {
		top: 44px;
		right:40px;
	}
#btn_menu,#btn_menu_mobile {
margin:4px 2px 7px 2px;
}

#logo{
	height:50px;
	padding:0;
	margin:6px 5px 3px 7px;
}

	  .contenu_bloc_detail {

			/*width:98%;

			padding:10px;*/
			  }
			  
.owl-dot img {
max-width:40px;
max-height:40px;
margin:1px;
}
	#liste-etapes ol li {

		font-size: 1.2rem;
		max-width: 90px;
	}
	#content_tunnel.overall {
		/*padding: 5px;*/
	}
	
    .hide480 {
      display: none;
    }

    .show480 {
    display: inline-block ;
    }
.img_apercu_panier img{
	max-width:100px;
}
.avis_bloc_listing img {
display:none;
}
	
.listing .item span.legende{
height: 65px;
}
.nom_produit {
font-size:0.8em;
}
	
.listing .item a.img img {
padding:0;
}

#entete_header_tel {
	padding:0 0 0 8%;
}
#entete_header_aide_button{
	padding:0 0 0 8%;
}
	
.apropos_tunnel {
	float: left;
	width: 100%;
	padding:20px;
}



.listing .item:nth-of-type(3n+1) {
		clear: none; 
	}
.listing .item:nth-of-type(2n+1) {
		clear: both; 
}


  .listing .item {
    width: 49%;
    margin-right: 0;   /* reset global */

  }

  /* reset des règles desktop 3 colonnes */
  .listing .item:nth-child(3n+1),
  .listing .item:nth-child(3n+2),
  .listing .item:nth-child(3n) {
    margin-right: 0;
  }

  /* appliquer la marge seulement aux 1,3,5,... (colonne de gauche) */
  .listing .item:nth-child(2n + 1) {
    margin-right: 2%;
  }
  
#page_compte form .td_gauche label {
	padding: 0;
	margin-top: 0;
	float: inherit;
	}

#dispo_livraison {
	padding:0;
	font-size:0.8em;
	/*margin-left:3%;*/
}
.titre_reassur, .titre_reassur_alliance  {
	width: 75%;
	font-size:1.2rem;
	line-height:2.4rem;	
}


.listing_cat .item {
	width: 100%;
}
.demi select {
	/*width: 90%;*/
}
#listing_maison_home>div, #listing_guide_home>div {
	width: 100%;
}

#recherche_libre {
	/*width: 61%;*/
}
.affiche_plus {
	text-align: left;
	font-size: 1.4em;
	padding-left: 10px;
}
#bloc_visu_produit {
	/*width: 100%;
	max-width: 90%;
	margin: auto;
	float: none;*/
}
#bloc_detail_produit>ul>li>a, #bloc_detail_contenu>ul>li>a {
	font-size: 0.8em;
}
.btn_ajout_gravure {
	/*width: 90%;*/
}
.livraison_detail {
	width: 100%;
}
#bloc_recap_reassur {
	margin: 5px;
}
.owl-produitmat .owl-next {
	margin: -22px -22px 0 0 !important;
	width: 44px;
	width: 20px;
	height: 20px;
	background-size: 20px 20px !important;
}
.owl-produitmat .owl-prev {
	margin: -22px 0 0 -22px !important;
	width: 20px;
	height: 20px;
	background-size: 20px 20px !important;
}
#entete_sommaire img, #entete_sommaire table {
	width: 100% !important;
	height: auto !important;
}

.bloc_choix ul.adresse li input {
	/*width: 75%;
	margin-top:5px;
	margin-bottom:5px;*/
}

	
.bloc_choix ul.adresse li span {
	color: #000000;
	padding: 5px 0;
	width: 65%;
	/*text-align: center;*/
	font-size:1em;
	margin-left:10px;
}
.bloc_choix ul.adresse .libelle {
	color: #000000;
	padding: 5px 0;
	width: 100%;
	text-align: center;
}
.bloc_choix ul.adresse .paiement {
	/*color: #000000;
	padding: 5px 0;
	width: 100%;
	text-align: center;
	margin: 0 -6px 0 0;*/
}
.bloc_choix ul.adresse li {
padding:2px;
}
.bloc_choix ul.adresse label img{
	margin:0 5px;
}
.adresse_factu, .adresse_factu_mod, .logo_livraison {
	width: 100%;
	text-align: center;
}
.logo_livraison img {
	max-width: 120px;
}

.prix_article span, .prix_gravure span {
	text-align: center !important;
}

ul#deroulant>li>div>ul>li {
	width: 100% ;
}

#deroulant>li>div {
	max-height: 210px !important;

}

#ssCatalogue > li {
	width: 100%;
}

.mb30:after {
display:inline-block;
margin-bottom:70px;
content: '\2013';
color:#fff;
}
.col_tri {
	width: 100%;
}
.col_affiche{
	width: 100%;
}
.ligne_full {
	display: none;
}
.bloc_gravure .titre {
	text-align: center;
}
#bloc_gravure .fermer {
	margin: 10px auto;
	margin-bottom: 0px;
	float: none;
	display: block;
}
#DivGravure {
	text-align: center;
}
#DivGravure .fermer {
	margin: 10px auto;
	margin-bottom: 0px;
	float: none;
	display: block;
}
.bloc_gravure .col50 span, .bloc_gravure input[type="text"], #apercu_recto {
	/*float: none;
	width: 100%;
	text-align: center;*/
}
.bloc_gravure input[type="text"] {
	font-size: 1.5em;
	width: 100%;
}
#apercu_recto {
	/*background: #FFFFFF;*/
}
#bloc_gravure {
	/*padding: 15px;*/
	overflow: auto;
}
.bloc_gravure {
	/*padding: 10px;*/
}

h1#titre_produit {
	padding: 20px 0px 10px 5px;
	font-size:1.5em;
	
}
#titre_produit h1 {

	font-size: 1.5rem;
	


}
.select {
	min-height: 42px !important;
}
.ui-slider .ui-slider-range, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	display: none !important;
}
.ui-widget-content {
	border: 1px solid #FFFFFF !important;
	background: none !important;
	color: #FFF !important;
}
#sliderPrix {
	margin-bottom: 29px;
}
#priceRange {
	padding: 0px;
	margin-top: 0px;
}
select {
	/*height: 32px;*/
}
.table th, .table td {
	padding: 4px;
}
#page_compte form .td_gauche, .td_droite, #page_compte form .td_droite, .td_gauche input[type="text"], .td_gauche input[type="password"], .td_gauche select, .td_droite input[type="text"], .td_droite input[type="password"], .td_droite textarea, .td_droite select {
	width: 100%;
}
#page_compte form .td_gauche input[type="checkbox"] {
	float: none;
	margin: auto !important;
	display: block;
}
.abonne_newsletter {
	text-align: center;
	display: block;
}


.suppr{

}
.bloc_quantite {
	/*border-bottom: 1px solid #CCC;*/
}

#recherche_relais_socol input[type="text"] {
	width: 100%;
}
.bloc_choix ul.adresse .btn_retour {
	display: block;
	margin: auto;
	float: none;
	clear: both;
	
}
.adresse li label img {
	display: block;
	margin: auto;
	float: none;
}
.bloc_choix ul.adresse label {
	/*text-align: center;
	display: block;
	margin: auto;
	float: none;*/
}
.contact_gauche, .contact_droite {
	width: 100%;
		padding: 0;
}
.contact .col_gauche {
	padding: 0px;
}
.contact_gauche label {
	text-align: left;
}

#fil_panier li a {
	padding:12px 0 ;
	/*display: none;*/
}
#page_compte form input[type="submit"] {
	width: 100%;
}


	#apercu_aj_panier {
		/*width: 96%;
		height: 96%;
		margin-left: inherit;
		margin-top: inherit;
		top: 2%;
		left: 2%;
		padding:0;*/
	}
	#logo {	
		max-width: 220px !important;
		background-size: contain !important;
		margin-left:3%;
	}
	#lien_panier{
		/*margin-right:1%;*/
	}
}

	.show320 {
     display: block;
    }
	
/* REDIM IMAGES HD */
/*
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min--moz-device-pixel-ratio: 1.5),
    only screen and (min-device-pixel-ratio: 1.5) {
#logos_rea_tunnel_header
 {
	background-image: url(../images/x2/logos_tunnel.png);
	background-size: 168px 54px;
}

}
*/

.card {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    border:1px solid #ccc;
    /*border-top: none;*/
    border-radius: 0px;
    display: block; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 15; /* Sit on top */
    right: 10px;
    bottom: 10px;
    width: 200px; /* Full width */
    height: 180px; /* Full height */
    overflow: hidden; /* Enable scroll if needed */
    background-color: #fff;
	text-align:center;
	font-size:1.4em;
}
.texte_card {
	margin:2px;
	font-weight:bold;
}



.card_AV {
	background-color: #ff9933;
	height:17px; 
	text-align: right;
}

.X-button_AV {
	color:#fff;
	font-size: 14px;
	padding-right: 3px;
	margin-top: 0px;
}



.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

@media screen and (max-width:640px) {
	#reassurance>li {

	font-size: 1.2em;
}
 .col_affiche {
display:none;

}
	.card {    
	/*border-top: 10px solid #d71e62;
	padding-top:5px;*/
    right: 1px;
    bottom: 5px;
    width: 99%; /* Full width */
    height: 35px; /* Full height */
	
    /*overflow: auto; *//* Enable scroll if needed */
    background-color: #000;
	
	}



.card-img_AV {
  margin:0 !important;
   background-color: #000;
}
.card_AV {

	height:0px; 

}
.X-button_AV {
	color:#fff;
	font-size: 25px;
	padding-right: 3px;
	margin-top: 5px;
	margin-right: 5px;
}


}

	
@media screen and (max-width:420px) {
	
	/*#content.overall {
		padding: 0;
	}	
	.col_1_3, .col_2_3, .col_1_2, .col_1_4, .col_3_4 {
    width: 98%;
	margin-left:1%}*/
	
#bloc_visu_produit {
/*height:450px;	*/
}

.btn_ajouter_adresse_livraison {

	width: 90%;
	font-size:1.1em;
	padding: 10px 5px;

}
	
#liens_header button{
padding:0;	
}
.col_tri {
width:100%;
}

.card-img img {
  width:200px;
}
.card-img_AV img {
  width:220px;

  margin:4px;
}
.X-button {
	font-size: 20px;
}
.X-button_AV {
	font-size: 22px;
}

	#btn_menu p, #btn_menu_mobile p{
display:none;
}

}

@media screen and (max-width:380px) {
	
#lien_panier{
margin:5px 10px 5px 0;
}
 #lien_compte{
margin:7px 10px 5px 0;
}
	
	.wrapper_select_matiere_longueur {
flex-direction: column; 
}
.select_matiere, .select_longueur {
    width: 100%;  
  }
  
.hide_img_380 {
	display:none !important;
}
.bloc_choix ul.adresse li span{
	width:85%;
}
.bloc_choix ul.adresse li{
	font-size:0.8em;
}
#bloc_visu_produit {
/*min-height:400px;*/
}
}

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


#lien_compte{
display:none !important;
}
.bloc_choix ul.adresse label img{
width:25%;
}

#bloc_visu_produit {
/*min-height:350px;	*/
}
.trailer_box .desc .subtitle:after,.trailer_box .desc .subtitle:before {
font-size:1.2em;
display:none;
}
.trailer_box .desc .subtitle,
.trailer_box.plain .desc .line {

    padding: 8px 10px;
    
}

#reassurance {	
font-size: 0.9em;
}	
#dispo_livraison {
	    margin-left: -5px;
}

#logo {
	background: url('../images/x2/logo4.svg') center no-repeat;
	max-width: 190px !important;
    background-size: contain !important;
	}
	
	#liste-etapes ol li {

		font-size: 1.1rem;
		max-width: 90px;
	}
	.prix_article{
	  /*font-size:1.4em;*/
}
	footer nav {
		width: 95%;
		padding: 5px;
		font-size:1.1em;
	}
	#entete_header_tel {
		padding:0 0 0 5%;
	}
	#entete_header_aide_button{
		padding:0 0 0 5%;
	}

	#liens_header a, #liens_header button { 
		font-size:1.3em;
	}
}

@media screen and (max-width: 300px) {
	#logo {
	max-width: 150px !important;
	}	
}



@media screen and (min-width:1200px) {
	
#page_compte {
	padding: 20px 100px;
}


#content_header {
    margin: auto;
    max-width: 1200px;
}	
.overall {
	margin: 0 auto;
	max-width: 1200px;
}
#recherche_libre{
	width: 40%;
	margin-right: 105px;
}
#contact_tunnel_header {

    margin: 9px 14% 0 14%;
}
#liens_header a, #liens_header button {
	padding: 0px 12px;
}

#deroulant{
/*border: 0px;
margin-top:10px;*/
}
.sssCatalogue{
/*width:84%;*/
}
#logo {
/*margin: 11px 20px 0 0px;*/
}
header>nav{
max-width:1200px;
}
#entete_header {
    font-size: 1.4em;
    /*margin-top: 0px;
    height: 40px;*/
}
#deroulant>li>a, #deroulant>li>button {
    font-size: 1.5rem;
}
#titre_produit h1 {
    margin: 32px 30px 0 4px;
}

#owl-produitm .owl-dots {
   /* margin-top: -388px;
	margin-left: -27%;*/
}
#prix_produit .btn_ajout_panier, #prix_produit .btn_ajout_panier_redir, #prix_produit .btn_ajout_panier_suggest{
max-width:350px;
clear: right;
float:none;
margin: 15px auto 0 auto;
}

#dispo_livraison li {
	
    padding: 7px 50px;
}
/*.listing .item a.img img {
    margin: auto;
    max-width: 240px;
}*/
#bloc_listing {
    padding: 40px 0 0 255px;
}

.demi select, .entiere select{
	width:60%;
}
#div_ariane_cat{
	top: 5px;	
}
#div_ariane_produit {
    top:-3px;
}


}