@charset "UTF-8";
@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

/************************************* ELEMENT STRUTUREL ************************************************/
body {
  margin: 0;
  background-color:#FFF;
  margin-left:auto;
  margin-right:auto;
  background-image:url(../img/19_bgd.jpg);
  background-repeat:repeat-x;
  font-family:Arial, Helvetica, sans-serif;
}

ul, ol {
  padding: 0;
  list-style: none;
}

h1, h2, h3, h4, h5, h6, p, ul, ol {
  margin: 0;
}
h1{
  font-family:Arial, Helvetica, sans-serif;
  color:#9e0c92;
  text-transform:uppercase;
  font-size:14px;
  margin-bottom:15px;
  text-align:left;
}
h2{
  font-family:Arial, Helvetica, sans-serif;
  color:#7C7D7F;
  font-size:14px;
  text-align:left;
  margin-bottom:5px;
}
h3{
  font-family:Arial, Helvetica, sans-serif;
  color:#9e0c92;
  font-size:14px;
  margin-bottom:15px;
  margin-top:30px;
  margin-left:22px;
  text-align:left;
}
h4{
  font-family:Arial, Helvetica, sans-serif;
  color:#9e0c92;
  font-size:14px;
  margin-bottom:15px;
  margin-top:30px;
  text-align:left;
}

img {
  margin: 0;
}

a {
  text-decoration: none;
  margin: 0;
  color:#6A6A6A;
}
a:visited{
	color:#6A6A6A;
}
a:hover{
	color:#9e0c92;
}

p {
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  color:#7C7D7F;
}

/************************************ FIN : ELEMENT STRUTUREL *******************************************/


/*************************************** INPUT RECHERCHE ************************************************/
.form_destop{
  width:402px;
  border:3px solid #7C7D7F;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  margin:30px 0;
  background-image:url(../img/icon-recherche.png);
  background-position:right;
  background-repeat:no-repeat;
}

.form_destop input{
  background: #fff;
  width:325px;
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  border-radius:15px;
  border:0px solid #ccc;
  height:27px;
  padding-left:10px;
  padding-right:10px;
  color:#7C7D7F;
}
.form_destop button{
  cursor:pointer;
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
  border-radius:7px;
  border:0px;
  width:52px;
  height:30px;
  color:#fff;
  opacity: 0;
  float:right;
}
.bt-recherche-cle{
  cursor:pointer;
  border:0px;
  width:43px;
  float:right;
  display:inline-block;
}
.form_mobile{
  display:none;
}

.form_mobile input{
  display:none;
}
.form_mobile button{
  display:none;
}
.form_mobile2{
  display:none;
}

.form_mobile2 input{
  display:none;
}
.form_mobile2 button{
  display:none;
}

/*********************************** FIN : INPUT RECHERCHE ********************************************/

/*********************************** NAVIGATION ****************************************/
.block {
  position: relative;
  margin: 0 auto;
  padding: 1.5em 1.25em;
}

.close-btn {
  display: block;
  width: 36px;
  height: 53px;
  padding: 0;
  border: 0;
  outline: none;
  background:url("../img/close-btn.png") left center no-repeat;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.nav-btn {
  display: block;
  width: 89px;
  height: 53px;
  padding: 0;
  border: 0;
  outline: none;
  background:url("../img/nav-icon.png") no-repeat;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
}
.home{
  margin-top:2px;
}

#outer-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
}

#inner-wrap {
  position: relative;
  width: 100%;
}

#nav {
  z-index: 200;
  position: relative;
  overflow: hidden;
  width: 80%;
  color: #fff;
  display:inline-block;
  border:none;
  height:200px;
  margin-top:33px;
}
#nav .close-btn {
  display: none;
}

#nav .block {
  z-index: 2;
  position: relative;
  padding: 0;
  margin-bottom:5px;
}

#nav ul {
  *zoom: 1;
  display: block;
}

#nav ul:before, #nav ul:after {
  content: "";
  display: table;
}

#nav ul:after {
  clear: both;
}

#nav li {
  display: block;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  text-transform:uppercase;
}

#nav li a {
  display: block;
  color: #FFFFFF;
  font-size: 0.875em;
  outline: none;
  font-weight:bold;
}

#nav li a:focus, #nav li a:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}
#nav li.is-active a {
  color: #fff;
}
/**************** Sous listing (boxer long, standard,... ************************************/

#nav li ul /* Sous-listes */{ 
  position: absolute; 
  width: 150px;
  left: -999em; /* Hop, on envoie loin du champ de vision */
  border-bottom: 2px solid #E2E1D9;
  border-left: 2px solid #E2E1D9;
  border-right: 2px solid #E2E1D9;
  background-image: url(../img/sous-nav-icon.png);
  background-repeat:no-repeat;
  padding-top:10px;
  padding-left:7px;
  padding-bottom:5px;
  background-color:#FFF;
}

#nav li ul li /* Éléments de sous-listes */{
  display:block;
  font-family:Arial, Helvetica, sans-serif;
  text-transform: none;
  font-size:14px;
  text-align:left;
}

#nav li ul li a /* Éléments de sous-listes */{
  display:block;
  outline: none;
  color:#000;
  background-image: url(../img/sous-nav-bcg.gif);
  background-repeat:no-repeat;
  padding-left:12px;
}

#nav li ul li a:hover{
  color : #9e0c92;
  background-color:#FFF;
  background-image: url(../img/sous-nav-bcg2.gif);
  background-repeat:no-repeat;
}


#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /*lorsque la souris passe sur un élément de liste*/
  left:auto;/* Repositionnement normal */
  min-height: 0; /* Corrige un bug sous IE */
}

/****** Style tous les ... *******/
#nav li ul li .all{
  font-family:Arial, Helvetica, sans-serif;
  text-transform:none;
  font-style:italic;
  font-size:12px;
  text-align:left;
  color:#7C7D7F;
}

#nav li ul li .all a{
  text-transform:none;
  color:#7C7D7F;
}

#nav li ul li .all a:hover{
  text-transform:none;
  color:#9e0c92;
}
/***********Fin : style tous les ... ******************************/

/************************************** FIN : NAVIGATION CATEGORIE  ***************************************************/ 


/************************************** NAVIGATION MARQUES *********************************************************/

#nav .block2 {
  z-index: -2;
  position: relative;
  padding: 0;
}

#nav .block2 ul {
  *zoom: 1;
  display: block;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  text-transform:uppercase;
  
  
}
#nav .block2 ul a {
	text-decoration:none;
	color:#000;
}

#nav .block2 ul:before, #nav .block2 ul:after {
  content: "";
  display: table;
}

#nav .block2 ul:after {
  clear: both;
}

#nav .block2 li {
  display: inline-block;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  text-transform:uppercase;
}

#nav .block2 li a {
  display: inline-block;
  color: #9e0c92;
  font-size: 0.875em;
  outline: none;
  font-weight:bold;
  padding: 0em 0.5em 0.2em 0.5em;
}

#nav .block2 li a:focus, #nav .block2 li a:hover {
  color: #9e0c92;
  background: rgba(255, 255, 255, 0.1);
}

#nav .block2 li.is-active a {
  color: #9e0c92;
}

/***** Sous listing marque ***************/

#nav .block2 li ul { /* Sous-listes */
  position: absolute;
  width: 150px;
  left: -999em; /* Hop, on envoie loin du champ de vision */
  border: 2px solid #E2E1D9;
  background-image: url(../img/sous-nav-marque-icon.png);
  background-repeat:no-repeat;
  padding-top:10px;
  padding-left:7px;
  padding-bottom:5px;
  background-color:#FFF;
}

#nav .block2 li ul li { /* Éléments de sous-listes */
  display:block;
  font-family:Arial, Helvetica, sans-serif;
  text-transform: none;
  font-size:14px;
  text-align:left;
}

#nav .block2 li ul li a { /* Éléments de sous-listes */
  display:block;
  outline: none;
  color:#000;
  background-image: url(../img/sous-nav-bcg.gif);
  background-repeat:no-repeat;
  padding-left:12px;
}

#nav .block2 li ul li a:hover{
  color : #9e0c92;
  background-color:#FFF;
  background-image: url(../img/sous-nav-bcg2.gif);
  background-repeat:no-repeat;
}

#nav .block2 li:hover ul, #nav .block2 li li:hover ul, #nav .block2 li.sfhover ul, #nav .block2 li li.sfhover ul { /* lorsque la souris passe sur un élément de list*/
  left:auto;/* Repositionnement normal */
  min-height: 0; /* Corrige un bug sous IE */
}


/*********************** FIN : NAVIGATION MARQUE ****************************************************/

/******************************* FILTRES ***********************************************************/

#filtre {
}

.filtre-actif{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  border-bottom: 2px dashed #E2E1D9;
  padding-bottom:5px;
  margin-bottom:20px;
}
.critere-actif{
  width:210px;
  height:22px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#565656;
  font-style:italic;
  display:block;
  margin-top:5px;
}

.critere-actif a{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#565656;
  font-style: normal;
  text-decoration:underline;
}
.critere-actif a:hover{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#565656;
  font-style:italic;
  text-decoration:underline;
}
.critere-actif-sup{
  width:210px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#565656;
  font-style:italic;
  display:block;
  margin-top:5px;
}

.critere-actif-sup a{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#565656;
  font-style: normal;
  text-decoration:underline;
}
.critere-actif-sup a:hover{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#565656;
  font-style:italic;
  text-decoration:underline;
}

.critere-sup{
  float:right;
  padding-right:15px;
}

#filtre .bloc{
  display:block;
  width:auto;
  padding-bottom:25px;
  line-height:1.5em;
}

#filtre .titre{
  display:block;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  text-transform:uppercase;
  color:#000;
  font-size:14px;
  margin-bottom:5px;
  margin-left:0px;
}
#filtre ul {
  border-left-color:#9e0c92;
  border-left-style:solid;
  border-bottom-width:2px;
  margin-left:7px;
  overflow-y:auto;
  overflow-x: hidden;
  max-height:195px;
}
#filtre ul li ul{
	border:none;
	max-height:none;
}
#filtre li {
  font-family:Arial, Helvetica, sans-serif;
  color:#000;
  font-size:14px;
}
#filtre li a , #filtre li a:visited{
  background-image:url(../img/filtre-img1.gif);
  background-repeat:no-repeat;
  padding-left:20px;
  margin-left:12px;
  color:#000;
}
#filtre li a:hover , #filtre li a:active {
  background-image:url(../img/filtre-img2.gif);
  background-repeat:no-repeat;
  color:#9e0c92;
}
#filtre li .selection{
  background-image:url(../img/filtre-img2.gif);
  background-repeat:no-repeat;
  color:#9e0c92;
  padding-left:20px;
  margin-left:12px;
}
#filtre .color{
  display:inline-block;
}

a.imageBordure:hover {
background: transparent;
}

a.imageBordure img {
  padding: 3px;
}

a.imageBordure:hover img,
a.imageBordure:active img {
  border: 2px solid black;
  padding: 1px;
}
.selectedcolor{
  border: 2px solid black;
  padding: 1px;
}


#filtre .motif{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#3F3F3F;
}
#filtre .motif a{
  color:#3F3F3F;
}
#filtre .motif a:hover{
  color:#9e0c92;
}

.noel-box{
  width:210px;
  height:43px;
  background-image:url(../img/habillage/bt-noel.jpg);
  background-repeat:no-repeat;
  font-family:Arial, Helvetica, sans-serif;
  font-size:17px;
  color:#FBB03B;
  text-align:center;
  padding-top:11px;
}

.noel-menu{
  display:none;
}
/**************************** FIN : FILTRES **********************************************/

/************************* DEB : COUPE MARQUE ********************************************/

#coupe {
}

#coupe .bloc{
  display:block;
  width:auto;
  padding-bottom:20px;
  line-height:1.5em;
}

#coupe .titre{
  display:block;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  text-transform:uppercase;
  color:#000;
  font-size:14px;
  margin-bottom:0px;
  margin-left:0px;
}
#coupe .color{
  display:inline-block;
}

#coupe .libelle{
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#3F3F3F;
}
#coupe .libelle a{
  color:#3F3F3F;
}
#coupe .libelle a:hover{
  color:#9e0c92;
}

/************************* FIN : COUPE MARQUE ********************************************/

/************************************** STRUCTURE SITE ***********************************************/
.habillage{
  width:100%;

  /*background-image:url(../img/habillage/habillage-promo-15.png);
  background-repeat:repeat-y;
  background-position:center;*/

  /*background-image:url(../img/habillage/PU-habillage.png);

  background-repeat:no-repeat;

  background-position:center;

  background-position: top;*/

}
.habillage_fr{
  width:100%;

  /*background-image:url(../img/habillage/french/habillage-PU-solde.png);
  background-repeat:repeat-y;
  background-position:center;*/

  /*background-image:url(../img/habillage/french/habillage-15.png);
  background-repeat:repeat-y;
  background-position:center;*/

  /*background-image:url(../img/habillage/french/habillage-french.png);

  background-repeat:no-repeat;

  background-position:center;

  background-position: top;*/

}
.habillage_en{
  width:100%;

  /*background-image:url(../img/habillage/english/habillage-PU-solde.png);
  background-repeat:repeat-y;
  background-position:center;*/

  /*background-image:url(../img/habillage/english/habillage-15.png);
  background-repeat:repeat-y;
  background-position:center;*/

  /*background-image:url(../img/habillage/english/habillage-french.png);

  background-repeat:no-repeat;

  background-position:center;

  background-position: top;*/

}
.background_total{
  width: 1024px;
  margin-left:auto;
  margin-right:auto;
}
	
.logo_pu{
  display:inline-block;
  border:none;
  margin-top:40px;
  float:left;
}

.col_left{
	display:inline-block;
	width:210px;
	height:auto;
	vertical-align:top;
	position:relative;
	z-index:500;
	background-color:#FFF;
}

.page{
	display:inline-block;
	width:809px;
	height:auto;
	text-align:center;
	background-color:#FFF;
}
.page2{
	display:inline-block;
	width:809px;
	height:auto;
	text-align:center;
	background-color:#FFF;
}
.page_vue_2{
	display:inline-block;
	width:700px;
	height:auto;
	text-align:center;
	background-color:#FFF;
}
.ligne_page{
	color:#7C7D7F;
	height:1px;
	margin-bottom:20px;
	margin-left:22px;
}
.ligne{
	color:#7C7D7F;
	height:1px;
	margin-bottom:20px;
}
.ligne2{
	color:#CCCCCC;
	height:1px;
	margin-bottom:10px;
}
.titre_page{
  margin-left:22px;
}

/************************************** HEADER = TOP ***********************************************/
#top {
  z-index: 100;
  position: relative;
  color: #fff;
  height:212px;
}

#top .block-title {
  margin: 0;
  font-size: 1.875em;
  line-height: 1.2em;
  text-align: center;
  white-space: nowrap;
}

#top .nav-btn {
	margin-top:1.6em;
	float:right;
}

.top-bloc {
  position: relative;
  margin: 0 auto;
  max-width: 1024px;
  padding-top:10px;
}

.top-plus{
  display:inline-block;
  width:430px;
  height:113px;
  margin-left:225px;
}
	
.tel{
  display:inline-block;
  width:33px;
  height:34px;
}

.service-top{
  display:inline-block;
  width:185px;
  text-align:center;
  vertical-align: top;
  color:#000;
  line-height:8px;
  margin-top:8px;
}

#horaire{
  font-size:10px;
  color:#7C7D7F;
}

#langue-service{
  width:14px;
  margin-left:4px;
}

.num{
  display:inline-block;
  width:200px;
  height:27px;
  font-size:24px;
  color:#AF0B0B;
  vertical-align: top;
  margin-top:3px;
}
	
.menu-icon{
  width:345px;
  height:113px;
  float:right;
}
  
.base-line{
  width:345px;
  height:18px;
  font: Arial, Helvetica, sans-serif;
  color:#000;
  font-size:12px;
  text-align:center;
}

.drapeau-devise{
 width:345px;
 height:42px;
 margin:0px;
}

.devise{
  font: Arial, Helvetica, sans-serif;
  margin-left:5px;
  display:inline-block;
}

.drapeau{
  width:18px;
  height:12px;
  margin:0px 5px 0px 0px;
  display:inline-block;
  border:0;
}

.icon{
  display:inline-block;
  width:52px;
  height:55px;
  margin-right:12px;
}

.icon_lang-devise{
  display:none;
}

.icon2{
  display:inline-block;
  width:52px;
  height:55px;
  margin-left:35px;
}

.icon-texte{
  display:inline-block;
  width:90px;
  font: Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#7C7D7F;
  text-align:left;
  margin-right:25px;
  vertical-align: top;
  padding-top:10px;
}
	
/************************************** FIN : HEADER ***********************************************/

/************************************** COL-LEFT ***********************************************/
.nl{
	width:210px;
	height:62px;
	border-bottom: 2px dashed #E2E1D9;
	border-top: 2px dashed #E2E1D9;
	margin-bottom:20px;
}
.nl_mobile{
	display:none;
}
.nl_icon{
	display:inline-block;
	width:41px;
	height:41px;
	margin:10px 7px 7px 7px;
	vertical-align:top;
}

.nl_adresse{
  width:142px;
  height:19px;
  border:1px solid #E2E1D9;
}
/*.nl_adresse div{
  width:142px;
  height:19px;
  border:1px solid #E2E1D9;
  background-image: url(../img/bt-ok.png);
  background-position:right;
  background-repeat:no-repeat;
}*/
.nl_adresse input{
  background: #fff;
  width:110px;
  height:17px;
  color:#7C7D7F;
  border:none;
}
.nl_adresse button{
  cursor:pointer;
  border:0px;
  width:26px;
  height:19px;
  color:#fff;
  opacity: 0;
}
.nl_adresse-bt{
  cursor:pointer;
  border:0px;
  width:26px;
  height:19px;
  display:inline-block;
  float:right;
}

.nl_text{
  display:inline-block;
  width:143px;
  height:auto;
  font-weight:bold;
  font-size:15px;
  line-height:14px;
  padding-top:20px;
}

#nl_plus{
  font-weight:normal;
  font-size:11px;
  color:#6A6A6A;
}
.box_nouveaute{
	display:block;
	width:210px;
	height:263px;
	position:relative;
	border:solid 1px #CCCCCC;
	margin-top:20px;
	margin-bottom:20px;
}
#box_nouveaute_img{
	width:100%;
	position:absolute;
	z-index:-1;
}

.box_nouveaute-texte{
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#FFFFFF;
  display:block;
  width:210px;
  height:50px;
  background-image:url(../img/box-nouveaute2.png);
  background-repeat:no-repeat;
  background-position:bottom;
  text-align: center;
  padding-top:285px;
}
.box_nouveaute-texte #bold{
  font-size:24px;
  font-weight:bold;
  text-transform: uppercase;
}

.aide_taille{
  width:180px;
  height:166px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  text-transform: uppercase;
  font-weight:bold;
  color:#9e0c92;
  background-image:url(../img/taille-img.jpg);
  background-repeat:no-repeat;
  margin-top:18px;
  margin-bottom:18px;
  padding-left:20px;
  padding-top:11px;
  padding-right:10px;
}

.box-tmp-reel{
  width:210px;
  display:block;
  text-align:center;
  margin-top:10px;
  margin-bottom:10px;
  border:solid 1px #9e0c92;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
.box-tmp-texte{
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:20px;
  padding-right:20px;
  line-height:1.5em;
}
.box-tmp-texte #info {
  font-size:15px;
  padding-bottom:10px;
}
.box-tmp-texte #comp {
  font-size:10px;
  line-height:1em;
  padding-top:7px;
}

.reseaux{
	width:210px;
	border-top:#CCCCCC;
	border-top-style:solid;
	border-top-width:2px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
	text-transform: uppercase;
	color:#3F3F3F;
	margin-bottom:18px;
	margin-top:18px;
	padding-top:10px;
	}
.reseaux_img{
	display:inline-block;
	width:50px;
	height:50px;
	margin:15px 5px 15px 5px;
	}
.col_left_plus{
	width:201px;
	margin-top:18px;
	margin-bottom:18px;
	}
.col_left_plus_picto{
	display:inline-block;
	width:17px;
	height:13px;
	}
.col_left_plus_titre{
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
	font-weight:bold;
	color:#9e0c92;
	padding-left:5px;
	vertical-align:top;
	padding-top:2px;
	}
.col_left_plus_texte{
	font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
	color: #000;
	line-height:1.7em;
	padding-top:5px;
	}
.col_left_plus_texte a{
	font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
	color: #000;
	}
.col_left_plus_texte a:hover{
	color: #9e0c92;
	}
/*********************Pied de page***********************************/
.footer {
  width:100%;
  text-align:center;
}

.footer_info{
  display:inline-block;
  width:242px;
  height:160px;
  margin-left:5px;
  margin-right:5px;
  vertical-align:top;
}

.footer_info_titre{
  height:22px;
  background-color:#CCCCCC;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#6A6A6A;
  margin-bottom:5px;
  padding-top:5px;
}

.footer_info_lien{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#6A6A6A;
  margin-left:10px;
  text-align:left;
}

.footer_info_lien a{
  text-decoration:none;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#6A6A6A;
}

.footer_info_lien a:hover{
  color:#9e0c92;
}

.footer_reseau{
  position:relative;
  display:inline-block;
  width:16px;
  height:16px;
  margin-right:10px;
  margin-top:5px;
}
.avis-box{
  display:inline-block;
  width:242px;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:20px;
  vertical-align:top;
  border:1px solid #9e0c92;
  border-radius:10px;
  text-align:left;
}
.avis-titre{
  display:block;
  width:100%;
  margin-top:5px;
}
.avis-titre-picto{
  display:inline-block;
  width:19px;
  height:13px;
  margin-right:3px;
}
.avis-titre-texte{
  display:inline-block;
  font-size:12px;
  font-weight:bold;
  color:#9e0c92;
  width:200px;
}
.avis-commantaire-box{
  display:block;
  margin:10px;
}
.avis-prenom{
  display:inline-block;
  font-size:12px;
  font-weight:bold;
  color:#6A6A6A;
  margin-right:10px;
}
.avis-etoile{
  display:inline-block;
  width:10px;
  height:10px;
  margin-left:2px;
}
.avis-commantaire{
  display:block;
  font-size:12px;
  color:#6A6A6A;
}
.avis-separ{
  display:block;
  width:110px;
  height:1px;
  background-color:#6A6A6A;
  margin-left:auto;
  margin-right:auto;
}

.img_pu{
	width:100%;
	}

.img_pu_footer{
	width:100%;
        margin-bottom:20px;
	}

/************************************** PAGE ***********************************************/

.bloc_encart_service{
	width:100%;
	height:auto;
	border-bottom: 2px dashed #E2E1D9;
	border-top: 2px dashed #E2E1D9;
	margin-bottom:20px;
	text-align:center;
}
.encart_service{
	display:inline-block;
	margin-left:22px;
	margin-right:22px;
	height:64px;
	margin-top:8px;
	}
.encart_service_icon{
	display:inline-block;
	width:41px;
	height:41px;
	margin:7px;
}
.encart_service_bloctext{
	display:inline-block;
	line-height:14px;
	padding-top:4px;
	text-align:left;
}
.encart_service_bloctext2{
	display:inline-block;
	padding-top:11px;
	text-align:left;
	vertical-align:top;
	line-height:14px;
}
.encart_service_bloctext3{
	display:inline-block;
	padding-top:7px;
	vertical-align:top;
}
	
#encart_service_titre{
	font-weight:bold;
	text-transform:uppercase;
	font-size:12px;
}
#encart_service_text{
	font-weight:normal;
	font-size:12px;
}
#encart_service_plus{
	font-weight:normal;
	font-size:11px;
	color:#6A6A6A;
}
/*********************** ACCUEIL ********************************/
.diapo {
	width:788px;
	height:500px;
	margin-left:22px;
	margin-bottom:15px;
}
.diapo2 {
	width:788px;
	height:auto;
	margin-left:22px;
	margin-bottom:15px;
}
.recherche_3c{
	width:788px;
	height:80px;
	margin-left:22px;
	border-bottom: 1px #000 solid;
	border-top: 1px #000 solid;
	font-size:12px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
	margin-bottom:15px;
}

.recherche_3c_bloc{
	display:inline-table;
	width:200px;
	margin-right:40px;
	font-size:12px;
	color:#000;
	line-height:2em;
}
.bt_ok{
	float:right;
	width:50px;
	padding-top:20px;
	cursor:pointer;
}

.espace_univers{
	display:inline-block;
	text-align:left;
	width:380px;
	margin-left:22px;
	margin-bottom:20px;
}
.univers_lien a{
	color:#3F3F3F;
	font-size:12px;
	text-decoration:underline;
}
.univers_lien a:hover{
	font-style:italic;
}
.marque_lien{
	color:#3F3F3F;
	font-size:12px;
	text-decoration:underline;
	text-align:left;
}
.marque_lien a{
	color:#3F3F3F;
	font-size:12px;
	text-decoration:underline;
	text-align:left;
	margin-left:15px;
}
.marque_lien a:hover{
	font-style:italic;
}
.espace_logo{
	display:inline-block;
	width:400px;
	vertical-align:top;
	padding-top:25px;
	margin-bottom:20px;
}
.logo{
	display:inline-block;
	margin-bottom:15px;
}
.accueil_new{
	width:100%;
	display:block;
	margin-top:15px;
}

.accueil_galerie_col{
	display:inline-block;
	width:380px;
	vertical-align:top;
	margin-left:22px;
}
.accueil_galerie{
	margin-bottom:20px;
}
.texte{
  width:100%;
  margin-bottom:15px;
  text-align:left;
  text-align:justify;
}

/*************** Remonter en haut de page *****************/
.bt_up{
  text-align:center;
  width:53px;
  height:28px;
  background-image:url(../img/bt-up1.png);
  background-repeat:no-repeat;
  padding-top:25px;
  color: #000;
  font-size:12px;
  font-weight:bold;
  margin: 0 auto;
}

#bt-hdp {
  height:15px;
  position:relative;
  visibility:hidden;
}
		
#bt-hdp.floatable {
  position: fixed;
  visibility:inherit;
  bottom:45px;
  right:2%;
  z-index:100;
}
/********************************** vignette **********************/

.vignette_bloc_vue{

	position:relative;

	display:inline-block;

	width:136px;

	margin-left:110px;

	margin-bottom:40px;

}

.vignette_img_vue{

	width:136px;

	height:157px;

}
/********************************** vignette **********************/

.vignette_bloc_vue_600{

	position:relative;

	display:inline-block;

	width:136px;

	margin-left:72px;

	margin-bottom:20px;

}

.vignette_img_vue_600{

	width:136px;

	height:122px;

}
/********************************** vignette **********************/
.accueil_titre{
	margin-left:22px;
}
.vignette_bloc{
	position:relative;
	display:inline-block;
	width:136px;
	margin-left:22px;
	margin-bottom:20px;
}

.vignette_img{
	height:122px;
	width:136px;
}	

.vignette_texte{
	margin-top:3px;
	width:136px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
}

#vignette_texte_marque{
	font-weight:bold;
}

#vignette_texte_prix_barre{
	font-size:9px;
	text-decoration:line-through;
	color:#000;
}

#vignette_texte_prix_promo{
	font-size:11px;
	color:#C60000;
}
	
.vignette_souhait{
	position:absolute;
	text-align:right;
	width:136px;
	height:20px;
}

.vignette_pastille{
	position:absolute;
	text-align:right;
	width:auto;
	height:20px;
}

.vignette_complement{
	position:absolute;
	text-align:right;
	width:auto;
	height:122px;
}


.vignette_reduct{
	position:absolute;
	width:51px;
	height:41px;
	margin-top:80px;
}
.resultat-filtre{
	width:97%;
	display:block;
	text-align:left;
	margin-left:22px;
	margin-bottom:20px;
	padding-bottom:5px;
	border-bottom-color:#000;
	border-bottom-style:solid;
	border-bottom-width:1px;
}
.resultat-vide{
  width:95%;
  display:block;
  color:#7C7D7F;
  margin-bottom:20px;
  font-size:12px;
  padding:2%;
}

.recherche-plus{
  display:block;
  margin-left:22px;
  text-align:left;
}
.bargain-bloc{
  display:block;
  margin-left:22px;
  margin-top:20px;
  margin-bottom:20px;
}
.bargain-ligne{
  display:inline-block;
  width:48.5%;
  margin-bottom:15px;
  margin-right:1%;
}
.bargain-cat{
  display:inline-block;
  width:30%;
  font-size:14px;
  text-align:left;
  vertical-align:top;
  padding-top:7px;
}
.choix-gd-taille{
  display:inline-block;
  width:45%;
  font-size:14px;
  text-align:left;
  vertical-align:top;
  padding-top:7px;
}
/*********************** Tri Vignette ********************************/
.tri{
  width:97.5%;
  margin-left:22px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  margin-bottom:20px;
}
.tri a{
  width:19%;
  display:inline-block;
  border:#6A6A6A dashed 1px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#6A6A6A;
  margin:1.5px;
  padding-bottom:0.7%;
  padding-top:0.7%;
}
.tri a:hover{
  color:#9e0c92;
  margin:1.5px;
}
#tri-choix{
  font-weight:bold;
  font-size:12px;
  color:#9e0c92;
}

.option_mobile{
  display:none;
}
.fitre_mobile{
  display:none;
}
.tri_mobile{
  display:none;
}

/*********************** CATEGORIE ********************************/
.cat-info{
  width:788px;
  height:auto;
  margin-left:22px;
  margin-bottom:20px;
}
.focus-succes{
  width:400px;
  display:inline-block;
}
.focus-succes-img{
  border:#CCC solid 1px;
  padding:0;
  width:100%;
}
.cat-plus{
 width:368px;
 margin-right:15px;
 display:inline-block;
 vertical-align:top;
}
.cat-coeur{
  display:inline-block;
  margin-bottom:20px;
  text-align:left;
}
.cat-texte{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#000;
  text-align:left;
  display:inline-block;
  width:222px;
}
.cat-img{
	display:inline-block;
	margin-right:5px;
	vertical-align:top;
}
.cat-texte #titre{
  font-size:14px;
  font-weight:bold;
  text-decoration:underline;
}
.cat-texte #prix{
  font-size:14px;
  font-weight:bold;
  color:#9e0c92;
}
.cat-bon-plan{
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;
  display:inline-block;
  margin-bottom:5px;
  padding-top:10px;
  padding-bottom:10px;
  width:100%;
  text-align:left;
}
.cat-bon-plan #texte{
  display:inline-block;
  vertical-align:top;
  padding-top:7px;
  color:#000;
}
.cat-bon-plan #image{
  display:inline-block;
  float:right;
}
.cat-matiere{
  display:inline-block;
  margin-bottom:15px;
  text-align:left;
  font-size:11px;
  width:100%;
}
.cat-matiere #columns {
  -webkit-columns: 3;
  -moz-columns: 3;
  columns: 3;
}
.cat-matiere #columns a{
  color:#000;
}
.cat-matiere #columns a:hover{
  color:#9e0c92;
}

.cat-taille{
  border-bottom: 1px solid #000000;
  display:inline-block;
  margin-bottom:15px;
  width:100%;
  text-align:left;
}
.cat-taille #texte{
  display:inline-block;
  vertical-align:top;
  padding-top:15px;
  color:#000;
}
.cat-taille #image{
  display:inline-block;
  margin-right:10px;
}
.cat-presentation{
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#7C7D7F;
  text-align: justify;
  margin-bottom:20px;
}

.cat-bloc-promo{
  display:inline-block;
  width:483px;
}
.cat-bloc-new{
  display:inline-block;
  width:321px;
}
.cat-matiere-btL{
  display:inline-block;
  width:48%;
  float:left;
  border:1px solid #989898;
  color:#989898;
  font-size:12px;
  cursor:pointer;
  text-align:center;
  padding-bottom:7px;
  padding-top:7px;
}
.cat-matiere-btR{
  display:inline-block;
  width:48%;
  float:right;
  border:1px solid #989898;
  color:#989898;
  font-size:12px;
  cursor:pointer;
  text-align:center;
  padding-bottom:7px;
  padding-top:7px;
}
.cat-ligne-lot{
	margin-top:0;
	margin-bottom:10px;
	background-color:#333;
}
.cat-acces-lot{
  display:block;
  width:100%;
}

/*********************** PRODUIT ********************************/
.titre{
  display:block;
  width:100%;
  margin-left:22px;
}
.product-img-bloc{
  display:inline-block;
  margin-left:22px;
  width:470px;
}
.product-img{
  display:inline-block;
  width:400px;
}
.product-img_illustration{
  display:inline-block;
  width:400px;
}
.product-favori_bloc{
  width:100%;
}
.product-favori{
  text-align:right;
  font-family:Arial, Helvetica, sans-serif;
  color:#9A9A9A;
  font-size:13px;
  font-style:italic;
  width:60%;
  display:inline-block;
  float:right;
}
.product-favori a{
  font-family:Arial, Helvetica, sans-serif;
  color:#9A9A9A;
  font-size:13px;
  font-style:italic;
}
.product-favori a:hover{
  text-decoration:underline;
}
.product-french{
  text-align:left;
  font-family:Arial, Helvetica, sans-serif;
  color:#9A9A9A;
  font-size:13px;
  font-style:italic;
  margin-top:7px;
  width:38%;
  display:inline-block;
}
.product-img-petit-bloc{
  display:inline-block;
  width:43px;
  margin-left:22px;
  vertical-align:top;
}
.product-img-petit{
  display:block;
  width:40px;
  height:36px;
  margin-bottom:10px;
}
.product-img-grand{
  display:block;
  width:40px;
  height:50px;
  margin-bottom:10px;
}
.product-validation-bloc{
  display:inline-block;
  vertical-align:top;
  width:310px;
}
.product-validation{
  display:inline-block;
  border-left:#9e0c92 2px solid;
  width:295px;
  vertical-align:top;
  margin-left:11px;
  margin-bottom:35px;
}
.product-taille{
  display:block;
  margin-left:25px;
  text-align:left;
  margin-bottom:15px;
}
.product-taille-label{
  display: inline-block;
  width:80px;
  text-align:left;
  font-size:12px;
  padding-top:3px;
  vertical-align:top;
}
.product-taille-champs{
  display: inline-block;
  width:185px;
  height:18px;
}
.product-infotaille{
  font-family:Arial, Helvetica, sans-serif;
  color:#9A9A9A;
  font-size:13px;
  font-style:italic;
}
.product-infotaille-mobile{
  display:none;
}
.product-infotaille a{
  font-family:Arial, Helvetica, sans-serif;
  color:#9A9A9A;
  font-size:13px;
  font-style:italic;
}
.product-infotaille a:hover{
  text-decoration:underline;
}
.product-couleur{
  display:block;
  margin-left:25px;
  text-align:left;
  margin-bottom:15px;
  border-bottom:#D2CEC6 1px solid;
  border-top:#D2CEC6 1px solid;
  padding:3px 0;
}
.product-couleur-mobile{
  display:none;
}
.product-prix{
  display:block;
  margin-left:25px;
  color:#CB0000;
  font-size:24px;
}
.product-prix-barre{
  color:#000;
  font-size:18px;
  text-decoration: line-through;
  padding-right:10px;
}
.product-panier{
  display:block;
  margin-left:25px;
  margin-top:10px;
  margin-bottom:10px;
  width:270px;
  background-color:#9e0c92;
  color:#FFF;
  padding-bottom:13px;
  padding-top:13px;
  cursor:pointer;
}
.product-panier a , .product-panier a:hover{
  background-color:#9e0c92;
  color:#FFF;
  text-decoration:none;
}
/*********************** Taille Non Sélectionnée ********************************/
.bulle {
  position: relative;
  cursor: pointer;
}
.bulle span {
  display: none;
}
.bulle:hover span {
  width: 160px;
  height:50px;
  display: block;
  position: absolute;
  background-image: url(../img/no-taille-icon.png);
  background-repeat:no-repeat;
  z-index:200;
  padding-top:8px;
  top:-175px;
  right:42px;
  font-size:13px;
}
/*********************** Fin : Taille Non Sélectionnée ********************************/
.product-stock{
  display:block;
  margin-left:25px;
  margin-top:5px;
  width:268px;
  border:#989898 1px solid;
  color:#989898;
  font-size:19px;
  cursor:pointer;
}
.product-stock a , .product-stock a:hover{
  color:#989898;
  text-decoration:none;
}
.stock-15j{
  display:block;
  margin-left:25px;
  margin-top:5px;
  width:268px;
  color:#989898;
  font-size:16px;
}


.bloc_encart_service_mobile{
  display:none;
}
.product-shop-bloc{
  display:inline-block;
  width:300px;
  text-align:left;
  font-family:Arial, Helvetica, sans-serif;
  color:#9A9A9A;
  font-size:13px;
  font-style:italic;
}
.product-shop{
  width:290px;
  border-left:#9e0c92 2px solid;
  margin-left:7px;
  margin-top:5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  padding-left:10px;
  text-align:left;
}
.product-shop a{
  width:46%;
  display:inline-block;
  border:#6A6A6A dashed 1px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#6A6A6A;
  margin:0.7%;
  padding-bottom:0.7%;
  padding-top:0.7%;
  text-align:center;
}
.product-shop a:hover{
  color:#9e0c92;
}
.product-info{
  width:100%;
  margin-left:22px;
  margin-top:20px;
  margin-bottom:20px;
}
.product-descrip-bloc{
  width:47%;
  display:inline-block;
  vertical-align:top;
  padding-left:22px;
  text-align:left;
}
.product-descrip-bloc2{
  width:100%;
  padding-left:22px;
  margin-top:20px;
  margin-bottom:20px;
  text-align:left;
}
.product-logo{
  margin-bottom:5px;
  text-align:left;
  width:136px;
}
.product-descrip{
  height:auto;
  display:inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
  text-align:left;
  margin-bottom:30px;
  padding-right:5px;
}
.product-descrip2{
  width:50%;
  height:auto;
  display:inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
  text-align:left;
  margin-bottom:30px;
  padding-right:16px;
}
.product-descrip a , .product-descrip2 a{
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
  text-align:left;
  color:#000;
  line-height:1.5em;
}
.product-descrip a:hover , .product-descrip2 a:hover{
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
  text-align:left;
  color:#9e0c92;
}
.bloc_partage{
  width:100%;
  margin-bottom:20px;
  font-size:14px;
  color:#989898;
}

.partage_im {
  margin-right:10px;
  display:inline-block;
}
#blog{
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  text-align:left;
  font-weight:bold;
  color:#9e0c92;
  line-height:1.7em;
}
#blog2{
  display:inline-block;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  text-align:left;
  font-weight:bold;
  color:#9e0c92;
  line-height:1.7em;
  vertical-align:top;
  width:47%;
}

#blog ul , #blog2 ul/* contenaire articles blog */{ 
  width:93%;
  border: 2px solid #E2E1D9;
  background-image: url(../img/sous-nav-marque-icon.png);
  background-repeat:no-repeat;
  padding-top:10px;
  padding-left:7px;
  padding-bottom:5px;
  background-color:#FFF;
}

#blog li , #blog2 li /* Liste d'articles */{
  display:block;
  font-family:Arial, Helvetica, sans-serif;
  text-transform: none;
  font-size:14px;
  text-align:left;
  font-weight: normal;
  
}

#blog li a , #blog2 li a {
  display:block;
  outline: none;
  color:#000;
  background-image: url(../img/sous-nav-bcg.gif);
  background-repeat:no-repeat;
  padding-left:12px;
}

#blog li a:hover , #blog2 li a:hover{
  color : #9e0c92;
  background-color:#FFF;
  background-image: url(../img/blog-bcg2.gif);
  background-repeat:no-repeat;
}
.product-autre{
  width:99%;
  margin-left:22px;
  margin-bottom:35px;
  text-align:left;
}
.product-img-mref{
  display: inline-block;
  width:40px;
  height:36px;
  margin-right:5px;
}
.product-bloc-mcollection{
  width:100%;
  margin-bottom:30px;
  text-align:left;
}
.product-img-mcollection{
  display:inline-block;
  margin-left:22px;
  vertical-align:top;
  width:294px;
}
.suggestion-titre{
  display:block;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
  color:#9e0c92;
  text-align:left;
  margin-left:22px;
}
.suggestion-bloc{
  border: 2px solid #E2E1D9;
  width:95%;
  text-align:left;
  margin-left:22px;
  padding-top:20px;
  margin-top:5px;
  margin-bottom:35px;
}
.suggestion{
  display:inline-block;
  margin-bottom:20px;
  margin-left:22px;
  text-align:left;
  width:46%;
  vertical-align:top;
}
.suggestion-texte{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#000;
  text-align:left;
  display:inline-block;
  width:53%;
  padding-right:0px;
}
.suggestion #titre{
  font-size:11px;
  font-weight:bold;
  text-decoration:underline;
}
.suggestion #prix{
  font-size:14px;
  font-weight:bold;
  color:#9e0c92;
}
.suggestion-img{
	display:inline-block;
	margin-right:5px;
	vertical-align:top;
}
/*********************** FIN CLASS PRODUIT ********************************/

/*********************** PANIER ********************************/

.panier-etap_bloc{
  width:100%;
  display:block;
}
.panier-etap{
  display:inline-block;
  width:auto;
  height:auto;
  vertical-align:top;
}
.panier-etap_icon{
  display:block;
  width:auto;
  height:44px;
  vertical-align:top;
}
.panier-etap-separ{
  width:7%;
  height:2px;
  display:inline-block;
  vertical-align:top;
  padding-top:7px;
}
.panier-etap-nom{
  display:inline-block;
  height:auto;
  vertical-align:top;
  color:#3F3F3F;
  font-size:12px;
}
.panier-etap-titre{
  display:inline-block;
  height:auto;
  vertical-align:top;
  color:#9e0c92;
  font-size:12px;
}
.panier-listing-bloc{
  display:block;
  width:97%;
  margin-top:30px;
  margin-left:22px;
  font-size:12px;
}
.panier-listing-label{
  color:#6A6A6A;
  display:block;
  width:100%;
  text-align:left;
}
.panier-comment{
  display:block;
  width:100%;
  text-align:left;
  padding-top:px;
  padding-bottom:12px;
}
.panier-listing-produit1{
  display:block;
  width:100%;
  text-align:left;
  padding-top:7px;
  padding-bottom:7px;
}
.panier-listing-produit2{
  display:block;
  width:100%;
  background-color:#E2E2E2;
  text-align:left;
  padding-top:7px;
  padding-bottom:7px;
}
.panier-listing-label #nb{
  display:inline-block;
  width:7%;
}
.panier-listing-produit1 #nb , .panier-listing-produit2 #nb{
  display:inline-block;
  text-align:center;
  width:7%;
  vertical-align:top;
  padding-top:10px;
}
.panier-listing-produit1 #des , .panier-listing-produit2 #des , .panier-listing-label #description{
  display:inline-block;
  width:45%;
}

.panier-listing-produit1 #des-favorie , .panier-listing-produit2 #des-favorie , .panier-listing-label #description-favorie{
  display:inline-block;
  width:51%;
  padding-left:1%;
}

.panier-listing-produit1 #img , .panier-listing-produit2 #img{
  display:inline-block;
  width:67px;
  text-align:center;
  margin-right:2%;
}
.panier-listing-produit1 #info , .panier-listing-produit2 #info{
  display:inline-block;
  text-align:left;
  vertical-align:top;
}

.panier-listing-label #sup-bloc{
  display:inline-block;
  width:47%;
  vertical-align:top;
  text-align: right;
}

.panier-listing-produit1 #sup-bloc , .panier-listing-produit2 #sup-bloc{
  display:inline-block;
  width:47%;
  vertical-align:top;
  text-align: right;
}
.panier-listing-label #sup{
  display:inline-block;
  text-align:center;
  width:45%;
  vertical-align:top;
  padding-top:0px;
}
.panier-listing-produit1 #sup , .panier-listing-produit2 #sup{
  display:inline-block;
  text-align:center;
  width:45%;
  vertical-align:top;
  padding-top:10px;
}
.panier-listing-label #total{
  display:inline-block;
  float:right;
  text-align: right;
  width:50%;
  vertical-align:top;
  padding-top:0px;
  padding-right:10px;
}
.panier-listing-produit1 #total , .panier-listing-produit2 #total {
  display:inline-block;
  float:right;
  text-align: right;
  width:50%;
  vertical-align:top;
  padding-top:10px;
  padding-right:10px;
}
.ss-total-bloc{
  display:block;
  width:50%;
  text-align:left;
  padding-bottom:20px;
  padding-left:50%;
}
.ss-total-label{
  display:inline-block;
  width:50%;
  text-align:left;
  padding-bottom:3px;
  margin-bottom:6px;
  margin-top:6px;
}
.ss-total-label a{
  color:#999;
  text-decoration: underline;
}
.ss-total-label a:hover{
  color:#9e0c92;
}
.ss-total{
  display:inline-block;
  width:40%;
  text-align:right;
  float:right;
  padding-right:10px;
  font-size:14px;
  font-weight:bold;
  padding-bottom:3px;
  margin-top:6px;
}
.code-reduc{
	width:100%;
}
.code-reduc div{
  width:100%;
  height:19px;
  border:1px solid #E2E1D9;
  background-image: url(../img/bt-ok-neutre.png);
  background-position:right;
  background-repeat:no-repeat;
  text-align:left;
}
.code-reduc div input{
  background: #fff;
  width:70%;
  height:17px;
  color:#7C7D7F;
  border:none;
}
.code-reduc button{
  cursor:pointer;
  border:0px;
  width:26px;
  height:19px;
  color:#fff;
  opacity: 0;
  float:right;
}
.code-reduc-info{
  display:inline-block;
  font-size:12px;
  color:#C60000;
  text-align:left;
  width:100%;
}
.panier-livraison-bloc{
  display:block;
  width:97%;
  padding-left:22px;
  text-align:left;
  margin-top:30px;
  font-size:12px;
}
.panier-livraison-bloc a{
  font-size:12px;
  text-decoration:underline;
  color:#6A6A6A;
}
.panier-livraison-bloc a:hover{
  font-size:12px;
  text-decoration:underline;
  color:#9e0c92;
}
.panier-livraison-frais-bloc{
  display:block;
  width:100%;
}
.panier-livraison-frais{
  display:inline-block;
  font-size:12px;
  width:79%;
}
.panier-livraison-frais-prix{
  text-align:right;
  width:20%;
  display:inline-block;
  font-size:12px;
  color:#000;
}
.panier-livraison{
  display: inline-block;
  width:48.5%;
  padding:5px;
}
.panier-livraison-select{
  display:block;
  width:100%;
}
.panier-livraison-select #radio{
  display:inline-block;
  vertical-align:top;
  padding-top:13px;
}
.panier-livraison-select #img{
  display:inline-block;
  padding:5px;
  width:65px;
  text-align:center;
  vertical-align:top;
}
.panier-livraison-select #des{
  display:inline-block;
  font-size:14px;
  font-weight:bold;
  text-transform:uppercase;
}
.panier-livraison-select #des #prix{
  font-size:12px;
}
.panier-livraison-select #des #info , .panier-livraison-select #des2 #info{
  font-size:12px;
  color:#6A6A6A;
  text-transform:none;
}
.panier-livraison-frais-info{
  display:inline-block;
  font-size:12px;
  color:#C60000;
  width:100%;
  text-align:right;
  margin-right:10px;
}
.panier-valider{
  display: inline-block;
  width:305px;
  background-color:#9e0c92;
  color:#FFF;
  font-size:19px;
  padding:5px;
  margin-top:40px;
  margin-bottom:20px;
  cursor:pointer;
}
.panier-bt-aide{
  display:inline-block;
  width:117px; 
  border:#989898 1px solid;
  color:#989898;
  font-size:19px;
  padding:5px;
  margin-left:22px;
  margin-right:5.5%;
  margin-top:40px;
  margin-bottom:20px;
  cursor:pointer;
}
.panier-bt-achat{
  display:inline-block;
  width:232px;
  border:#989898 1px solid;
  color:#989898;
  font-size:19px;
  padding:5px;
  margin-right:5.5%;
  margin-top:40px;
  margin-bottom:20px;
  cursor:pointer;
}
.panier-bt-achat a , .panier-bt-aide a{
  color:#989898;
}
.panier-bt-achat a:hover , .panier-bt-aide a:hover{
  color:#9e0c92;
}
.corbeille{
  display:inline-block;
  width:46.5%;
  margin-left:22px;
  margin-bottom:20px;
}
.corbeille_info{
  font-size:12px;
}
.corbeille_prix{
  font-size:18px;
  color:#F30;
  font-weight:bold;
}
/*********************** FIN CLASS PANIER ********************************/

/*********************** COMPTE ********************************/
.compte-connection-bloc{
  display:block;
  width:100%;
}
.compte-connection{
  display:inline-block;
  width:39%;
  border-right-style:dashed;
  border-right-color:#E2E1D9;
  border-right-width:2px;
  padding-right:5%;
  padding-left:5%;
  margin-bottom:5%;
  margin-top:5%;
  vertical-align:top;
}
.compte-creation{
  display:inline-block;
  width:39%;
  padding-right:5%;
  padding-left:5%;
  margin-bottom:5%;
  margin-top:5%;
  vertical-align:top;
}
.compte-connection-titre{
  display:block;
  width:100%;
  border-bottom-color:#E2E1D9;
  border-bottom-style:solid;
  border-bottom-width:2px;
  color:#000;
  font-size:14px;
  text-transform:uppercase;
  margin-bottom:25px;
  padding-bottom:12px;
}
.compte-connection-texte{
  display:block;
  width:100%;
  height:100px;
  color:#6A6A6A;
  font-size:13px;
  text-align:left;
}
.compte-connection-label{
  display:block;
  width:80%;
  color:#6A6A6A;
  font-size:11px;
  margin-left:10%;
  margin-right:10%;
}
.compte-oubli{
  display:block;
  width:100%;
  color:#A3A3A3;
  font-size:10px;
  margin-left:10%;
  margin-right:10%;
}
.compte-oubli a{
  color:#A3A3A3;
  font-size:10px;
}
.compte-oubli a:hover{
  color:#A3A3A3;
  font-size:10px;
  text-decoration:underline;
}
.compte-bt{
  display: inline-block;
  width:100%;
  background-color:#9e0c92;
  color:#FFF;
  font-size:19px;
  padding-top:5px;
  padding-bottom:5px;
  margin-top:35px;
  cursor:pointer;
}
.compte-bt a , .compte-bt a:hover{
  background-color:#9e0c92;
  color:#FFF;
  text-decoration:none;
}
.compte-titre{
  margin-left:22px;
  margin-bottom:20px;
}

.deconnexion {
  float:right;
  font-family:Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align:right;
  font-size:14px;
  color:#6A6A6A;
  position:relative;
  top:-5px;
  z-index:100;
}

.deconnexion_texte {
  position:relative;
  top:-10px;
  display:inline-block;
  padding-right:5px;
  color:#6A6A6A;
}
.compte-acces{
  display:inline-block;
  width:775px;
  margin-left:22px;
  border:solid 1px #9e0c92;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#6A6A6A;
  padding:5px;
  margin-bottom:35px;
  margin-top:35px;
}
.compte-acces-bt{
  display: inline-block;
  width:150px;
  background-color:#9e0c92;
  color:#FFF;
  font-size:14px;
  padding:2px;
  margin-left:10px;
  cursor:pointer;
}
.compte-acces a {
  text-decoration:none;
  color:#FFF;
}
.compte-acces a:hover{
  text-decoration: underline;
  color:#FFF;
}
	
.profil_bloc{
  width:47%;
  display:inline-block;
  padding-left:22px;
  text-align:left;
  margin-bottom:55px;
  vertical-align:top;
}

.profil_information{
  width:100%;
  height:200px;
  margin-top:20px;
}
.profil_creation{
  width:100%;
  margin-top:20px;
}
.compte_ligne_saisie{
  width:100%;
  display:block;
  margin-bottom:10px;
}
.compte_intitule{
  width:32%;
  display:inline-block;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#6A6A6A;
  vertical-align:top;
}

.compte_champs{
  width:58%;
  display:inline-block;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  color: #000000;
}
.compte_champs input {
  width:60%;
  display:inline-block;
}
.compte_champs select{
  width:31%;
  display:inline-block;
  margin-bottom:10px;
}

.compte_requis{
  width:30%;
  display:inline-block;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  color: #989898;
  padding-left:2%;
}
.compte_civilite{
  width:20%;
  display:inline-block;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color: #000;
  padding-right:1%;
}
.compte_civilite input{
  display:inline-block;
  text-align:left;
  width:auto;
}
.nl-abonnement{
  width:32%;
  display:inline-block;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#6A6A6A;
  vertical-align:top;
  margin-top:15px;
}
.nl-abonnement select{
  margin-top:7px;
  width:132px;
}
.nl-reduc{
  width:58%;
  display:inline-block;
  vertical-align:top;
}
.nl-reduc-image{
  width:20%;
  display:inline-block;
  margin-right:2%;
}
.nl-reduc-texte{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#6A6A6A;
  width:75%;
  display:inline-block;
  vertical-align: top;
  padding-top:15px;
}

.profil-bt{
  width:96%;
  border:#989898 1px solid;
  color:#989898;
  font-size:19px;
  padding:5px;
  margin-top:40px;
  margin-bottom:20px;
  text-align:center;
  cursor:pointer;
}
.profil-bt a{
  color:#989898;
}
.profil-bt a:hover{
  color:#9e0c92;
}
.commande_bloc{
  display:inline-block;
  width:788px;
  margin-left:22px;
  margin-bottom:55px;
  text-align:left;
}
.commande_tabl{
  width:100%;
}
.commande_recap{
  display:block;
  width:97%;
  height:auto;
  margin-top:5px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#6A6A6A;
  margin-bottom:10px;
}
	
.commande_recap1{
  display:block;
  width:100%;
  height:auto;
  margin-bottom:5px;
  margin-top:5px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color: #000;
}
	
.commande_recap2{
  display:block;
  width:100%;
  height:auto;
  background-color:#e2e2e2;
  padding-bottom:5px;
  padding-top:5px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color: #000;
}
.commande_num{
  display:inline-block;
  width:14%;
  height:auto;
  padding-left:3px;
}
.commande_exp{
  display:inline-block;
  width:12%;
  height:auto;
  padding-left:3px;
}
	
.commande_suivi{
  display:inline-block;
  width:16.5%;
  height:auto;
}
	
.commande_statut{
  display:inline-block;
  width:31%;
  height:auto;
}

.commande_voir {
  display:inline-block;
  width:5%;
  height:auto;
}
.commande_voir a {
  display:inline-block;
  width:40px;
  height:auto;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color: #000000;
  text-decoration:underline;
}
.commande_voir a:hover {
  display:inline-block;
  width:40px;
  height:auto;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#9e0c92;
  text-decoration:underline;
}
.compte_nl{
  display:inline-block;
  width:788px;
  margin-left:22px;
  margin-bottom:55px;
  text-align:left;
}

.abonnement-bt a {
  text-decoration: none;
  margin: 0;
  color:#6A6A6A;
  text-decoration:underline;
}
.abonnement-bt a:hover{
  color:#9e0c92;
}

.abonnement-bt{
  width:auto;
  height:27px;
  border:#989898 1px solid;
  color:#989898;
  font-size:16px;
  text-align:center;
  vertical-align:middle;
  display:inline-block;
  padding-top:7px;
  padding-left:10px;
  padding-right:10px;
}

.abonnement-supp{
  margin-left:5px;
  position:relative;
  width:5%;
  top:-2px;
  padding-right:10px;
}
.alerte-supp{
  position:relative;
  width:10%;
  padding-right:10px;
}

.alert_titre{
  width:100%;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  color: #000;
  margin-bottom:15px;
}	
.alert_ligne{
  width:98%;
  margin-bottom:10px;
  font-size:12px;
}
.alerte_produit1{
  display:block;
  width:97%;
  height:auto;
  margin-bottom:5px;
  margin-top:5px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color: #000;
  margin-left:2%;
  padding-left:1%;
}
	
.alerte_produit2{
  display:block;
  width:97%;
  height:auto;
  background-color:#e2e2e2;
  padding-bottom:5px;
  padding-top:5px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color: #000;
  margin-left:2%;
  padding-left:1%;
}
.alerte_des-produit{
  display:inline-block;
  width:60%;
  vertical-align:top;
}
	
.alerte_categorie{
  display:inline-block;
  width:45%;
  height:auto;
  vertical-align:top;
}
.alerte_categorie-type{
  display:inline-block;
  width:35%;
  height:auto;
  vertical-align:top;
}
.alerte_choix{
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  color: #000000;
  display:block;
  margin-bottom:10px;
}

.fidelite-bloc{
  width:786px;
  height:280px;
  border:solid #6A6A6A 1px;
}
.fidelite-info-bloc{
  width:274px;
  height:280px;
  display:inline-block;
  background-image:url(../img/carte/bcg-carte1.png);
  background-repeat:no-repeat;
  vertical-align:top;
}
.fidelite-info-perso{
  width:262px;
  text-align: left;
  padding-left:12px;
  padding-top:65px;
  padding-bottom:10px;
  color:#9e0c92;
  font-weight:bold;
  font-size:24px;
}
.fidelite-personne{
  display:block;
  font-size:14px;
  color:#000;
  font-weight: normal;
  padding-left:12px;
}
.fidelite-personne span{
  font-size:18px;
  font-weight:bold;
  color:#000;
}
.fidelite-info{
  display:block;
  font-size:14px;
  color:#000;
  font-weight: normal;
  width:235px;
  padding-left:12px;
  padding-top:45px;
}
.fidelite-info span{
  font-size:18px;
  font-weight:bold;
  color:#000;
}
.fidelite-tampon-bloc{
  width:496px;
  height:240px;
  display:inline-block;
  vertical-align:top;
  padding-top:30px;
  padding-bottom:20px;
}
.fidelite-tampon{
  display:inline-block;
  width:96px;
  height:110px;
  border:none;
  margin:0;
  padding:0;
}
.compte-crea-bt{
  display:inline-block;
  width:250px;
  border:#989898 1px solid;
  color:#989898;
  font-size:19px;
  padding:5px;
  margin-top:40px;
  margin-bottom:20px;
  cursor:pointer;
}
.compte-crea-bt a{
  color:#989898;
}
.compte-crea-bt a:hover{
  color:#9e0c92;
  text-decoration:none;
}
/*********************** FIN : COMPTE ********************************/

/*********************** RECAPITULATIF DE COMMANDE ********************************/
.bloc-paiement{
  display:block;
  width:98%;
  margin-left:22px;
  text-align:left;
  font-size:13px;
  margin-top:30px;
}
.titre-compte{
  display:block;
  width:100%;
  border-bottom:#CCCCCC solid 2px;
  font-size:14px;
  margin-bottom:20px;
  padding-bottom:5px;
}
.paiement-choix{
  display:block;
  width:100%;
  margin-bottom:35px;
  margin-left:2%;
}
.paiement-choix-coche{
  display:inline-block;
  width:7%;
  vertical-align: top;
}
.paiement-choix-info{
  display:inline-block;
  width:88%;
  font-size:12px;
  color:#6A6A6A;
}
.paiement-choix-info span{
  font-size:12px;
  color:#000;
  font-weight:bold;
}
.paiement-choix-info_img{
  display:inline-block;
  width:328px;
}
.bloc-facture{
  display:inline-block;
  width:47%;
  text-align:left;
  margin-left:22px;
  vertical-align:top;
}
.facture-info{
  font-size:12px;
  color:#000;
  padding-left:2%;
}
.facture-info span a {
  display:inline-block;
  font-size:12px;
  color:#6A6A6A;
  text-decoration:underline;
}
.facture-info span a:hover {
  font-size:12px;
  color:#9e0c92;
  text-decoration:underline;
}
.relais-bloc{
  display:block;
  margin-left:22px;
  width:97%;
  border-top-style:dashed;
  border-top-width:2px;
  border-top-color:#E2E1D9;
}
.relais-adresse{
  display:block;
  text-align:left;
  padding-top:10px;
  font-size:12px;
}
.relais-adresse #adresse{
  display: inline-block;
  width:250px;
  padding-right:35px;
}
.relais-adresse #adresse-champs{
  width:98%;
  height:19px;
  border:1px solid #E2E1D9;
  background-repeat:no-repeat;
  text-align:left;
}
.relais-adresse #adresse-champs input{
  background: #fff;
  width:98%;
  height:17px;
  color:#7C7D7F;
  border:none;
}
.relais-adresse #cp{
  display: inline-block;
  width:100px;
  padding-right:35px;
}
.relais-adresse #ville{
  display: inline-block;
  width:200px;
  padding-right:35px;
}
.relais-adresse #bt{
  display: inline-block;
  float:right;
  margin-top:15px;
  padding-top:2px;
  width:118px;
  height:17px;
  background-image:url(../img/19_bt-relais.jpg);
  background-repeat:no-repeat;
  color:#FFF;
  font-size:12px;
  text-align:center;
  cursor:pointer;
}
.relais-listing-bloc{
  display:block;
  margin-left:22px;
  width:97%;
  text-align:left;
  font-size:12px;
  color:#000;
  margin-top:30px;
}
.relais-listing-bloc span{
  font-size:12px;
  color:#6A6A6A;
  font-style:normal;
}
.relais-listing-bloc #coche{
  display:inline-block;
  width:4%;
  vertical-align:middle;
}
.relais-listing-bloc #distance{
  display:inline-block;
  width:8%;
  vertical-align:middle;
}
.relais-listing-bloc #nom{
  display:inline-block;
  width:17%;
  vertical-align:middle;
}
.relais-listing-bloc #adresse{
  display:inline-block;
  width:27%;
  vertical-align:middle;
  text-transform:lowercase;
}
.relais-listing-bloc #horaire{
  display:inline-block;
  width:38%;
  font-size:9px;
  font-style:italic;
  color: #7F7F7F;
  vertical-align:middle;
}
.relais-listing-bloc #horaire #col1{
  display:inline-block;
  width:100%;
  margin-top:10px;
  margin-bottom:6px;
}
.relais-listing-bloc #horaire #col2{
  display:inline-block;
  width:100%;
  margin-top:10px;
  margin-bottom:6px;
}
.relais-listing{
  display:block;
  width:100%;
  max-height:400px;
  overflow-x:hidden;
  overflow-y: auto;
  margin-top:5px;
}
.relais-listing-label{
  display:block;
  width:100%;
}
.relais-listing-ligne1{
  display:block;
  width:100%;
  height:auto;
  background-color: #E2E2E2;
  padding-bottom:10px;
}
.relais-listing-ligne2{
  display:block;
  width:100%;
  height:auto;
  padding-bottom:10px;
}
.recap-code-reduc{
  display:inline-block;
  width:60px;
}
.recap-code-reduc-champs{
  display:inline-block;
  width:30%;
}
.cadeau-texte{
  display:inline-block;
  width:82%;
  font-size:12px;
  text-align:left;
}
.cadeau-rep{
  display: inline-block;
  width:7%;
  text-align:right;
  font-size:12px;
}
.cadeau-option{
  display:block;
  width:100%;
  font-size:12px;
  margin-top:20px;
}
.cadeau-message-bloc{
  display: inline-block;
  width:49%;
  vertical-align:bottom;
}
.cadeau-image-bloc{
  display: inline-block;
  width:47.5%;
  vertical-align:bottom;
  margin-left:2%;
}
.cadeau-message{
  display:block;
  width:100%;
}
.message-input{
	width:99%;
	height:100px;
}
.position-bt{
  display:block;
  width:98%;
  margin-left:22px;
}
.recap-bt-before{
  display:inline-block;
  width:305px;
  border:#989898 1px solid;
  color:#989898;
  font-size:19px;
  padding:5px;
  margin-top:40px;
  margin-bottom:20px;
  margin-right:150px;
  text-align:center;
  cursor:pointer;
}
.recap-bt-next{
  display: inline-block;
  width:305px;
  background-color:#9e0c92;
  color:#FFF;
  font-size:19px;
  padding:5px;
  margin-top:40px;
  margin-bottom:20px;
  text-align:center;
  cursor:pointer;
}
/*********************** FIN : RECAPITULATIF DE COMMANDE **************************/
/*********************** complément : RECAPITULATIF DE COMMANDE **************************/
.ss-total-label #info{
  font-size:11px;
  color:#000;
}

.ss-total-label #alert{
  font-size:11px;
  color:#C60000;
}
.bt-position-right{
  display:block;
  width:100%;
  text-align:right;
  font-size:12px;
  margin-top:20px;
}
.recap-bt-valadation{
  display: inline-block;
  width:305px;
  background-color:#9e0c92;
  color:#FFF;
  font-size:19px;
  padding:5px;
  margin-top:5px;
  margin-bottom:20px;
  text-align:center;
  cursor:pointer;
}
/*********************** COMMANDE FINALISEE ********************************/
.fin-commande{
  display:block;
  width:100%;
  border:solid 1px #3F3F3F;
  vertical-align:middle;
  color:#9e0c92;
  font-size:18px;
  text-transform:uppercase;
  padding-bottom:30px;
  padding-top:30px;
  margin-bottom:30px;
}
.bloc-banque{
  display:block;
  width:100%;
}
.fin-commande-texte{
  font-size:12px;
  color:#6A6A6A;
  text-align:left;
}
.fin-commande-texte a{
  font-size:12px;
  color:#6A6A6A;
  text-decoration:underline;
}
.fin-commande-texte a:hover{
  font-size:12px;
  color:#9e0c92;
  text-decoration:underline;
}

/*********************** Guides ********************************/

.guide_titre{
	margin-left:22px;
}
.guide-bloc{
  display:inline-block;
  width:47%;
  margin-left:22px;
  font-size:12px;
  color:#000;
  vertical-align:top;
  text-align:justify;
}

.guide-img{
  width:100%;
  margin-top:1%;
  margin-bottom:1%;
}

#guide-terme{
  font-size:16px;
  font-weight:bold;
  color:#666;
}
#guide-terme a{
  font-size:16px;
  font-weight:bold;
  color:#666;
}
#guide-terme a:hover{
  font-size:16px;
  font-weight:bold;
  color:#97BF3E;
}

.lexique-bandeau{
  width:100%;
  background-image:url(../img/bcg-lexique.png);
  background-repeat:repeat-x;
  background-position:top;
  text-align:center;
}
.lexique-lettre{
  width:40px;
  height:40px;
  background-image:url(../img/bcg-lettre-lexique.png);
  background-repeat:no-repeat;
  font-size:24px;
  color:#3F3F3F;
  text-transform:uppercase;
  margin-left:auto;
  margin-right:auto;
  padding-top:4px;
  padding-left:1px;
  margin-bottom:20px;
}

.coupe-bloc1 , .coupe-bloc2 , .coupe-bloc3 , .coupe-bloc4{
  display:block;
  width:788px;
  margin-left:22px;
  margin-bottom:35px;
}
.coupe-titre{
  display:block;
  width:100%;
  border-bottom-width:1px;
  border-bottom-style:solid;
  border-bottom-color:#7C7D7F;
  color:#97BF3E;
  font-weight:bold;
  text-align:left;
  margin-bottom:15px;
}
.coupe-bloc1 .textebloc , .coupe-bloc2 .textebloc{
  display:inline-block;
  width:300px;
  margin-right:15px;
  vertical-align: bottom;
}
.coupe-bloc3 .textebloc{
  display:inline-block;
  width:300px;
  margin-left:15px;
  vertical-align: bottom;
}
.coupe-bloc4 .textebloc{
  display:inline-block;
  width:380px;
  margin-right:15px;
  vertical-align: bottom;
}
.coupe-bloc1 .texte , .coupe-bloc2 .texte , .coupe-bloc3 .texte , .coupe-bloc4 .texte{
  text-align:justify;
  font-size:13px;
  margin-bottom:30px;
}
.coupe-bloc1 .imagebloc , .coupe-bloc2 .imagebloc{
  display:inline-block;
  width:469px;
  text-align:right;
}
.coupe-bloc3 .imagebloc{
  display:inline-block;
  width:469px;
  text-align:left;
}
.coupe-bloc4 .imagebloc1{
  display:inline-block;
  width:140px;
  text-align:right;
}
.coupe-bloc4 .imagebloc2{
  display:inline-block;
  width:240px;
  text-align:right;
}
.coupe-bloc1 .photo{
  display:inline-block;
  margin-left:15px;
  border:#CCC solid 1px;
  padding:0;
}
.coupe-bloc2 .photo , .coupe-bloc3 .photo , .coupe-bloc4 .photo1 , .coupe-bloc4 .photo2{
  display:inline-block;
  border:#CCC solid 1px;
  padding:0;
}
.coupe-bt{
  display:inline-block;
  width:96%; 
  border:#989898 1px solid;
  color:#989898;
  font-size:19px;
  padding:5px;
  text-align:center;
  margin-bottom:5px;
}
.entretien-bloc{
  display:block;
  margin-left:22px;
  width:788px;
  text-align:left;
  margin-bottom:40px;
}
.entretien-titre{
  display:block;
  width:100%;
  font-size:14px;
  font-weight:bold;
  text-transform:uppercase;
  color:#7C7D7F;
  margin-bottom:20px;
}
.entretien-symbole{
  display:inline-block;
  width:24%;
  text-align:center;
  font-size:10px;
  color:#7C7D7F;
  margin-top:2%;
  margin-bottom:2%;
  vertical-align:top;
}
.entretient-texte{
  display:block;
  width:100%;
  font-size:12px;
  color:#7C7D7F;
  margin-top:2%;
}
.taille-bloc{
  margin-left:22px;
  margin-bottom:80px;
}
.taille-mesure-texte{
  display:inline-block;
  text-align:left;
  width:55%;
  padding-right:2%;
  vertical-align:top;
}
.taille-mesure-image{
  display:inline-block;
  width:42%;
  vertical-align:top;
}
.calcul-bloc{
  display:inline-block;
  width:49.5%;
  text-align:left;
  vertical-align:top;
}
.calcul-ligne{
  display:block;
  margin-bottom:7px;
}
.calcul-intitule{
  display:inline-block;
  width:23%;
  color:#6A6A6A;
  font-size:11px;
}
.calcul-champs{
  display:inline-block;
  width:25%;
  margin-right:2%;
  color:#6A6A6A;
  font-size:11px;
}
.calcul-unite1{
  display:inline-block;
  width:16%;
  color:#6A6A6A;
  font-size:11px;
}
.calcul-unite2{
  display:inline-block;
  width:25%;
  color:#6A6A6A;
  font-size:11px;
}
.calcul-bt{
  display:block;
  width:98%;
  text-align:center;
  background-color:#CCCCCC;
  padding:1%;
  margin-top:15px;
}
.calcul-bt a{
  color:#3F3F3F;
}
.calcul-bt a:hover{
  color: #FFF;
}
.reponse-bloc{
  display:inline-block;
  width:47%;
  margin-left:2%;
  border:1px solid #CCCCCC;
  font-size:18px;
  color:#3F3F3F;
  padding-top:18px;
  padding-bottom:18px;
}
.reponse-bloc2{
  display:inline-block;
  width:47%;
  margin-left:2%;
  border:1px solid #CCCCCC;
  font-size:18px;
  color:#3F3F3F;
  padding-top:4px;
  padding-bottom:4px;
}
.reponse-taille{
  display:block;
  font-size:24px;
  font-weight:bold;
  color:#9e0c92;
}
/********************* shipping / conditions / ... ******************************/
.cgv-bloc{
  margin-left:22px;
  margin-bottom:55px;
  text-align:justify;
}
.cgv-image{
  width:100%;
}
.cgv-image2{
  float:left;
  width:47%;
  margin-right:1%;
}
.cgv-legend{
  text-align:center;
  font-size:11px;
  color:#7C7D7F;
  padding-bottom:10px;
}
.cgv-pays{
  margin-bottom:20px;
}
.cgv-livraison{
  display:block;
  width:100%;
  text-align:left;
  margin-top:30px;
  font-size:12px;
}
.panier-livraison-select #des2{
  display:inline-block;
  font-size:14px;
  font-weight:bold;
  text-transform:uppercase;
  width:50%;
  margin-right:5px;
}
.panier-livraison-select #prix2 {
  display:inline-block;
  width:22%;
  font-size:18px;
  font-weight:bold;
  color: #E36828;
  vertical-align: top;
  padding-top:15px;
}
.panier-livraison-select #img2{
  display:inline-block;
  padding:5px;
  width:65px;
  text-align:center;
}
.oubli-bloc{
  margin-left:22px;
  text-align:justify;
}
/********************* Contact ******************************/
.contact-bloc{
  width:600px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}
.contact-titre{
  width:100%;
  text-align:center;
}
.contact-ligne{
  display:block;
  width:300px;
  font-size:12px;
  color:#6A6A6A;
  margin-bottom:5px;
}
.contact-champs{
  display:block;
  width:300px;
  font-size:12px;
  color:#6A6A6A;
  margin-bottom:20px;
}
.contact-champs2{
  display:block;
  width:100px;
  font-size:12px;
  color:#6A6A6A;
  margin-bottom:20px;
}
.contact-contenu-mail{
  display:block;
  width:98%;
  height:250px;
  font-size:12px;
  color:#6A6A6A;
  margin-bottom:20px;
}
.code-image{
  display:block;
}
.code-champs{
	margin-left:20px;
}
.cb-libre-ligne{
  display: inline-block;
  width:30%;
  font-size:12px;
  color:#6A6A6A;
  margin-bottom:20px;
  margin-top:10px;
}
.cb-libre-input{
  display: inline-block;
  width:48%;
  font-size:12px;
  color:#6A6A6A;
  margin-bottom:5px;
}
/************************ Partenaire **************************************/
.partenaire-logo{
  display:inline-block;
  width:144px;
  height:49px;
  margin-left:22px;
  margin-top:22px;
}

/************************** Marque **********************/
.marque-def{
  margin-left:22px;
  margin-bottom:20px;
  text-align:justify;
  color:#7C7D7F;
}
.marque-logo{
  float:left;
  width:136px;
  margin-right:22px;
  margin-top:3px;
}
.marque-promo {
  width:788px;
  margin-left:22px;
  margin-bottom:30px;
}
.marque-univ {
  width:788px;
  margin-left:22px;
  margin-bottom:10px;
}
.marque-video-xxl {

  width:788px;

  margin-left:22px;

  margin-bottom:30px;

}
#lien-univ{
  display:inline-block;
  font-weight:bold;
  text-decoration:underline;
  margin-left:2px;
  margin-right:2px;
}
#lien-univ a{
  font-weight:bold;
  text-decoration:underline;
}
#lien-univ a:hover{
  font-weight:bold;
  text-decoration:underline;
  color:#9e0c92;
}
.marque-univers{
  height:25px;
  background-color:#CCCCCC;
  color:#6A6A6A;
  font-size:16px;
  text-align:center;
  padding-top:5px;
  margin-bottom:10px;
}

/************** Taille image d'illustration *************/
.marque-ligne-bloc0{
  display:block;
  width:100%;
  text-align:left;
  margin-bottom:60px;
}
.marque-ligne-bloc250{
  display:block;
  width:100%;
  text-align:left;
  min-height:250px;
  margin-bottom:60px;
}
.marque-ligne-bloc350{
  display:block;
  width:100%;
  text-align:left;
  min-height:350px;
  margin-bottom:60px;
}
.marque-ligne-bloc450{
  display:block;
  width:100%;
  text-align:left;
  min-height:450px;
  margin-bottom:60px;
}
.marque-ligne-bloc500{
  display:block;
  width:100%;
  text-align:left;
  min-height:500px;
  margin-bottom:60px;
}
.marque-ligne-bloc550{
  display:block;
  width:100%;
  text-align:left;
  min-height:500px;
  margin-bottom:60px;
}
.marque-ligne-bloc600{
  display:block;
  width:100%;
  text-align:left;
  min-height:600px;
  margin-bottom:60px;
}
.marque-ligne-bloc650{
  display:block;
  width:100%;
  text-align:left;
  min-height:600px;
  margin-bottom:60px;
}
.marque-ligne-bloc700{
  display:block;
  width:100%;
  text-align:left;
  min-height:700px;
  margin-bottom:60px;
}
.marque-ligne-bloc750{
  display:block;
  width:100%;
  text-align:left;
  min-height:750px;
  margin-bottom:60px;
}
.marque-ligne-bloc800{
  display:block;
  width:100%;
  text-align:left;
  min-height:800px;
  margin-bottom:60px;
}
.marque-ligne-bloc850{
  display:block;
  width:100%;
  text-align:left;
  min-height:850px;
  margin-bottom:60px;
}
.marque-ligne-bloc900{
  display:block;
  width:100%;
  text-align:left;
  min-height:900px;
  margin-bottom:60px;
}
.marque-ligne-bloc950{
  display:block;
  width:100%;
  text-align:left;
  min-height:950px;
  margin-bottom:60px;
}
.marque-ligne-bloc1000{
  display:block;
  width:100%;
  text-align:left;
  min-height:1000px;
  margin-bottom:60px;
}
.marque-ligne-bloc1050{
  display:block;
  width:100%;
  text-align:left;
  min-height:1050px;
  margin-bottom:60px;
}
.marque-ligne-bloc1100{
  display:block;
  width:100%;
  text-align:left;
  min-height:1100px;
  margin-bottom:60px;
}
.marque-ligne-bloc1150{
  display:block;
  width:100%;
  text-align:left;
  min-height:1150px;
  margin-bottom:60px;
}
.marque-ligne-bloc1200{
  display:block;
  width:100%;
  text-align:left;
  min-height:1200px;
  margin-bottom:60px;
}
.marque-ligne-bloc1250{
  display:block;
  width:100%;
  text-align:left;
  min-height:1250px;
  margin-bottom:60px;
}
.marque-ligne-bloc1300{
  display:block;
  width:100%;
  text-align:left;
  min-height:1300px;
  margin-bottom:60px;
}
.marque-ligne-bloc1350{
  display:block;
  width:100%;
  text-align:left;
  min-height:1350px;
  margin-bottom:60px;
}
.marque-ligne-bloc1400{
  display:block;
  width:100%;
  text-align:left;
  min-height:1400px;
  margin-bottom:60px;
}
.marque-ligne-bloc1450{
  display:block;
  width:100%;
  text-align:left;
  min-height:1450px;
  margin-bottom:60px;
}
.marque-ligne-bloc1500{
  display:block;
  width:100%;
  text-align:left;
  min-height:1500px;
  margin-bottom:60px;
}
.marque-ligne-bloc1550{
  display:block;
  width:100%;
  text-align:left;
  min-height:1550px;
  margin-bottom:60px;
}
.marque-ligne-bloc1600{
  display:block;
  width:100%;
  text-align:left;
  min-height:1600px;
  margin-bottom:60px;
}
.marque-ligne-bloc1650{
  display:block;
  width:100%;
  text-align:left;
  min-height:1650px;
  margin-bottom:60px;
}
.marque-ligne-bloc1700{
  display:block;
  width:100%;
  text-align:left;
  min-height:1700px;
  margin-bottom:60px;
}
.marque-ligne-bloc1750{
  display:block;
  width:100%;
  text-align:left;
  min-height:1750px;
  margin-bottom:60px;
}
.marque-ligne-bloc1800{
  display:block;
  width:100%;
  text-align:left;
  min-height:1800px;
  margin-bottom:60px;
}
.marque-ligne-bloc1850{
  display:block;
  width:100%;
  text-align:left;
  min-height:1850px;
  margin-bottom:60px;
}
.marque-ligne-bloc1900{
  display:block;
  width:100%;
  text-align:left;
  min-height:1900px;
  margin-bottom:60px;
}
.marque-ligne-bloc1950{
  display:block;
  width:100%;
  text-align:left;
  min-height:1950px;
  margin-bottom:60px;
}
.marque-ligne-bloc2000{
  display:block;
  width:100%;
  text-align:left;
  min-height:2000px;
  margin-bottom:60px;
}
/************** Fin : Taille image d'illustration *************/
.marque-ligne{
  display:block;
  margin-left:22px;
  font-size:14px;
  font-weight:bold;
  color:#9e0c92;
  border-bottom-color:#9e0c92;
  border-bottom-style:solid;
  border-bottom-width:2px;
  margin-bottom:20px;
  text-align:left;
  padding-bottom:2px;
}
.marque-illus{
  float:left;
  margin-left:22px;
  margin-right:24px;
  width:432px;
}
.marque-video{
  float:left;
  margin-left:22px;
  margin-right:24px;
  width:432px;
}

/*********************** Qui sommes nous? ********************************/
.nous-texte{
  margin-left:22px;
  text-align:justify;
  margin-bottom:20px;
}
/*********************** FIN : Qui sommes nous? *************************/

/********************* Page Univers ***********************************/
.univers-bloc{
  display:inline-block;
  margin-left:2.7%;
  margin-bottom:40px;
  width:47%;
}
.univers-img{
  padding:0;
  width:100%;
  display:block;
}
.univers-cat{
  display:block;
  background-color:#CCCCCC;
  width:100%;
}
.univers-cat-lien{
  display:inline-block;
  margin-left:2%;
  padding-bottom:7px;
  padding-top:4px;
}
.univers-cat-lien a{
  color:#3F3F3F;
  font-size:11px;
}
.univers-cat-lien a:hover{
  color: #000;
}

/********************* Carnet d'adresse ***********************************/
.carnet-adresse-listing{
  text-align:left;
}
.carnet-info{
  margin-left:22px;
  margin-bottom:20px;
  text-align:left;
}
.carnet-adresse{
  display:inline-block;
  width:44%;
  margin-left:2.7%;
  margin-bottom:30px;
  border-radius:10px;
  border: 2px solid #CCCCCC;
  padding-bottom:45px;
  padding-left:1%;
  padding-right:1%;
  padding-top:1%;
}
.carnet-chiffre{
  display:block;
  width:100%;
  font-size:35px;
  font-weight:bold;
  color:#CCCCCC;
  padding-left:10px;
  text-align:left;
}
.carnet-nom{
  display:block;
  width:100%;
  font-size:20px;
  font-weight:bold;
  color:#3F3F3F;
  text-align:center;
  text-transform:capitalize;
}
.carnet-lieu{
  display:block;
  width:100%;
  font-size:16px;
  font-weight:bold;
  color:#CCCCCC;
  text-align:center;
}
/************************************** AVIS CLIENT ***********************************************/
.avis-box2{
  display:block;
  width:788px;
  margin-left:22px;
  margin-bottom:20px;
  text-align:left;
  background-color:#EFEFEF;
  padding:10px;
}
.avis-date{
  display:block;
  font-size:10px;
  color:#A8A8A8;
  margin-bottom:5px;
}

/************************************** FIN : PAGE ***********************************************/

@media screen and (min-width: 64em) { /*taille écran au minimum 1024px --- Destop */

/************************************** NAVIGATION CATEGORIE DESTOP ***********************************************/
#top .nav-btn {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

#nav .close-btn {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
  
#nav ul {
    text-align: center;
    white-space: nowrap;
}

#nav li {
    display: inline-block;
}

#nav li:last-child {
    border-right: none;
}

#nav li a {
    padding: 0em 0.85714em 0.2em 0.85714em;
}
  
  
  
/************************************** NAVIGATION MARQUE DESTOP ***********************************************/  
  
#nav .bloc2 ul {
    text-align: center;
    white-space: nowrap;
}

#nav .bloc2 li {
    display: inline-block;
}

#nav .bloc2 li:last-child {
    border-right: none;
}

#nav .bloc2 li a {
    padding: 0em 0.5em 0.2em 0.5em;
}
  
/************************************** FIN : NAVIGATION DESTOP ***********************************************/
  
} /**************** ATTENTION : AUCUN ELEMENT ENTRE L'ACOLLADE ET @MEDIA SCREEN  **************************/
@media screen and (max-width: 63.9em) { /*taille écran au maximum 1024px --- Tablette */
.habillage{
  background-image: none;
}
/************************************** NAVIGATION CATEGORIE TABLETTE ***********************************************/
 
#nav {
    position: absolute;
    top: -3.3em;
    padding-top: 5.25em;
	width:100%;
	height: 1650px;
}

#nav:not(:target) {
    z-index: -1;
    height: 0;
}

#nav:target .close-btn {
    display: block;
}

#nav .close-btn {
    position: absolute;
    top: -2.53em;
	right:0em;
}
#top .nav-btn{
	z-index: -2;
}

#nav .block {
    position: relative;
    padding: 0;
	top:4.4em;
	margin-bottom:0px;
}

#nav ul {
    text-align: center;
    white-space: nowrap;
	background-color:#9e0c92;
}

#nav li {
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

#nav li:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#nav li.is-active:after {
    z-index: 50;
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: -0.03125em;
    margin-top: -0.625em;
    border-top: 0.625em transparent solid;
    border-bottom: 0.625em transparent solid;
    border-right: 0.625em white solid;
}

#nav li a {
    padding: 0.85714em 2.14286em;
}

#nav li ul {/* Sous-listes */
  position:static;
  width: 100%;
  border : none;
  background-image: none;
  padding-top:10px;
  padding-left:7px;
  padding-bottom:5px;
  background-color:#FFF;
}
#nav li ul li a /* Éléments de sous-listes */{
  padding-top:5px;
  padding-bottom:8px;
}

#nav li ul li a:hover{
  color : #9e0c92;
  background-color:#FFF;
  background-image: url(../img/sous-nav-bcg.gif);
  background-repeat:no-repeat;
}

/************************************** FIN : NAVIGATION CATEGORIE TABLETTE ***********************************************/ 
  
/************************************** NAVIGATION MARQUE TABLETTE ***********************************************/  
#nav .block2 {
  position: relative;
  padding: 0;
  top:4.4em;
}

#nav .block2 ul {
  text-align: center;
  white-space: nowrap;
  background-color: #9e0c92;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  text-transform:uppercase;
  color:#FFF;
}


#nav .block2 ul a {
  display: block;
  color: #FFFFFF;
  font-size: 0.875em;
  outline: none;
  font-weight:bold;
  padding: 0.85714em 2.14286em;
}

#nav .block2 ul a:focus, #nav .block2 ul a:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}

#nav .block2 ul.is-active a {
  color: #fff;
}

#nav .block2 li {
	display:none;
}

#nav .block2 li:last-child {
    display:none;
}

#nav .block2 li.is-active:after {
    display:none;
}

#nav .block2 li a {
	display:none;
}

#nav .block2 li a:focus, #nav .block2 li a:hover {
	display:none;
}
  
/************************************** FIN : NAVIGATION MARQUE TABLETTE ***********************************************/ 
.noel-menu{
  display: block;
}
  
/************************************** STRUCTURE SITE TABLETTE ***********************************************/
body {
  margin: 0;
  background-color:#FFF;
  background-image:url(../img/19_bgd2.jpg);
  background-repeat:repeat-x;
  font-family:Arial, Helvetica, sans-serif;
}

.background_total{
  width: 100%;
  margin-left:auto;
  margin-right:auto;
}
.page{
  display: block;
  width:809px;
  height:auto;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  position:relative;
}

.page2{
  display: block;
  width:809px;
  height:auto;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  position:relative;
}

.page_vue_2{
  display: block;
  width:809px;
  height:auto;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  position:relative;
}

.col_left{
  display:none;
}
.nl_mobile{
  display: block;
  width:100%;
  height:auto;
  border-bottom: 2px dashed #E2E1D9;
  border-top: 2px dashed #E2E1D9;
  margin-bottom:3%;
  margin-top:3%;
  padding-bottom:3%;
  padding-top:3%;
  text-align:center;
}
.titre_page{
  margin-left:0px;
}

/************************************** HEADER TABLETTE ***********************************************/

.logo_pu{
  display: block;
  border:none;
}

#top {
  z-index: 100;
  position: relative;
  color: #fff;
  height:150px;
  display: block;
}   
  
.top-bloc {
  position: relative;
  margin: 0 auto;
  max-width: 100%;
  text-align:right;
  display: block;
}

.top-plus {
  display:none;
}

.drapeau-devise{
  display:none;
}

.menu-icon{
  width:100%;
  height:100%;
  float:right;
}

.base-line{
  display:none;
}

.icon_lang-devise{
  display:inline-block;
  width:52px;
  height:55px;
  margin-right:12px;
  margin-left:35px;
  cursor:pointer;
}
/*************************************** INPUT RECHERCHE ************************************************/
.form_destop{
  display:none;
}

.form_destop input{
  display:none;
}
.form_destop button{
  display:none;
}
.form_mobile{
  width:30%;
  border:3px solid #7C7D7F;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  margin:5px 2%;
  background-image:url(../img/icon-recherche.png);
  background-position:right;
  background-repeat:no-repeat;
  display:inline-block;
  vertical-align:top;
  text-align:left;
}

.form_mobile input{
  background: #fff;
  width:70%;
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  border-radius:15px;
  border:0px solid #ccc;
  height:35px;
  padding-left:5px;
  padding-right:0px;
  color:#7C7D7F;
  display:inline-block;
}
.form_mobile button{
  cursor:pointer;
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
  border-radius:7px;
  border:0px;
  width:52px;
  height:39px;
  color:#fff;
  opacity: 0;
  display:inline-block;
  float:right;
}
/************************************** FIN : HEADER TABLETTE ***********************************************/
/************************************** pied de page ***********************************************/
.footer_info_lien a{
  font-size:14px;
  line-height:1.7em;
}
.footer_info{
  height:250px;
}

/************************************** FILTRE ET TRI : TABLETTE ***********************************************/
.option_mobile{
  width:99%;
  display:block;
  text-align:left;
  margin-bottom:20px;
  margin-left:22px;
}
.fitre_mobile{
  width : 49%;
  display:inline-block;
  background-color:#CCCCCC;
  color:#6A6A6A;
  text-align:center;
  padding-bottom:1%;
  padding-top:1%;
  cursor:pointer;
}
.fitre_mobile_bloc{
  width : 97.3%;
  display:block;
  background-color:#FFFFFF;
  border:#CCCCCC solid 1px;
  background-image: url(../img/filtre-icon.gif);
  background-repeat:no-repeat;
  background-position:23% 0%;
  padding-top:1%;
  position:absolute;
  z-index:100;
}

.fitre_mobile_select{
  width : 30%;
  display: inline-block;
  margin:1%;
}
.filtre_ok{
  float:right;
}
.tri{
  display:none;
}
.tri_mobile{
  width : 49%;
  display:inline-block;
  background-color:#CCCCCC;
  color:#6A6A6A;
  text-align:center;
  padding-bottom:1%;
  padding-top:1%;
  cursor:pointer;
}
.tri_mobile_bloc{
  width : 97.3%;
  display:block;
  background-color:#FFFFFF;
  border:#CCCCCC solid 1px;
  background-image: url(../img/filtre-icon.gif);
  background-repeat:no-repeat;
  background-position:76% 0%;
  padding-top:2%;
  padding-bottom:1.5%;
  position:absolute;
  z-index:100;
  text-align:center;
}
.tri_mobile_bloc a{
  width:35%;
  display:inline-block;
  border:#6A6A6A dashed 1px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#6A6A6A;
  margin:1%;
  padding-bottom:0.7%;
  padding-top:0.7%;
}

/*********************** CATEGORIE : TABLETTE ********************************/
.cat-info{
  width:100%;
  height:auto;
  margin-bottom:20px;
  margin-left:0px;
}
/************************* PANIER *******************************/
.panier-listing-bloc{
  display:block;
  width:100%;
  margin-top:30px;
  margin-left:0px;
  font-size:12px;
}
.panier-livraison-bloc{
  display:block;
  width:100%;
  padding-left:0px;
  text-align:left;
  margin-top:30px;
  font-size:12px;
}
.panier-bt-aide{
  display:none;
}
.panier-valider{
  display: inline-block;
  width:45%;
  background-color:#9e0c92;
  color:#FFF;
  font-size:19px;
  padding:5px;
  margin-top:40px;
  margin-bottom:20px;
}

.panier-bt-achat{
  display:inline-block;
  width:45%;
  border:#989898 1px solid;
  color:#989898;
  font-size:19px;
  padding:5px;
  margin-right:2%;
  margin-top:40px;
  margin-bottom:20px;
}
h3{
  margin:2%;
}
.corbeille{
  display:inline-block;
  width:48%;
  margin-left:1%;
  margin-bottom:20px;
}

/************************* RECAP COMMANDE *******************************/

.recap-bt-next{
  width:45%;
}
.recap-bt-before{
  width:45%;
  margin-right:6%;
}

/*********************** Guides ********************************/

.guide-bloc{
  display:inline-block;
  width:47%;
  margin-left:0px;
  margin-right:2%;
}
.guide_titre{
  margin-left:1%;
  margin-top:20px;
}

.coupe-bloc1 , .coupe-bloc2 , .coupe-bloc3 , .coupe-bloc4{
  display:block;
  width:788px;
  margin-left:1%;
  margin-bottom:25px;
}

.entretien-bloc{
  display:block;
  margin-left: auto;
  margin-right:auto;
  margin-bottom:70px;
}
.taille-bloc{
  margin-left:1%;
}

/*************************  COMPTE ********************************/
.compte-titre{
  margin-left:1%;
}
.compte-acces{
  margin-left:0px;
}
.profil_bloc{
  padding-left:1%;
  width:48.5%;
}
.commande_bloc{
  margin-left:0px;
}
.compte_nl{
  margin-left:0px;
}
.deconnexion {
  z-index:1;
}
/*********************** FIN : COMPTE ********************************/
/********************* shipping / conditions / ... ******************************/
.cgv-bloc{
  margin-left:1%;
}
.oubli-bloc{
  margin-left:1%;
  margin-right:1%;
}

/*********************** Qui sommes nous? ********************************/
.nous-texte{
  margin-left:1%;
}

/********************* Page Univers ***********************************/
.univers-bloc{
  margin-left:1%;
  margin-right:1%;
  width:48%;
}

/********************* Carnet d'adresse ***********************************/
.carnet-adresse{
  margin-left:1%;
}
/************************************** AVIS CLIENT ***********************************************/
.avis-box2{
  width:98%;
  margin-left:0;
  margin-right:0;

}


} /**************** ATTENTION : AUCUN ELEMENT ENTRE L'ACOLLADE ET @MEDIA SCREEN  **************************/
@media screen and (max-width: 51.3em) { /*taille écran au maximum 800px --- Tablette */

/************************************** STRUCTURE SITE ***********************************************/
.page{
  display: block;
  width:98%;
  height:auto;
  text-align:center;
  position:relative;
  margin:1%;
}
.page2{
  display: block;
  width:98%;
  height:auto;
  text-align:center;
  position:relative;
  margin:1%;
}
.page_vue_2{
  display: block;
  width:98%;
  height:auto;
  text-align:center;
  position:relative;
  margin:1%;
}
.encart_service{
  display:inline-block;
  margin-left:1.5%;
  margin-right:1.5%;
}
.ligne_page{
  color:#7C7D7F;
  height:1px;
  margin-bottom:20px;
  margin-left:0px;
}
.titre_page{
  margin-left:2%;
  margin-top:15px;
}

/*********************** ACCUEIL ********************************/
.diapo {
  width:100%;
  height: auto;
  margin-left:0px;
  margin-bottom:15px;
}
.recherche_3c{
  width:100%;
  height:auto;
  margin-left:0px;
  border-bottom: 1px #000 solid;
  border-top: 1px #000 solid;
  font-size:12px;
  padding-top:3%;
  padding-bottom:3%;
  text-align:left;
  margin-bottom:15px;
}

.recherche_3c_bloc{
  display:inline-table;
  width:27%;
  margin-right:1%;
  margin-left:1%;
  font-size:12px;
  color:#000;
  height:auto;
}
.espace_univers{
  width:49%;
  margin-left:0px;
}

.espace_logo{
  width:49%;
}
.logo{
  display:inline-block;
  margin-bottom:5.5%;
  width:31%;
}
.accueil_titre{
  margin-left:0px;
}
.accueil_galerie_col{
  display:inline-block;
  width:49%;
  vertical-align:top;
  margin-left:0px;
}
.accueil_galerie{
  margin:2%;
}
/*********************** CATEGORIE : TABLETTE ********************************/
.focus-succes{
  width:30%;
  display:inline-block;
}
.cat-plus{
 width:65%;
 margin-right:1.5%;
 display:inline-block;
 vertical-align:top;
}
.cat-coeur{
  display:inline-block;
  margin-bottom:20px;
}
.cat-texte{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#000;
  text-align:left;
  display:inline-block;
  width:52%;
}
.cat-img{
	display:inline-block;
	margin-right:5px;
	vertical-align:top;
}
.cat-texte #titre{
  font-size:14px;
  font-weight:bold;
  text-decoration:underline;
}
.cat-texte #prix{
  font-size:14px;
  font-weight:bold;
  color:#9e0c92;
}
.cat-bon-plan{
  display:none;
}

.cat-matiere{
  display:none;
}	
.cat-taille{
  display:none;
}
.cat-presentation{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#7C7D7F;
  text-align:justify;
  margin-bottom:20px;
}

/*.cat-bloc-promo{
  display: block;
  width:100%;
  text-align:left;
  margin-left:1.5%;
}*/
.cat-bloc-promo{
  display: none;
}
/*.cat-bloc-new{
  display: block;
  width:100%;
  text-align:left;
  margin-left:1.5%;
}*/
.cat-bloc-new{
  display: none;
}

.option_mobile{
  width:99%;
  display:block;
  text-align:left;
  margin-bottom:20px;
  margin-left:1.5%;
}
.resultat-filtre{
  width:97%;
  display:block;
  text-align:left;
  margin-left:2%;
  margin-bottom:20px;
  padding-bottom:5px;
  border-bottom-color:#000;
  border-bottom-style:solid;
  border-bottom-width:1px;
}

/******************* PRODUIT ************************/
.product-img-bloc{
  display:inline-block;
  margin-left:0px;
  width:59%;
}
.product-img{
  display:inline-block;
  width:86%;
}
.product-img-petit-bloc{
  display:inline-block;
  width:43px;
  margin-left:1%;
  vertical-align:top;
}
.product-validation-bloc{
  display:inline-block;
  vertical-align:top;
  width:38%;
  margin:0;
}
.product-validation{
  display:inline-block;
  border-left:#9e0c92 2px solid;
  width:100%;
  vertical-align:top;
  margin-left:0;
  margin-bottom:35px;
}
.product-taille{
  display:block;
  margin-left:10px;
  text-align:left;
  margin-bottom:15px;
}
.product-taille-label{
  display: inline-block;
  width:80px;
  text-align:left;
  font-size:12px;
  padding-top:3px;
  vertical-align:top;
}
.product-taille-champs{
  display: inline-block;
  width:60%;
  height:18px;
}
.product-infotaille{
  font-family:Arial, Helvetica, sans-serif;
  color:#9A9A9A;
  font-size:13px;
  font-style:italic;
}
.product-infotaille a{
  font-family:Arial, Helvetica, sans-serif;
  color:#9A9A9A;
  font-size:13px;
  font-style:italic;
}
.product-infotaille a:hover{
  text-decoration:underline;
}
.product-couleur{
  display:block;
  margin-left:10px;
  text-align:left;
  margin-bottom:15px;
  border-bottom:#D2CEC6 1px solid;
  border-top:#D2CEC6 1px solid;
  padding:3px 0;
}
.product-panier{
  display:block;
  margin-left:10px;
  margin-top:10px;
  margin-bottom:20px;
  width:96%;
  background-color:#9e0c92;
  color:#FFF;
  padding-bottom:13px;
  padding-top:13px;
}
.product-panier a , .product-panier a:hover{
  background-color:#9e0c92;
  color:#FFF;
  text-decoration:none;
}
/*********************** Taille Non Sélectionnée ********************************/
.bulle:hover span {
  display: none;
}
/*********************** Taille Non Sélectionnée ********************************/
.product-stock{
  display:block;
  margin-left:10px;
  margin-top:5px;
  width:96%;
  border:#989898 1px solid;
  color:#989898;
  font-size:19px;
}
.product-stock a , product-stock a:hover {
  color:#989898;
  font-size:19px;
  text-decoration:none;
}
.stock-15j{
  display:block;
  margin-left:10px;
  width:96%;
}

.product-shop-bloc{
  width:100%;
}
.product-shop{
  width:100%;
  border-left:#9e0c92 2px solid;
  margin-left:0px;
  margin-top:5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  padding-left:10px;
  text-align:left;
}
.product-img_illustration{
  display:none;
}

.product-info{
  width:98%;
  margin-left:1%;
  margin-bottom:1%;
  margin-top:20px;
  margin-bottom:20px;
  display:inline-block;
}

.product-descrip-bloc{
  width:100%;
  display:inline-block;
  vertical-align:top;
  padding-left:0px;
}
.product-descrip-bloc2{
  width:98%;
  padding-left:1%;
  padding-right:1%;
}
.product-descrip{
  width:100%;
  height:auto;
  display:inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
  text-align:left;
  margin-bottom:30px;
}
.product-descrip2{
  width:100%;
  padding-right:0px;
}
#blog2{
  width:100%;
}
.product-autre{
  width:98%;
  margin-left:1%;
  margin-right:1%;
  margin-bottom:35px;
  text-align:left;
}
.titre{
  display:block;
  width:100%;
  margin-left:1%;
  margin-top:5px;
}
.suggestion-titre{
  margin-left:1%;
}
.suggestion-bloc{
  border: 2px solid #E2E1D9;
  width:95%;
  text-align:left;
  margin-left:1%;
  padding-top:20px;
  margin-top:5px;
  margin-bottom:35px;
  padding-left:1%;
  padding-right:1%;
}
/*********************** RECAPITULATIF DE COMMANDE ********************************/
.bloc-paiement{
  width:100%;
  margin-left:0;
}
.bloc-facture{
  width:45.5%;
  margin-left:0;
  padding-right:4%;
}
.relais-bloc{
  display:block;
  margin-left:1%;
  width:99%;
}
.relais-adresse #adresse{
  width:25%;
  padding-right:4%;
}
.relais-adresse #cp{
  width:14%;
  padding-right:4%;
}
.relais-adresse #ville{
  width:20%;
  padding-right:4%;
}
.relais-listing-bloc{
  margin-left:1%;
  width:99%;
  display:block;
}
.cadeau-texte{
  display:block;
  width:100%;
}
.cadeau-rep{
  width:20%;
  text-align:left;
}
.position-bt{
  display:block;
  width:100%;
  margin-left:0px;
}

/*********************** Guides ********************************/
.coupe-bloc1 , .coupe-bloc2 , .coupe-bloc3 , .coupe-bloc4{
  display:block;
  width:98%;
  margin-left:1%;
  margin-bottom:25px;
}
.coupe-bloc1 .textebloc , .coupe-bloc2 .textebloc{
  display:inline-block;
  width:37%;
  margin-right:2%;
}

.coupe-bloc3 .textebloc{
  display:inline-block;
  width:37%;
  margin-left:2%;
}
.coupe-bloc4 .textebloc{
  display:inline-block;
  width:52%;
  margin-right:2%;
}
.coupe-bloc1 .texte , .coupe-bloc2 .texte , .coupe-bloc3 .texte , .coupe-bloc4 .texte{
  text-align:justify;
  font-size:13px;
  margin-bottom:20%;
}
.coupe-bloc1 .imagebloc , .coupe-bloc2 .imagebloc{
  display:inline-block;
  width:60%;
  text-align:right;
}
.coupe-bloc3 .imagebloc{
  display:inline-block;
  width:60%;
  text-align:left;
}
.coupe-bloc4 .imagebloc1{
  display:inline-block;
  width:16%;
  text-align:right;
}
.coupe-bloc4 .imagebloc2{
  display:inline-block;
  width:27.2%;
  text-align:right;
  margin-left:1%;
}
.coupe-bloc1 .photo{
  display:inline-block;
  margin-left:1%;
  margin-top:1%;
  border:#CCC solid 1px;
  padding:0;
  width:31%;
}
.coupe-bloc2 .photo , .coupe-bloc3 .photo  {
  display:inline-block;
  border:#CCC solid 1px;
  padding:0;
  width:48.5%;
}
.coupe-bloc4 .photo1 ,.coupe-bloc4 .photo2 {
  display:inline-block;
  border:#CCC solid 1px;
  padding:0;
  width:100%;
}

.entretien-bloc{
  display:block;
  width:98%;
  margin-left:1%;
  margin-right:1%;
  margin-bottom:30px;
}

.calcul-intitule{
  width:30%;
}
.calcul-champs{
  width:20%;
  margin-right:0;
}
#guide-terme{
  line-height:1.7em;
}
.calcul-bt{
  margin-bottom:15px;
}
/****************************** COMPTE *******************************/
.compte-acces{
  width:98%;
}
.compte-acces-bt{
  display: inline-block;
  margin-top:5px;
}
.commande_bloc{
  max-width:98%;
  height:150px;
  margin-left:1%;
  margin-right:1%;
  overflow-x:visible;
  overflow-y:hidden;
}
.profil_bloc{
  padding-left:1%;
  width:98%;
}
.profil_information , .profil_creation{
	height:auto;
}
.profil-bt{
  margin-top:10px;
}
.commande_tabl{
	width:2500px;
	border:solid #000 1px;
	padding-left:3px;
}
.compte_nl{
  width:98%;
  margin-left:1%;
  margin-right:1%;
}

.commande_recap{
  display: inline-block;
  width:100px;
  margin-bottom:0px;
  margin-top:0px;
}
.commande_recap1{
  display: inline-block;
  width:160px;
  padding-left:10px;
}
	
.commande_recap2{
  display: inline-block;
  width:160px;
  padding-left:10px;
}
.commande_num , .commande_exp , .commande_suivi , .commande_statut, .commande_voir  {
	display:block;
	width:100%;
	padding-left:0px;
}
.alerte_categorie{
  display:inline-block;
  width:55%;
  height:auto;
  vertical-align:top;
	}

.abonnement-bt a {
  margin: 0;
  color:#6A6A6A;
  text-decoration:underline;
}
.abonnement-bt a:hover{
  border:#9e0c92 1px solid;
  color:#9e0c92;
}
.abonnement-supp{
	width:22px;
	top:-12px;
	margin:10px;
}
.alerte-supp{
	width:22px;
	top:-12px;
	margin:10px;
}
.alerte_produit1{
	height:32px;
	margin-top:15px;
	}
	
.alerte_produit2{
	height:32px;
	padding-top:15px;
	}
	
.fidelite-bloc{
  width:100%;
  height: auto;
  border:solid #6A6A6A 1px;
  text-align: center;
}
.fidelite-info-bloc{
  width:100%;
  height:177px;
  display:block;
  background-image:url(../img/carte/bcg-carte2.png);
  background-repeat:no-repeat;
  margin-bottom:0px;
}

.fidelite-tampon-bloc{
  width:496px;
  height: auto;
  display:block;
  vertical-align:top;
  padding-top:0px;
  margin-left:auto;
  margin-right:auto;
}

.fidelite-info-perso{
  width:100%;
  text-align: center;
  padding-left:0px;
  padding-top:10px;
  padding-bottom:10px;
}
.fidelite-personne{
  display: inline-block;
}
.fidelite-info{
  display:block;
  width:100%;
  padding-left:0px;
  padding-top:0px;
}

/*************************** FIN : COMPTE **********************************/


/************************** Marque **********************/
.marque-def{
  margin-right:22px;
}
.marque-ligne{
  margin-right:22px;
}
.marque-promo {
  width:100%;
  margin-left:0px;
}
.marque-video-xxl{

  display:none;

}

/************************ Partenaire **************************************/
.partenaire-logo{
  margin-left:11px;
  margin-right:11px;
}


/*********************** Qui sommes nous? ********************************/
.nous-texte{
  margin-left:0px;
}
/********************* Carnet d'adresse ***********************************/
.carnet-adresse-listing{
  text-align: center;
}
.carnet-info{
  margin-left:1%;
  margin-bottom:20px;
  text-align:center;
}
.carnet-adresse{
  display:block;
  width:90%;
  margin-left: auto;
  margin-right:auto;
  margin-bottom:30px;
}

} /**************** ATTENTION : AUCUN ELEMENT ENTRE L'ACOLLADE ET @MEDIA SCREEN  **************************/
@media screen and (max-width: 44.5em) { /*taille écran au maximum 695px  */
/*************************************** INPUT RECHERCHE ************************************************/
.form_mobile{
  display:none;
}

.form_mobile input{
  display:none;
}
.form_mobile button{
  display:none;
}
.form_mobile2{
  width:95%;
  border:3px solid #7C7D7F;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  margin:2%;
  background-image:url(../img/icon-recherche.png);
  background-position:right;
  background-repeat:no-repeat;
  display:inline-block;
  vertical-align:top;
  text-align:left;
}

.form_mobile2 input{
  background: #fff;
  width:70%;
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  border-radius:15px;
  border:0px solid #ccc;
  height: 35px;
  padding-left:5px;
  padding-right:0px;
  color:#7C7D7F;
  display:inline-block;
}
.form_mobile2 button{
  cursor:pointer;
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
  border-radius:7px;
  border:0px;
  width:52px;
  height:39px;
  color:#fff;
  opacity: 0;
  display:inline-block;
  float:right;
}

.bloc_encart_service{
  display:none;
}

/******************* PRODUIT ************************/
.product-img-bloc{
  display:inline-block;
  margin-left:0px;
  width:470px;
  margin-bottom:20px;
}
.product-img{
  display:inline-block;
  width:400px;
}
.product-img-petit-bloc{
  display:inline-block;
  width:43px;
  margin-left:22px;
  vertical-align:top;
}
.product-img-petit{
  display:block;
  width:40px;
  height:36px;
  margin-bottom:10px;
}
.product-validation-bloc{
  display:inline-block;
  vertical-align:top;
  width:98%;
  margin:1%;
}
.product-shop-bloc{
  width:100%;
}
.product-validation{
  display: inline-block;
  border-left:none;
  width:100%;
  vertical-align:top;
  margin-left:0px;
  margin-bottom:35px;
}
.product-taille{
  display: inline-block;
  margin-left:0px;
  text-align:left;
  margin-bottom:15px;
  width:49%;
  vertical-align:top;
}
.product-taille-label{
  display: block;
  width:100%;
  text-align:left;
  font-size:12px;
  padding-top:3px;
  vertical-align:top;
}
.product-taille-champs{
  display: inline-block;
  width:100%;
  height:40px;
}
.product-infotaille{
  display:none;
}
.product-infotaille-mobile{
  display: inline-block;
  margin-left:0px;
  text-align: center;
  margin-bottom:15px;
  width:45%;
  margin-left:4%;
  margin-top:1%;
  font-family:Arial, Helvetica, sans-serif;
  color:#9A9A9A;
  font-size:13px;
  font-style:italic;
}
.product-infotaille-mobile a{
  text-align: center;
  font-family:Arial, Helvetica, sans-serif;
  color:#9A9A9A;
  font-size:13px;
  font-style:italic;
}
.product-couleur{
  display:none;
}
.product-couleur-mobile{
  display: inline-block;
  text-align: center;
  margin-bottom:15px;
  border-bottom:#D2CEC6 1px solid;
  border-top:#D2CEC6 1px solid;
  padding:3px 0;
  width:45%;
  margin-left:4%;
  margin-top:4%;
  font-family:Arial, Helvetica, sans-serif;
  color:#9A9A9A;
  font-size:13px;
  font-style:italic;
}
.product-prix{
  margin-left:0px;
}
.product-panier{
  display:block;
  margin-left:0px;
  margin-top:10px;
  margin-bottom:20px;
  width:100%;
  background-color:#9e0c92;
  color:#FFF;
  padding-bottom:13px;
  padding-top:13px;
}
.product-stock{
  display:block;
  margin-left:0px;
  width:100%;
}
.stock-15j{
  display:block;
  margin-left:0px;
  width:100%;
}
.bloc_encart_service_mobile{
	display:block;
	width:100%;
	height:auto;
	border-bottom: 2px dashed #E2E1D9;
	border-top: 2px dashed #E2E1D9;
	margin-bottom:20px;
	text-align:center;
}
.suggestion{
  display:block;
  margin-bottom:20px;
  margin-left:0px;
  text-align:left;
  width:100%;
}
.suggestion-texte{
  display:inline-block;
  width:70%;
  padding-right:10px;
}
.suggestion-img{
	display:inline-block;
	width:20%;
}
/******************* PANIER ************************/
.panier-listing-label{
  display:none;
}
.panier-listing-produit1 #des , .panier-listing-produit2 #des , .panier-listing-label #description{
  display:inline-block;
  width:60%;
}
.panier-listing-produit1 #des-favorie , .panier-listing-produit2 #des-favorie , .panier-listing-label #description-favorie{
  display:inline-block;
  width:65%;
  padding-left:2%;
}


.panier-listing-produit1 #sup-bloc , .panier-listing-produit2 #sup-bloc{
  display:inline-block;
  width:30%;
  vertical-align: bottom;
  text-align: right;
}
.ss-total-bloc{
  display:block;
  width:100%;
  padding-left:0;
}
.ss-total{
  display:inline-block;
  width:36%;
}
.panier-livraison-frais-bloc{
  display:block;
  width:96%;
  padding-left:2%;
  padding-right:2%;
}
.panier-livraison{
  display:block;
  width:95%;
}
.panier-livraison-frais-info{
  text-align:left;
  margin-right:0px;
}
/*********************** RECAPITULATIF DE COMMANDE ********************************/
.bloc-facture{
  display:block;
  width:100%;
  margin-left:0;
  padding-right:0;
  margin-bottom:20px;
}
.relais-listing-bloc #coche{
  display:inline-block;
  width:7%;
  vertical-align:middle;
}
.relais-listing-bloc #distance{
  display:inline-block;
  width:15%;
  vertical-align:middle;
}
.relais-listing-bloc #nom{
  display:block;
  width:90%;
  margin-left:7%;
}
.relais-listing-bloc #adresse{
  display:block;
  width:90%;
  margin-left:7%;
}
.relais-listing-bloc #horaire{
  display:block;
  margin-left:7%;
  width:60%;
  padding-bottom:10px;
}
.relais-listing-label{
  display: none;
}
.relais-listing-ligne1{
  display:block;
  width:100%;
  height:auto;
  background-color: #E2E2E2;
  margin-bottom:10px;
}
.relais-listing-ligne2{
  display:block;
  width:100%;
  height:auto;
  margin-bottom:10px;
}
.relais-listing-bloc #horaire #col1{
  width:49%;
  vertical-align:top;
}
.relais-listing-bloc #horaire #col2{
  width:49%;
  vertical-align:top;
}
.cadeau-message-bloc{
  display: block;
  width:100%;
  vertical-align:bottom;
}
.cadeau-image-bloc{
  display: none;
}

.recap-bt-before{
  margin-right:2%;
  margin-left:2%;
  margin-top:40px;
  margin-bottom:0px;
}

.bt-position-right{
  text-align:center;
}
.recap-bt-valadation{
  display: block;
  width:95%;
  margin-top:20px;
  margin-bottom:20px;
  margin-right:2%;
  margin-left:2%;
}
/************** Guides **********************/

.coupe-bloc1 .textebloc , .coupe-bloc2 .textebloc , .coupe-bloc3 .textebloc , .coupe-bloc4 .textebloc{
  display:block;
  width:100%;
  margin-right:0;
  margin-left:0;
}
.coupe-bloc1 .texte , .coupe-bloc2 .texte , .coupe-bloc3 .texte , .coupe-bloc4 .texte{
  text-align:justify;
  font-size:13px;
  margin-bottom:4%;
  margin-top:2%;
  margin-left:1%;
  margin-right:1%;
}
.coupe-bloc1 .imagebloc , .coupe-bloc2 .imagebloc , .coupe-bloc3 .imagebloc{
  display:block;
  width:100%;
  text-align:center;
}

.coupe-bloc4 .imagebloc1{
  display:inline-block;
  width:71.1%;
  text-align: center;
}
.coupe-bloc4 .imagebloc2{
  display:inline-block;
  width:28%;
  text-align: center;
  margin-left:0%;
}
.coupe-bloc1 .photo{
  display:inline-block;
  margin-left:1%;
  margin-top:1%;
  border:#CCC solid 1px;
  padding:0;
  width:31%;
}
.coupe-bloc2 .photo , .coupe-bloc3 .photo , .coupe-bloc4 .photo {
  display:inline-block;
  border:#CCC solid 1px;
  padding:0;
  width:48.5%;
}
.coupe-bloc4 .photo1 {
  display:inline-block;
  border:#CCC solid 1px;
  padding:0;
  width:48%;
}
.coupe-bloc4 .photo2 {
  display:inline-block;
  border:#CCC solid 1px;
  padding:0;
  width:100%;
}
.coupe-bt{
  display:inline-block;
  width:96%; 
  border:#989898 1px solid;
  color:#989898;
  font-size:19px;
  padding:5px;
  text-align:center;
}


/*************** COMPTE **************************/
.nl-reduc{
  width:65%;
  display:inline-block;
  vertical-align:top;
}
.nl-reduc-texte{
  width:75%;
  padding-top:0px;
}

/************************** Marque **********************/
.marque-def{
  margin-right:0;
  margin-left:0;
  margin-top:20px;
}
.marque-ligne{
  margin-right:0;
  margin-left:0;
}
.marque-illus{
  display:block;
  width:100%;
  margin-left:0;
  margin-right:0;
  margin-bottom:20px;
}
.marque-video{
  display:block;
  width:100%;
  margin-left:0;
  margin-right:0;
  margin-bottom:20px;
}
.marque-video-xxl{

  display:none;

}

#lien-univ{
  font-weight:bold;
  text-decoration:underline;
  margin:10px;
}
/************** Taille image d'illustration *************/
.marque-ligne-bloc0, .marque-ligne-bloc250 , .marque-ligne-bloc350, .marque-ligne-bloc450, .marque-ligne-bloc500, .marque-ligne-bloc550, .marque-ligne-bloc600, .marque-ligne-bloc650, .marque-ligne-bloc700, .marque-ligne-bloc750, .marque-ligne-bloc800, .marque-ligne-bloc1000 {
  text-align: center;
  min-height: auto;
  margin-bottom:40px;
}

/************** Fin : Taille image d'illustration *************/


/********************* Page Univers ***********************************/
.univers-cat-lien{
  display:block;
  height:30px;
  margin-left:0;
  padding-bottom:0;
  padding-top:14px;
  border-bottom:1px solid #FFF;
}
.univers-cat-lien a{
  font-size:16px;
}
/********************* Contact ******************************/
.contact-bloc{
  width:100%;
}
/******************** Vignette ********************************/
.bargain-bloc{
  display:block;
  margin-left:0px;
}
} /**************** ATTENTION : AUCUN ELEMENT ENTRE L'ACOLLADE ET @MEDIA SCREEN  **************************/
@media screen and (max-width: 33em) { /*taille écran au maximum 528px --- Mobile */
.menu-icon{
  width:100%;
  height:59px;
  float:right;
}
.icon{
  display:inline-block;
  width:12%;
  height:auto;
  margin-right:2%;
}

.icon2{
  display:inline-block;
  width:12%;
  height:auto;
  margin-left:2%;
}
.icon_lang-devise{
  display:inline-block;
  width:12%;
  height:auto;
  margin-right:2%;
  margin-left:2%;
}
.icon-texte{
  display:none;
}

.footer_info{
  display:inline-block;
  width:100%;
  height:auto;
  margin-left:0px;
  margin-right:0px;
  margin-bottom:20px;
  vertical-align:inherit;
}

.avis-box{
  display:block;
  width:98%;
  margin-left:1%;
  margin-right:1%;
}

/*********************** ACCUEIL ********************************/

.diapo {
  display:none;
}
.recherche_3c{
  width:100%;
  height:auto;
  margin-left:0px;
  border-bottom: 1px #000 solid;
  border-top: 1px #000 solid;
  font-size:12px;
  padding-top:3%;
  padding-bottom:3%;
  text-align:left;
  margin-bottom:15px;
}

.recherche_3c_bloc{
  display:inline-table;
  width:70%;
  margin-right:2%;
  margin-left:2%;
  font-size:12px;
  color:#000;
  height:auto;
}

.espace_univers{
  text-align:center;
  width:100%;
}
.marque_lien{
	margin-left:0px;
	text-align:center;
}

.espace_logo{
  width:100%;
}
.accueil_galerie_col{
  display:inline-block;
  width:95%;
  vertical-align:top;
  margin-left:0px;
}
.accueil_galerie{
  margin-bottom:20px;
}
/*********************** CATEGORIE : TABLETTE ********************************/
.focus-succes{
  display:none;
}
.cat-plus{
 width:100%;
 margin-right:0;
 display:inline-block;
 vertical-align:top;
}
.cat-presentation{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#7C7D7F;
  text-align: justify;
  margin-bottom:20px;
  margin-left:1.5%;
}
.cat-coeur{
  display:none;
}
.cat-bloc-promo{
  display: none;
}
.cat-bloc-new{
  display: none;
}
.fitre_mobile_select{
  width : 90%;
  display: block;
  margin:3%;
}

/******************* PRODUIT ************************/
.product-img-bloc{
  display:inline-block;
  margin-left:0px;
  width:100%;
}
.product-img{
  display:inline-block;
  width:80%;
}
.product-img-petit-bloc{
  display:inline-block;
  width:43px;
  margin-left:1%;
  vertical-align:top;
}
.product-favori{
  text-align:left;
  width:100%;
  display:block;
}
.product-french{
  width:100%;
  display:block;
}
.product-shop{
  padding-left:1%;
}
.product-shop a{
  width:97%;
  display:block;
  margin:0.7%;
  padding-bottom:0.7%;
  padding-top:0.7%;
  text-align:center;
}
.product-bloc-mcollection{
  width:100%;
  margin-bottom:30px;
  text-align:center;
}
.product-img-mcollection{
  display:inline-block;
  margin-left:1%;
  margin-bottom:2%;
  vertical-align:top;
  width:98%;
}

.suggestion-bloc{
  border: 2px solid #E2E1D9;
  width:95%;
  text-align:center;
  margin-left:1%;
  margin-top:5px;
  margin-bottom:35px;
  padding-top:20px;
  padding-left:1%;
  padding-right:1%;
}
.suggestion{
  display:block;
  margin-bottom:20px;
  margin-left:0px;
  text-align:left;
  width:100%;
  
}
.suggestion-texte{
  display:inline-block;
  padding-right:10px;
}
/*********************** COMPTE ********************************/
.compte-connection{
  display:block;
  width:95%;
  border:#E2E1D9 solid 2px;
  padding-right:0%;
  padding-left:0%;
  padding-bottom:5%;
  margin-bottom:5%;
  margin-top:5%;
  margin-left:2%;
  margin-right:2%;
  vertical-align:top;
}
.compte-creation{
  display:block;
  width:95%;
  border:#E2E1D9 solid 2px;
  padding-right:0%;
  padding-left:0%;
  padding-bottom:5%;
  margin-bottom:5%;
  margin-top:5%;
  margin-left:2%;
  margin-right:2%;
  vertical-align:top;
}
.compte-connection-titre{
  display:block;
  width:100%;
  border-bottom-color:#E2E1D9;
  border-bottom-style:solid;
  border-bottom-width:2px;
  color:#000;
  font-size:14px;
  text-transform:uppercase;
  margin-bottom:25px;
  padding-bottom:12px;
  padding-top:10px;
}
.compte-connection-texte{
  display:block;
  width:100%;
  height:auto;
  color:#6A6A6A;
  font-size:13px;
  text-align:left;
  padding:2%;
}
.compte-bt{
  display: block;
  width:95%;
  background-color:#9e0c92;
  color:#FFF;
  font-size:19px;
  padding-top:5px;
  padding-bottom:5px;
  margin-top:35px;
  margin-left:2%;
  margin-left:2%;
}
.compte-bt a , .compte-bt a:hover{
  background-color:#9e0c92;
  color:#FFF;
  text-decoration:none;
}
.compte_champs{
	width:65%;
}
.compte_champs input{
  width:100%;
  display:inline-block;
}
.compte_champs select{
  width:103%;
  display:inline-block;
}
.compte_civilite{
  width:32%;
}
.compte_civilite input{
  display:inline-block;
  text-align:left;
  width:auto;
}
.compte_requis{
  width:10%;
  display:block;
  padding-left:0%;
}
.nl-abonnement{
  width:100%;
  margin-bottom:10px;
  margin-top:0px;
}
.nl-reduc{
  width:100%;
}
.nl-reduc-texte{
  width:62%;
  padding-top:10px;
}
.nl-reduc-image{
  width:90px;
  display:inline-block;
  margin-right:2%;
}

.fidelite-tampon-bloc{
  width:96%;
}

/*********************** FIN : COMPTE ********************************/

/*********************** PANIER ********************************/
.panier-etap-separ{
  width:5%;
}
.panier-etap-nom{
  display:none;
}
.panier-livraison-frais-prix{
  width:10%;
}
.panier-livraison-select #des{
  width:58%;
}
.panier-bt-achat{
  display:block;
  width:95%;
  border:#989898 1px solid;
  color:#989898;
  font-size:19px;
  padding:5px;
  margin-right:2%;
  margin-left:2%;
  margin-top:40px;
  margin-bottom:0px;
}
.panier-valider{
  display: block;
  width:95%;
  background-color:#9e0c92;
  color:#FFF;
  font-size:19px;
  padding:5px;
  margin-top:20px;
  margin-bottom:20px;
  margin-right:2%;
  margin-left:2%;
}
.corbeille{
  display:block;
  width:95%;
  margin-left:2%;
  margin-right:2%;
  margin-bottom:20px;
}
/*********************** RECAPITULATIF DE COMMANDE ********************************/
.paiement-choix-info_img{
  display:inline-block;
  width:80%;
}
.facture-info span a {
  display:block;
}
.relais-adresse #adresse{
  display:block;
  width:95%;
  padding-right:0%;
  margin-left:1%;
}
.relais-adresse #cp{
  display:block;
  width:95%;
  padding-right:0%;
  margin-left:1%;
}
.relais-adresse #ville{
  display: inline-block;
  width:95%;
  padding-right:0%;
  margin-left:1%;
}
.relais-adresse #bt{
  display: block;
  width:95%;
  height:25px;
  margin-top:20px;
  margin-bottom:20px;
  margin-right:3%;
  font-size:14px;
  padding-top:10px;
  background-image:none;
  background-color:#9e0c92;
  float:none;
}
.relais-listing-bloc #horaire{
  width:90%;
}
.recap-bt-before{
  display:block;
  width:95%;
  margin-right:2%;
  margin-left:2%;
  margin-top:40px;
  margin-bottom:0px;
}
.recap-bt-next{
  display: block;
  width:95%;
  margin-top:20px;
  margin-bottom:20px;
  margin-right:2%;
  margin-left:2%;
}
/*********************** Guides ********************************/

.guide-bloc{
  display:block;
  width:100%;
  margin-left:0px;
}
.coupe-bloc1 .photo{
  width:30%;
}
.coupe-bloc4 .imagebloc1{
  width:71%;
}
.coupe-bloc4 .imagebloc2{
  width:27%;
}
.coupe-bloc4 .photo1 {
  display:inline-block;
  border:#CCC solid 1px;
  padding:0;
  width:46%;
}

.entretien-symbole{
  display: inline-block;
  width:49%;
}

.taille-mesure-texte{
  width:100%;
  padding-right:0;
}
.taille-mesure-image{
  width:100%;
  margin-top:20px;
}
.calcul-bloc{
  display:inline-block;
  width:100%;
  text-align:left;
  vertical-align:top;
}
.reponse-bloc{
  width:100%;
  margin-left:0;
  padding-top:4px;
  padding-bottom:4px;
}
.reponse-bloc2{
  width:100%;
  margin-left:0;
  padding-top:4px;
  padding-bottom:4px;
}
.reponse-taille{
  display: inline-block;
  font-size:24px;
  font-weight:bold;
  color:#9e0c92;
}
/********************* shipping / conditions / ... ******************************/
.panier-livraison-select #des2{
  width:68%;
}
.panier-livraison-select #prix2 {
  display:block;
  width:70%;
  padding-top:0px;
  margin-left:80px;
}
.cgv-image2{
	float: none;
	display:block;
	width:100%;
	margin-right:0;
}

/************************** Marque **********************/
.marque-illus{
  display:none;
}
.marque-video-xxl{

  display:none;

}

/********************* Page Univers ***********************************/
.univers-bloc{
  display:block;
  width:100%;
}
/********************* Contact ******************************/

.contact-ligne{
  width:98%;
}
.contact-champs{
  width:98%;
}
.code-champs{
  display:block;
  margin-left:0;
}
.cb-libre-ligne{
  display:block;
  width:100%;
  margin-bottom:5px;
}
.cb-libre-input{
  display:block;
  width:100%;
  margin-bottom:20px;
}
/******************** Vignette ********************************/
.bargain-ligne{
  display:inline-block;
  width:100%;
  margin-bottom:15px;
}
} /**************** ATTENTION : RIEN SOUS CETTE ACCOLLADE  **************************/