/******** Modification : 07/12/2009 par KV ********/
/******** Modification : 12/2009 par AG ********/



/******** PRINCIPALES COULEURS UTILISEES ********/
/*

bleu turquoise :#649c9c;
bleu vert : #18707c;
marron fonce: #47413b;
marron clair: #5d5651; 

*/



/**************************************************************************************************************************/
/* RESET ******************************************************************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,del, dfn, font, img, ins, kbd, 
samp, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0; padding: 0; border: 0; outline: 0;
font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

	/**** Remember to define focus styles! ****/
	:focus {outline: 0;}
	body { line-height: 1.4em; color: black; background: white; }

	/**** tables still need 'cellspacing="0"' in the markup ****/
	table { border-collapse: separate; border-spacing: 0; }
	caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
	blockquote:before, blockquote:after, q:before, q:after { content: ""; }
	blockquote, q { quotes: "" ""; }




/**************************************************************************************************************************/
/* XHTML GENERAL **********************************************************************************************************/

html { font-size: 14px; }
body { background: #f9faf2 url(/_boutiques/BENNETON//site_image/motif_bg_new.jpg) 0 0 repeat; text-align: left; font-family: "Century Gothic","Muli", Verdana, Helvetica, sans-serif; font-size: 100%; color: #55514e; }

h1, h2, h3, h4, h5, h6 { margin: 35px 0 20px; font-family: "Century Gothic","Muli", Verdana, sans-serif; }
h1 { font-size: 32px; color: #47413b; line-height:35px; font-weight:normal; margin-top:24px; }
h2 { font-size: 20px; font-weight: normal; color: #649c9c; text-transform: uppercase; line-height:24px; }
h3 { font-size: 17px; font-weight:normal; color: #5d5651; line-height:20px; }
h4 { font-size: 1em; font-weight: bold; color: #55514e; }

p { margin: 0 0 1em; }

strong { color: #18707c;}

a {	color: #2B787B; text-decoration: underline; }
a:hover { color: #3fafbf; text-decoration: underline; }

th { color: #FFF; background-color: #3d270a; line-height: 2em; padding: 3px; }
td { padding: 8px; line-height: 1.4em; }

form img {vertical-align: middle;}
input { color:#606360; font-size: 12px; margin: 4px 0; vertical-align: middle; }
select, option { color:#000; font-size: 12px; padding-left: 4px;}
textarea { color:#000; font-size: 12px; margin: 6px 0;}

input.form_image { margin: 0; } /* Supprime la marge des 4px verticaux pour les boutons */

ul.puce {margin:0; padding:0;}
.puce li {list-style-type:none; background:transparent url(/_boutiques/BENNETON//site_image/puce2.png) 0 6px no-repeat; padding:0 0 0 17px;}




/**************************************************************************************************************************/
/* CLASSES GENERALES*******************************************************************************************************/

.clearfloat { clear: both; }

.fl-droite { float: right; }
.fl-gauche { float: left; }

.droite { text-align: right; }
.gauche { text-align: left; }
.centre { text-align: center; }

.txt-italique { font-style: italic; }
.nobr { white-space: nowrap; }
.overflow-hide { overflow: hidden; height: 1%; }
.nodisplay { display: none; }

.pad_contenu {padding:0 20px 0 47px;}

.pasgras strong {font-weight:bold; color: #55514e;}



/**************************************************************************************************************************/
/* STRUCTURE / ARMATURE ***************************************************************************************************/

#enveloppe-page { width: 1024px; margin: auto; }
	
	
	/**** Entete ****/
	#en-tete { position: relative; display: block; width:1024px; height:158px; }	
		a#logo { position:absolute; top:20px; left:14px; display:block; }
		.flags {position:absolute; top:10px; right:7px; z-index:200; }

			.flags a{margin: 20px 0 0; color: #fff;}
			.flags span {margin:0 10px; color: #fff;}
			.flags img {margin:10px 20px 0 0;}
			
			#elem_panier { background:transparent url(/_boutiques/BENNETON//site_image/icone_panier.png) 0 0 no-repeat;background-position: 15px center;}
			#elem_panier a{ padding-left: 15px; }
			#elem_selection a { margin: 58px 0 0; display:inline; float:right; width:106px; height:19px; color:#f5e9e1; text-decoration:none;}
				#elem_selection a:hover, #elem_compte a:hover {text-decoration:underline; background-position:left bottom; color:#FFF;}
				#elem_selection a strong, #elem_compte a strong {color:#f5e9e1; font-weight:normal; text-transform:uppercase;}
			#elem_compte a { margin: 58px 0 0; display:inline; float:right; width:103px; height:19px;  color:#f5e9e1; text-decoration:none;}
				#elem_rechercher input { border: none; border-color: transparent; display: inline; margin: 0; background:none; padding:0 ; }
				#elem_rechercher .form_champ { height:34px; padding: 0 0 0 10px; float: left;  background-color: #D3E7E8;width: 76%; color:#1C5860;  font-size:13px;}
				#elem_rechercher .form_img { height:34px; width:34px; float: left; background-color: #fff ; background-image: url(/_boutiques/BENNETON//site_image/icone_loupe.png); background-repeat: no-repeat; background-position: center center; background-size: 80% 80%; cursor: pointer;}
		#menu_site {clear:both; width:75%; height:42px; margin:24px 0 0 25%;}
			#menu_site ul {margin:0; padding:0;}
				#menu_site li {list-style-type:none; float:left; display:block; height:42px; width:16%; margin:0 0 0 5px; display:block; text-align:center; vertical-align:middle;}
				#menu_site li  a { border: solid 2px #fff; height:37px; line-height:37px; overflow:hidden; padding:5px 5px 0; display:block; background:#fff; color:#1C5860;  font-size:12px; line-height:15px; text-transform:uppercase; text-decoration:none; }
				#menu_site li.simple  a { height:30px; line-height:32px; overflow:hidden; padding:12px 5px 0; display:block; background:#fff; color:#1C5860;  font-size:12px; line-height:15px; text-transform:uppercase; text-decoration:none; }
				#menu_site li  a:hover, #menu_site li  a.active{display:block; text-align:center; background:#f9faf2; color:#3d270a; font-size:12px; line-height:15px; text-transform:uppercase; text-decoration:none; }
				#menu_site li.boutique a {background:#1C5860; color:#fff; border:solid 2px #fff;}
				#menu_site li.boutique a:hover, #menu_site li.boutique a.active {background:#f9faf2 ; color:#1C5860;}
			
	
	
	/**** Page et colonnes ****/
	
		/* Conteneur */
		#conteneur { position: relative; display: block;  }
		#conteneur-interne { display: block; overflow: hidden; padding: 3px 0; /* background:#f9faf2 url(/_boutiques/BENNETON//site_image/px_colg.gif) 0 0 repeat-y; */ }
		
		/* Colonnes */
		
		#col-d { background: none; float: right; position: relative; display:  none; width: 160px; right: 0; margin: 0; padding: 0; }
			/* Resolution bug des 3px ss IE6 */ * html #col-d { margin: 0 auto 0 -3px;}
		
		#col-g_home {width:25%; float:left; text-align:center; background:#FFF; margin-top: 5px;}
		#col-g, #col-g_b {width:25%; float:left; text-align:center; margin:0; padding:0; background-color: #fff; margin-top: 5px; }
			#col-g_b { /*text-align:left;*/ display:none;}
		#col-g_home {display:none; height:400.8px;}
		.rs_index #col-g, .rs_commande #col-g, .rs_recap-commande #col-g, .rs_choix-paiement #col-g {display:none;}
		.rs_index #col-g_home {display:block;}
		.rs_boutique #col-g_b, .rs_categorie_x6 #col-g_b, .rs_categorie #col-g_b, .rs_ficheproduit #col-g_b {display:block;}
		
		
		/* Colonne du tunnel de commande */		
		#col-commande, .rs_panier #col-d, .rs_commande #col-d, .rs_recap-commande #col-d, .rs_choix-paiement #col-d { display: none; }
		
		.rs_commande #col-commande, .rs_recap-commande #col-commande, .rs_choix-paiement #col-commande {
			display: block;
			float: left;
			width: 25%;
			margin:5px auto 0;
			background-color: #fff;
			box-sizing: border-box;
			padding: 10px;
		}
		
		#col-commande h2 { 
			color: #2B787B;
		    font-size: 14px;
		    line-height: 16px;
		    margin: 0 0 6px;
		    text-transform: uppercase; 
		    text-align:center;
		}
		#col-commande .encart-dynamique {padding: 33px 15px 9px; }
		
		/* Colonne des news */	
		#col-news {
			float: right;
			margin:5px 0 0 5px;
			width: 24.5%;
			background-color: #fff;
			box-sizing: border-box;
			padding:10px;
		}
		
		/* Colonne du blog */	
		#col-blog {
			float: right;
			margin: 0 10px 0 0;
			width: 180px;
		}
		
		/* Pages */
		#contenu-principal { position: relative; display: block; height: 1%; background: #fff; padding: 8px 5px 20px; overflow: hidden; margin: 5px 0 0 5px; float:left; width: 74.5%; box-sizing: border-box;}

		.rs_index #contenu-principal {padding:0; background: transparent; width: 74.5%;}
		
		.rs_news #contenu-principal{ width: 49.5%; }

		.rs_boutique #contenu-principal, .rs_categorie_x6 #contenu-principal, .rs_categorie #contenu-principal, .rs_fiche-produit #contenu-principal {padding: 8px 7px 20px 11px;}
		.rs_panier #contenu-principal, .rs_commande #contenu-principal, .rs_recap-commande #contenu-principal, .rs_choix-paiement #contenu-principal {padding:8px 20px 20px;}
		
	
	/**** Pied de page ****/
	
	#footer{ color: #f3f5e6; display: block; font-size: 12px; margin: 14px 0 1em 0; text-align:center; color:#0b0603;}
	/* .rs_index  #footer {display:none;} */
	#pied-page_boutique {display:none;}
	#pied-page a { color: #f3f5e6; }
		#pied-page a:hover {text-decoration:none;}
		
		.colonne h2 {
			font-size: 14px;
			margin: 0 0 8px;
			color:#2b787b;
			text-transform:uppercase;
		}
			
		#pub_rs { color: #f3f5e6; clear: both; font-size: 11px; margin: 0; text-align: center; }
			#pub_rs a { color: #f3f5e6; font-size:11px; }
    
	#footer_home {margin:27px 5px 14px; text-align:center; color:#f3f5e6; font-size:14px; line-height:18px; font-family: 'Cardo', serif;}
		#footer_home strong {color:#f3f5e6;}
	/**** Breadcrumb ****/
  
	.breadcrumb { color: #38322e; font-size: 11px; margin:0 0 4px; }
		.breadcrumb a { color: #2B787B; }
		.breadcrumb a:hover { color: #3fafbf; }
		.breadcrumb .breadcrumb_sep { } /* Le separateur du breadcrumb */


	/**** Autres elements et blocs ****/
	
	
	 #elem_blog {
	 display: inline;
	  float: right;
	  margin: 42px 10px 0.5em;
	  position: relative;
	  clear: right;
	  width: 11.43em;
	}
	
	 #elem_blog a {
	  color: #fff;
	  display: block;
	  padding: 0.5em;
	}
	
	 #elem_blog a:hover {
	  text-decoration: none;
	}
	
	#elem_blog strong {
	  color: #2d2b2b;
	  text-transform: uppercase;
	}
	
	#elem_menu {
	  background: #c8e3e0;
	  margin: 0 0 0.5em 0;
  }
  .encart-dynamique {
	  
	  margin: 0 0 0.5em 0;
  }
  
  .premier-encart em { font-size: 12px; color: #18707C; font-style: normal; font-weight: bold; }
  #col-commande .premier-encart {padding-top:0;}
  
	.encart-dynamique { }
		.encart-dynamique h2 { color: #2B787B;
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 6px;
    text-transform: uppercase;}
		.encart-dynamique h2 a {color:#fffdf1;}
	.banniere { padding: 0;}
  
  
	
	 #elem_newsletter form {
	  background: #fff;
	  border: 1px solid #85ABA7;
	  margin: 0 10px;
	}
	
	* html #elem_newsletter form {
	  display: inline;
	  width: 140px;
  }
  
  #elem_newsletter form {
    margin: 0;
	  width: 200px;
  }
	
	 #elem_newsletter input {
	   border: none;
	   border-color: transparent; /* pour IE */
	   display: inline;
	   margin: 0;
	   padding: 3px 0;
	 }
	
	 
	 #elem_newsletter .form_champ { padding-left: 0.3em; width: 168px;}
	 #elem_newsletter .form_img { background: #fff;}
	 
	
	.bloc_dynamique {color:#3d270a; line-height:15px; background:transparent url(/_boutiques/BENNETON//site_image/new_separateur.png) center top no-repeat; padding:33px 15px 9px; margin:9px 0 0; font-size:12px;}
		.bloc_dynamique h2 {line-height:16px; margin-top:0;}
		.bloc_dynamique h3 {margin-top:0; line-height:15px; font-size:12px;}
		.bloc_dynamique a {text-decoration:underline; color:#3d270a;}
		.bloc_dynamique a:hover {text-decoration:none;}
		.bloc_dynamique p {margin:0;}
	
	#menu_rayon {margin:15px 0 0; padding:0 15px 0;}
		#menu_rayon h2 {margin-top:0;}
		#menu_rayon ul {margin:0; padding:0;}
			#menu_rayon li {list-style-type:none; padding:0; margin:0; font-size:12px; }
			#menu_rayon a.niv1 {  display: block; text-decoration: underline; background:transparent url(/_boutiques/BENNETON//site_image/puce1.png) 0 6px no-repeat; padding:0 0 0 17px; margin:0; }
			#menu_rayon li.active .niv1  { font-weight:bold; color:#59463a; text-decoration:none; margin:0;}
			#menu_rayon a.niv1:hover { color:#59463a;}
	
			.ss_cat_menu {  margin:-7px 0 5px 25px; }
			.ss_cat_menu ul {font-size:13px; margin:0 0 10px 0; padding:0; line-height:18px;}
			.ss_cat_menu li {list-style-type:none; }
			.ss_cat_menu a.niv2 { background: transparent url(/_boutiques/BENNETON//site_image/puce2.png) 0 6px no-repeat;  padding:0 0 0 17px;}
			.ss_cat_menu li.active a  { background: transparent url(/_boutiques/BENNETON//site_image/puce2.png) 0 6px no-repeat; text-decoration:none; color:#59463a; font-weight:bold; }
			.ss_cat_menu a.niv2:hover { text-decoration:none; color:#59463a; text-decoration:underline; }
			
		
	/* Menu de base */
	
	.menu-base {
		padding: 4px;
	}
	
	.menu-base ul {
		font-size: 0.93em;
		margin: 0;
		padding: 0;
	} 
	
	.menu-base li {
		list-style-type:none; padding:0; margin:0;
	}
  
	.menu-base a {
		color: #2d2b2b;
		display: block;
		height: 1%; /* pour IE6 */
		padding: 3px 3px 3px 6px;
		text-decoration: none;
	}
		
	.menu-base a:hover, .menu-base li.select a {
	text-decoration:underline;
	}
	
	#elem_newsletter { }
	
	.fleche-gauche, .fleche-droite {
		margin-top: 40px;
		overflow: hidden;
		text-align: center;
	}
	
	.fleche-gauche a, 
	.fleche-droite a { }
	
	
	
	.fleche-gauche img, 
	.fleche-droite img { position: relative; top: 35%; }
	
	.fleche-gauche { float: left; }
	.fleche-droite { float: right; }
	
	
	/** Articles consultes **/
	#histo-home {margin:70px 0 25px;}
	
	#bloc-histo { position: relative; background:#eeede4; height:122px; padding:0 26px; }
			
	#historique {
		height: 122px;
		margin: 0 auto;
		overflow: hidden;
		position: relative;
		width:582px;
	}
				
	
		#historique .bloc-visuel { height: 102px; width: 170px; border:#f9faf2 solid 2px; margin: 8px 0 0 30px; display:inline; float:left; }
			#historique .bloc-visuel  a { display:block; height: 102px; width: 170px; }
	
	#histo-slide {
		margin: 0;
		padding: 0;
		position: absolute;
		width: 2190px;
	}

	/**** Classes recurentes - Blocs ****/
	
	.bloc_xs { width: 160px; margin: 3px auto; }
	.bloc_s { width: 400px; margin: 3px auto; }
	.bloc_m { width: 480px; margin: 3px auto; }
	.bloc_l { width: 620px; margin: 3px auto; }
	
	.bloc_100 { width: 100%; }
	
	.i-frame { background: #FFF; padding: 4px 8px; }
		.i-frame form input { margin: 3px 0 10px 0; }
		.i-frame p { margin: 0; }
	
	.box-img { }
	
	.bordure_image { border: 3px double #bbb; }
	.legende_photo { display: block; text-align: center; }
	
	
	/**** Alertes ****/
	
	.bloc_info-brute, 
	.bloc_info-importante, 
	.bloc_info, 
	.bloc_alerte {
		color: #000;
		line-height: 1.5em;
		min-height: 50px;
		padding: 16px 16px 16px 82px;	  
	}
	.bloc_info-brute { background: #e8f2f2; padding: 16px; }
	.bloc_info { background: #e8f2f2 url(/_boutiques/BENNETON//site_image/rs_info-vert.png) no-repeat 16px 16px; }
	.bloc_info-importante { background: #ebcccc url(/_boutiques/BENNETON//site_image/rs_info-rouge.png) no-repeat 16px 16px; }
	.bloc_alerte { background: #ebcccc url(/_boutiques/BENNETON//site_image/rs_info-alerte.png) no-repeat 16px 16px; }
	
	.alerte_erreur { color: #FF0000; font-weight: bold; }
	.alerte_info { color: #009933; font-weight: bold; }
		
		
	/**** formulaire general d'avis (page avis.htm, ami.htm, avis_derniers.htm, avis_du_client.htm) ****/
	
  .form-avis {
    margin: 0 auto 3em; /* centre le formulaire */
    width: 30em; /* determiner une largeur pour le formulaire */
  }
  
  .form-avis fieldset {
    background: #ddedec;
    border: none;
    padding: 1em 0 1em 4%; /* la marge droite de 4% est importante */
  }

  .form-avis h3 { margin-bottom: 0.5em;}

  .form-avis h4 {
    float: left;
    margin: 1em 0 0.5em;
    width: 100%;
  }

  .form-avis label {
    display: block;
    margin: 0 0 0.3em;
  }

  .form-avis p {
    float: left;
    margin: 0 0 1em;
    width: 49.94%;
  }

  .form-avis p input {
    border: 1px solid #ccc;
    padding: 0.3em 0;
    margin: 0 0 1.5em;
    text-indent: 4px; /* fonctionne partiellement sous IE mais ok */
    width: 90%;
  }
  
  .form-avis textarea {
    border: 1px solid #ccc;
    display: block;
    margin: 0;
    padding: 0;
    width: 95%;
  }

  p.form-note {
    float: none;
    margin: 0.5em 0;
    width: 95%;
  }

  .form-avis .bouton { margin: 0.75em 5% 0.75em 0;} /* la marge droite de 5% est importante */
  
  /*** formulaire general avec label et input sur 1 ligne ***/

  .form-inline {
    margin: 0 auto 3em; /* centre le formulaire */
    width: 35em; /* determiner une largeur pour le formulaire */
  }

  .form-inline h3 { margin-bottom: 0.3em;}
  
  .form-inline fieldset {
    background: none;
    border: none;
    margin: 0 0 20px 0;
    padding: 0;
	font-size:12px;
  }

  .form-inline label {
    display: block;
    float: left;
    margin: 0;
    padding: 0 1% 0 0;
    text-align: right;
    width: 40%;
  }

  .form-inline fieldset p {
    background: #eeede4;
    clear: both;
    height: 1%;
    line-height: 1.8em; /* determiner une hauteur de base */
    margin: 0;
    overflow: hidden;
    padding: 0.5em 0; /* espacement entre les champs */
  }
  
  .form-inline p.optionnel {
    border-bottom: 1px solid #eee; 
  }

    .form-inline p input, .form-inline textarea { 
      border: 1px solid #ccc;
      float: left;
      padding: 0.3em 0;
      margin: 0;
      text-indent: 4px; /* fonctionne partiellement sous IE mais ok */
      width: 40%;
	  font-size:12px;
    }
	
	.form-inline textarea  {padding-left:3px;}

    .form-inline p.form-checkbox input {
      border: none;
      height: 1.8em; /* hauteur de .form-inline */
      margin: 0 1% 0 41%;
      vertical-align: bottom;
      width: auto;
    }
	
	.form-inline p.form-checkbox input.caseacocher {
      border: none;
      height: 1.8em; /* hauteur de .form-inline */
      margin: 0 1% 0 10px;
      vertical-align: bottom;
      width: auto;
    }
    
    label.nostyle {
      float: none;
      margin: 0;
      text-align: left;
      width: auto;
    }

  .form-inline textarea {
    text-indent: 0;
  }                    

  .form-inline .bouton {
    border: none;
    margin: 0.5em 8% 0 0;
    width: auto;
  }
  
  /*** formulaire de la page newsletter.htm ***/
  
  #form-newsletter {
    margin: 0 auto 3em; /* centre le formulaire */
    width: 30em; /* determiner une largeur pour le formulaire */
  }
  
  #form-newsletter fieldset {
    background: #ddedec;
    border: none;
    padding: 1em 0 1em 4%; /* la marge droite de 4% est importante */
  }

  #form-newsletter label {
    display: block;
    margin: 0 0 0.3em;
  }

  #form-newsletter p {
    margin: 0 0 0.5em;
    width: 95%;
  }
  
  #form-newsletter p.separateur {
    border-top: 1px solid #fff;
    padding-top: 0.5em;
  }

  #form-newsletter p input.champ {
    border: 1px solid #ccc;
    padding: 0.3em 0;
    margin: 0 0 0.5em;
    text-indent: 4px; /* fonctionne partiellement sous IE mais ok */
    width: 100%;
  }
  
  #form-newsletter span {
  	display: inline-block;
  	width: 48%;
  }
  
  #form-newsletter .bouton { margin: 0.75em 5% 0.75em 0;} /* la marge droite de 5% est importante */




/**************************************************************************************************************************/
/* PAGES ******************************************************************************************************************/

	/**** Home ****/
		
	.txt-home {
		font-size: 12px;
	  line-height:14px;
	  overflow: hidden;
	  color:#3d270a;
	  margin-top:10px;
		padding: 0 10px;
	   
	}
	.txt-home h2, .txt-home h1 { font-size: 14px;
			margin: 0 0 6px;
			color:#2b787b;
			line-height:16px;
			text-transform:uppercase; }
	
	
	.txt-home p {margin:0; overflow:hidden;}
	
	#news-home {
		width:201px;
		 padding:28px 0 0;
		 margin:20px 15px 15px 15px;
	}
		#news-home img.news-img {
			height: 86px;
			position: relative;
			width: 177px;
			margin:0 0 10px;
		}
		
		#news-home h2 {
			font-size: 14px;
		}
		
		#news-home h3 {
			font-size: 12px;
			margin: 0 0 5px;
		}
		
		#news-home .actu {
			max-height: 75px;
			overflow: hidden;
			position: relative;
		}
		* html #news-home p { height: 5.52em; }
		
		#news-home span.ellipse {
			bottom: 0;
			position: absolute;
			right: 0;
		}
		
	#coupsdecoeur {  }
	
	#carrousel { position: relative; width: 712px; height: 377px; overflow: hidden; z-index: 2;}
    #carrousel p { margin: 0; padding: 0; }
    #content_carrousel { width: 712px; height: 377px; overflow: hidden; }
    #liens_carrousel { position: absolute; right: 0; top: 0; width: 260px; padding:0 0 0 45px; z-index: 2100; }
		#liens_carrousel ul { list-style: none; margin: 0; padding: 0; }
		#liens_carrousel li { margin: 0; padding: 0; }
        #liens_carrousel a {cursor:pointer;  position: relative; float: right;  width:305px; background: transparent url(/_boutiques/BENNETON//site_image/fleche_carrousel_off.png) 0 0 no-repeat; text-decoration: none; color: #57cfdd; height: 92px; display: block; margin-bottom:3px; }
        #liens_carrousel .active a { text-decoration: none; width: 305px; height: 92px; border: 0; background: transparent url(/_boutiques/BENNETON//site_image/fleche_carrousel.png) left top no-repeat;}
    #img_carrousel {  }
	#content_carrousel a img { vertical-align: bottom; }
	#content_carrousel dl { margin: 0; padding: 0; }
	#content_carrousel dt { display: none; position:relative;  }
	#content_carrousel dd { margin: 0; padding: 0; position: absolute; width: 440px; height: 377px; background: #fff; overflow: hidden; display: block; }
		.carrousel_lien { color: #5fb15a; font-size: 12px; line-height:14px; font-weight:bold; color:#336063; position:absolute; bottom:10px; right:10px; text-align:right; width:245px; height:14px; overflow:hidden; }
		.active .carrousel_lien, 
		#liens_carrousel a:hover .carrousel_lien {text-decoration:underline; }
		.carrousel_titre { color: #3d270a; font-size: 15px; position: absolute; top: 8px; left: 45px; width: 250px; height:18px; overflow:hidden; line-height: 18px;  text-transform:uppercase; }
		.active .carrousel_titre, 
		#liens_carrousel a:hover .carrousel_titre {color: #f9faf2;}
		.carrousel_desc { color: #f9faf2; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 15px; height:30px; overflow:hidden;  position: absolute; top: 29px; left: 45px; width: 250px; }
		.active .carrousel_desc, 
		#liens_carrousel a:hover .carrousel_desc { color: #f9faf2; }

	
	#carrousel_pw { position: relative; width: 700px; height: 156px; overflow: hidden; margin: 0;  }
    #carrousel_pw p { margin: 0; padding: 0; }
    #content_carrousel_pw { }
    #liens_carrousel_pw { position: absolute; right: 15px; bottom: 10px; display:none; }
        #liens_carrousel_pw a { float: left; margin: 0 0 0 3px; display: block; border: 1px solid #57cfdd; background: #fff; text-decoration: none; color: #57cfdd; height: 1.5em; width: 1.5em; line-height: 1.5em; text-align: center; }
        #liens_carrousel_pw a.actif,
        #liens_carrousel_pw a:hover { background: #57cfdd; color: #fff; text-decoration: none; }
    #img_carrousel_pw{ display: none; }
	
	
	
	/**** Home Boutique ****/
	
	.rs_boutique h1 {margin-top:6px;}
	#carrousel_boutique {width: 692px; height: 218px;}
		#carrousel_boutique p { margin: 0; padding: 0; }
			#content_carrousel_b { width:692px; height:220px; position:relative;}
			#content_carrousel_b ul  {margin:0; padding:0; }
			#content_carrousel_b ul li {list-style-type:none; position:absolute; top:0; left:0; width: 692px; height: 218px; background:#12636b;  color:#FFF;}
			#content_carrousel_b ul li p, #content_carrousel_b ul li h2 { overflow:hidden; margin:0; width:210px; padding:15px; color:#FFF;  text-transform:none; font-size:17px;line-height:19px;}
				#content_carrousel_b ul li h2 { height:34px; }
				#content_carrousel_b ul li p { height:100px; }
			#content_carrousel_b ul li img, .carrousel_img_b { display:block; width:452px; height:218px; overflow:hidden; float:right; }
			#liens_carrousel_b { position: absolute; left: 12px; bottom: 9px; }
				#liens_carrousel_b a { float: left; margin: 0 0 0 3px; display: none; background: #fff; text-decoration: none; color: #000; height: 22px; width: 17px; line-height: 1.5em; text-align: center; }
				#liens_carrousel_b a.actif,
				#liens_carrousel_b a:hover { background: #ffb533; color: #000; text-decoration: none; }
			#img_carrousel_b { display: none; }
	
	/**** Categories ****/
	
	.texte-rayon { margin: 0 0 15px; line-height:18px; height:72px; overflow:hidden; }
	
	.syspage  {
		background: #12636b;
		line-height: 1.5em;
		margin: 0 10px 10px 0;
		overflow: hidden;
		padding: 5px;
	}
		.syspage .syspage_prev, 
		.syspage .syspage_next { display: none;}
		.syspage strong, 
		.syspage_num {
			display: inline-block;
			font-weight: bold;
			height: 1.5em;
			text-align: center;
			width: 1.5em;
		}
		
		.syspage strong { background: #649c9c; color: #FFF;}
		.syspage_num { color: #FFF;}
		
		.syspage em { color: #FFF; font-size: 0.86em; font-style: normal; padding: 0 1em; }
		
		.syspage img, 
		.syspage .pages { float: left; margin: 0 4px; }
		.syspage img { display: none; } /* desactivees pour le defaut */
		
		.syspage a { color: #FFF; }
		.syspage a:hover {  }
	
	#bloc_prd {}
	#bloc_prd_col {margin:0 0 5px;}
		#bloc_prd_col .titre {margin:0 0 16px; font-size:14px;}
		#bloc_prd a, #bloc_prd_col a {display:block;}
	
	.liste-produit, .liste-produit_col {
		margin: 0;
		overflow: hidden;
		padding: 0;
		position: relative;
	}
		
	.bloc-produit {
		display: inline;
		float: left;
		font-size: 14px;
		margin: 10px 0 30px 40px;
		position:relative;
	}
	
	.bloc-produit_col {
		display: inline;
		float: left;
		font-size: 14px;
		margin: 0 0 10px;
		position:relative;
	}
	
		.bloc-produit h2, .bloc-produit_col h2 {
			font-size: 1em;
			font-weight: bold;
			margin: 0;
			text-transform: none;
		}
		.bloc-produit a, .bloc-produit_col a { color: #4d8a84; }
		.bloc-produit em, 
		.bloc-produit strong, .bloc-produit_col em, .bloc-produit_col strong { color: #f43555; }
		
	.bp-image {
		background: #fff;
		height: 120px;
		position: relative;
		text-align: center;
		width: 200px;
	}
	
	.info-produit {
		height: 38px;
		width:180px;
		overflow: hidden;
		padding: 5px 10px;
		display:none;
		position:absolute;
		left: 0;
		bottom:0;
		background:#12636b;
	}
		.info-produit h2 { margin-top: 0; font-size:14px; line-height:18px; height:36px; font-weight:normal; }
			.info-produit h2 a {color:#FFF; text-decoration:none;}
			
		.info-produit p { margin: 0; }
	
	#bloc_prd  .hover  .info-produit, #bloc_prd_col  .hover  .info-produit {display:block;}
	
	/**** Categories x6 ****/
	
	.rs_categorie_x6 h1, .rs_categorie h1 {margin:6px 0 11px;}
	ul#liste-rayon   {margin: 0; overflow: hidden; padding: 0; position: relative; width: 692px;}
		#liste-rayon li {list-style-type:none; padding:0; margin:13px 0 0 10px;}
	
	.bloc-rayon a {display:block;}
	
	.bloc-rayon {
		display: inline;
		float: left;
		overflow: hidden;
		width: 165px;
	}
	
	.bg_rayon {background:#12636b;}
		.bloc-rayon h2 {
			font-size: 14px;
			line-height:19px;
			overflow:hidden;
			height: 40px;
			margin: 0;
			padding:5px;
			text-align: center;
			text-transform: none;
			
		}
			.bloc-rayon h2 a { color: #FFF; text-decoration:none; display:block; }
			.hover .bloc_conteneur_hover .bg_rayon h2,
			.hover .bloc_conteneur_hover .bg_rayon h2 a,
			.bloc-rayon h2 a:hover { color:#12636b; text-decoration:none;}
		
		.bloc-rayon .bloc_visuel {width:165px; height:100px; overflow:hidden;}
		
		.bloc-rayon img {width:165px; display:block;}
		
	#bloc_rayon_prd .bloc_conteneur_hover a, 
	#bloc_prd_b .bloc_conteneur_hover a  {display:block;}
		#bloc_rayon_prd .hover .bloc_conteneur_hover .bg_rayon, 
		#bloc_prd_b .hover .bloc_conteneur_hover .bg_rayon { background:#F9FAF2;  }
		

	
	/**** Fiches produits ****/
	
	.btn_favoris {margin:5px 0 0 10px; float:right;}
	
	h1.fp {margin-top:6px;}
	
	h2.titre {font-size:17px; margin:24px 0 10px;}
	h3.titre {text-transform:uppercase; margin-top:30px;}
	
	#bloc-img-produit { float: left; width: 400px; margin-right:10px; margin-bottom: 24px; }
		#bloc-img-produit a {display:block;}
		
	#detail-produit {width:270px; float:right; margin-right:7px; margin-bottom: 24px; }
		#description_courte {height:84px; margin:0 0 20px; line-height:21px; overflow:hidden; font-size:15px; }
		.presse_picto {float:right; margin-left:10px;}
		#bloc-achat { background:transparent url(/_boutiques/BENNETON//site_image/bg_bloc_achat.png) 0 0 no-repeat; width:251px; height:117px; overflow:hidden; padding:10px; }
			#bloc-achat form { width: 100%; }
			* html #bloc-achat form { width: 99%; }
			#bloc-achat label { display: inline-block; padding: 0; width: 35px; }
			#bloc-achat label.emballage { display: inline-block; width:225px;font-size:11px;  padding:2px 0 0 5px;}
				.prix { color: #00747b; float: right; font-size: 20px; text-align: right; line-height:20px;  float:right; }
					.prix strong { color: #00747b;}
					.prix del { color: #3d270a; font-size: 12px; font-weight: normal; }
				.quantite { width: 2em; }
				.selecteurs-produit { height:41px;}
					select.selectSousProduit {width:150px; font-size:12px; height:20px; margin-top:4px;}
				#emballage_prestige {margin:10px 0 0 5px; color:#000000;}
					#emballage_prestige input {float:left; display:inline;}
					#emballage_prestige  a {color:#000000;}
					
		.papeterie-perso { }
			.papeterie-perso .prix,
			.papeterie-perso .selecteurs-produit,
			.papeterie-perso #emballage_prestige { display: none; }
			.papeterie-perso .boutons_achat { padding: 35px 0 0; }
				
	#vignettes {margin:0 0 16px;}	
		#vignettes img { float: left; margin: 0 3px 10px 0; }
		#vignettes .first {margin:10px 0;}
		#vignettes h2.titre {font-size:17px; margin:0 0 3px;}
	
	ul.rassurance {float:left; width:234px; margin:0 32px 0 0; padding:0;}
		.rassurance li {list-style-type:none; padding:0; margin:0 0 6px;   }
			.rassurance li a{text-decoration:none; font-size:14px; padding:11px 0 0 61px; line-height:16px; color:#2f7681; width:173px; height:45px; display:block;}
			.rassurance li a:hover {color:#FFF;}			
				.rassurance li a.rass_contact {background:url(/_boutiques/BENNETON//site_image/rass_contact.png) left top no-repeat;}
					.rassurance li a.rass_contact:hover {background:url(/_boutiques/BENNETON//site_image/rass_contact.png) left bottom no-repeat;}
				.rassurance li a.rass_livraison {background:url(/_boutiques/BENNETON//site_image/rass_livraison.png) left top no-repeat; }
					.rassurance li a.rass_livraison:hover {background:url(/_boutiques/BENNETON//site_image/rass_livraison.png) left bottom no-repeat; }
				.rassurance li a.rass_heritage {background:url(/_boutiques/BENNETON//site_image/rass_benneton.png) left top no-repeat;}
					.rassurance li a.rass_heritage:hover {background:url(/_boutiques/BENNETON//site_image/rass_benneton.png) left bottom no-repeat;}
				.rassurance li a.rass_prestige {background:url(/_boutiques/BENNETON//site_image/rass_paquet.png) left top no-repeat; }
					.rassurance li a.rass_prestige:hover {background:url(/_boutiques/BENNETON//site_image/rass_paquet.png) left bottom no-repeat; }
	
	#description {font-size:15px;  overflow:hidden;}
		#description h2 {margin:8px 0 22px; font-size:17px;}
		#description div {overflow:hidden; width:434px;}
	
		
	#extra-produit h2.titre {font-size:17px; margin:24px 0 -2px;}
	
	#bloc-pro-asso {
		background: #ddedec;
		font-size: 0.79em;
		line-height: 1.07em;
		padding: 10px 25px 0;
		position: relative;
	}
	
	#pro-asso {
		height: 160px;
		margin: 0 auto;
		overflow: hidden;
		position: relative;
		width: 320px;
	}
		
	#pro-asso-slide {
		left: 0;
		margin: 0;
		padding: 0;
		position: absolute;
		width: 1090px;
	}
			
	#pro-asso .bloc-produit {
		background: #fff;
		border: none;
		height: 145px;
		margin: 0 0 0 10px;
		width: 100px;
	}
	
	#pro-asso .bloc-produit .bp-image {
		height: 100px;
		width: 100px;
	}
	
	#pro-asso .bloc-produit h2 {
		font-weight: normal;
		height: 3.4em;
		overflow: hidden;
	}
	
	.bouton-exergue {
		background: #94031c;
		color: #fff;
		display: inline-block;
		padding: 3px 1em 2px 1em;
	}
	a.bouton-exergue:hover { background-color: #700215; color: #fff; text-decoration: none; }
	
	
	/**** Pages web ****/
	
	#pagesWeb { padding: 0 39px; }
	
	
	/**** Processus de commande ****/
	
	.separateur { color: #888; }
	#pdc_box { font-size: 14px; color: #ccc; }
		#pdc_box p { margin: 0; text-align: center; }
		#pdc_box ul { margin: 12px 0; padding:0; }
			#pdc_box ul li { background: none; border: 1px solid #ccc; float: left; margin: 0 5px; padding: 0 6px; height: 26px; line-height: 26px; text-indent: 0; }
			#pdc_box ul li.currentstep { border-color: #2B787B; color: #2B787B; }


	/**** Mescommandes_identification.htm ****/
	 
	.form-login { }
		.form-login label { display: inline-table; width: 120px; text-align: right; }
		.form-login input { width: 170px; }
		
	
	/**** panier.htm ****/
  
	p.sous-total {
		font-size: 1.2em;
		font-weight: bold;
		line-height: 2em;
		margin: 1em 0;
		text-align: right;
	}
  
	p.sous-total strong {
		background: #dadada;
		display: inline-block;
		margin: 0 0 0 1em;
		padding: 0 2em;
	}
    
	p.total-ttc {
		font-size: 1.6em;
		font-weight: bold;
		line-height: 3em;
		margin: 1em 0;
		text-align: right;
	}
  
	p.total-ttc strong {
		background: #dadada;
		display: inline-block;
		margin: 0 0 0 1em;
		padding: 0 1em;
	}
    
	.info-livraison {
		color: red;
		font-weight: bold;
		text-align: right;
	}


	/**** Commande.htm ****/
	
	#form_newAccount { margin: 0 auto; width: 80%; }
		#form_newAccount .form-inline { width: 100%; }
	
	#forms_selector a {
		background: transparent url(/_boutiques/BENNETON/theme_en/bg_cartouches-btn.png) 0 -50px no-repeat;
		color: #696969;
		display: block;
		height: 31px;
		line-height: 31px;
		width: 160px;
		text-decoration:none;
	}
	#forms_selector a:hover { color: #FFF;  background-position: 0 -100px; text-decoration: none; }
	#forms_selector a.selected { color: #fff; ; background-position: 0 0; text-decoration:none; }
		
	#forms_selector li { margin: 1em 1em 2em; text-align: center; }

	form.com_id label { float: left; width: 45%; text-align: right; line-height: 22px; margin: 0 0 0 4px; }
	form.com_id textarea { margin: 0 0 0 4px; }
	form.com_id input { margin: 0 0 0 4px; /*height: 16px;*/ }
	form.com_id select { margin: 0 0 0 4px; padding: 1px; }

	.gdemarge { margin-left: 45%;}
	
	
	/**** Recap-commande.htm ****/
	
	td.exergue { background: #efefef; font-size: 1.3em;}
	
	
	/**** choix-paiement.htm ****/
	
	ul#paiement { padding: 0; width: 90%; }
		ul#paiement li { margin: 0; padding: 1em 0; background: none; list-style: none; }
			ul#paiement li a.mode_paiement {
				background: #12636b url(/_boutiques/BENNETON//site_image/rs_fleche.gif) 10px 50% no-repeat;
				border: 1px solid #eee;
				display: block;
				height: 3em; 
				line-height: 3em;
				padding-left: 24px;
				position: relative;
				color:#FFF;
			}
			ul#paiement li a.mode_paiement:hover { background-color: #715d50; }
			ul#paiement li.click a.mode_paiement { background-color: #12636b; }
  
			ul#paiement li ul {
				border: 1px solid #12636b;
				border-width: 0 1px 1px;
				display: none;
				margin: 0;
				padding: 0 1em 1em; 
			}
			ul#paiement li.click ul { display: block; }
			
			ul#paiement form a {  background-color: #ccc;  border: none; display: inline; padding: 0; }
			
	.icones { bottom: 50%; margin: 0 0 -12px 10px; position: absolute; }
  

	/**** Ami.htm ****/

        
	/*** liste des avis (fiche-produit.htm, avis.htm, avis_du_client.htm, avis_derniers.htm ***/
	
	.avis-box { margin: 3em 0; width: 80%; }
	.rs_ficheproduit .avis-box { width: 100%; }
	
	#liste-avis {
		margin: 1em auto; /* centre les avis */
		padding: 0;
		width: 100%; /* specifier une largeur pour les avis */
	}
		#liste-avis li { margin: 0 0 3em; }
    
	.meta-avis { margin: 1em 0 0; font-style: italic; }
		.meta-avis strong { font-style: normal; }
      
	.avis { background: #ddedec; padding: 0.5em; margin: 0; }
		.avis img { margin-right: 5px; }
	
	
	/**** Contact.htm ****/
	
	.form-contact { }
		.form-contact label { display: block; float: left; line-height: 20px; width: 120px; text-align: right; margin-right: 4px; }
		.form-contact input { width: 212px; margin: 0; }
		.form-contact select,
		.form-contact textarea { margin: 0; }
	
	
	/**** News.htm ****/
	h1.titre_decal {margin-left:47px;}
	.news { padding:0 10px; overflow: hidden; }

	.news img{
		max-width: 100%;
		height: auto;
	}
	
	.date {
		border-top: 1px solid #18707c;
		color: #18707c;
		margin: 2em 0 0 0;
		text-align: right;
	}
		.date span {
			background: #f9faf2;
			padding: 0 0 0 0.5em;
			position: relative;
			top: -0.7em;
		}
		
	.rs_news #contenu-principal h2 {
		margin-top: 0;
	}
	
	.news_txt {font-size:14px;}
	
	
	
	/**** Presse ****/
	#revue_presse {overflow:hidden; }
		#revue_presse h2 {margin:0 0 30px;}
	.presse_visuel {float:left;  margin:0 10px 0 0; height:60px; width:100px; overflow:hidden; text-align:center; background:#12636b; }
	.presse_visuel a{  display:block; width:100px; height:60px; overflow:hidden;}
	.presse_visuel img {  overflow:hidden;  width:100px; }
	
	.lien-dl-presse {float:left; font-size:11px; padding:5px 0 0;}
	
	.article-presse {width:300px; display:inline; float:left; height:90px; margin:0 0 20px 30px;  overflow:hidden;}
		.article-presse .date-presse { font-size:12px; overflow:hidden; margin:0 0 5px 0;}
		.article-presse h3 {font-size:12px; color:#47413b; font-weight:normal; margin:0; line-height:18px; overflow:hidden; width:190px; height:36px; padding:0;}
		.article-presse h3 a {font-size:12px; color:#47413b; font-weight:normal; text-decoration:none;}
		.article-presse h3 a:hover {text-decoration:underline;}
	
	.news_rdv {}
		.visuel_news_rdv  {float:left; margin:0 30px 30px 0;border:#a9a9a9 solid 1px; }
		.visuel_news_rdv img {background:#FFF; padding:7px;width:187px; display:block;}
		.news_rdv .txt_galerie {overflow:hidden;}
	
	
	/**** Parrainage ****/
	
	.form-parrainplus p { margin: 0;}
	
	/**** Plan du site ****/
	.rs_sitemap ul {margin:0; padding:0;}
	.rs_sitemap  li.niveau1 {list-style-type:none; background:transparent url(/_boutiques/BENNETON//site_image/puce1.png) 0 6px no-repeat; padding:0 0 0 17px;}
	.rs_sitemap  li.niveau2 {list-style-type:none; background:transparent url(/_boutiques/BENNETON//site_image/puce2.png) 0 6px no-repeat; padding:0 0 0 17px;}

/**************************************************************************************************************************/
/* STYLES SPECIFIQUES *****************************************************************************************************/

	/**** Centrage ****/
	
	.centrage { overflow: hidden; width: 100%; }
		.centrage ul { float: left; left: 50%; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; position: relative; }
		.centrage li { display: inline; float: left; margin: 0; padding: 0; position: relative; right: 50%; }
	
	
	input.search, input.go { margin: 4px 0 14px; }
	p.bouton input { width: auto; }
	
	
	/**** Tableaux a couleurs alternees ****/
	
	.first-col { padding-left: 1em; }
	
	.col0 { width: 98.96%; padding: 0 1% 0 0; }
	.col1 { width: 64.96%; float: left; }
	.col2 { width: 34%; padding: 0 1% 0 0; float: left; }
		.col0 p, 
		.col1 p, 
		.col2 p { margin: 0; }
	
	.cellule_s { display: block; line-height: 2.2em; vertical-align: middle; }
		.cellule_s select { margin-top: 0.35em; }
	
	.styleCell1 { background-color: #EEEDE4; }
		tr.styleCell1 strong { line-height: 18px; margin: 3px; }
		tr.styleCell1 td a {color:#FFF; text-decoration:underline;}
		tr.styleCell td a:hover {color:#FFF; }
		
	.styleCell2 { background-color: #eeede4; }
		tr.styleCell2 strong { line-height: 23px; margin: 3px; }
	
	#form-panier { }
	#form-panier td { vertical-align: middle; }
	
	.visuel_decal {float:left; margin-right:5px; width:75px;}

	/**** Styles personnalises ****/
	
	.erreur { color: red !important; font-weight:bold;}
	.noerreur {	}
	.marginGuides { margin: 20px; }
	
	
	
/** MAJ du 22/03/2018 **/

#logo img{
	width: 201px;
	margin-top: 30px;
}

#homepage_container{
	overflow: hidden;
}

.home_bloc{
	float:left;
}

.home_bloc_1{
	width: 66.4%;
}

.home_bloc img{
	max-width: 100%;
	height: auto;
}


.home_bloc_2{
	width: 32.9%;
	margin-left:5px;
	position: relative;
}

.home_bloc_2_txt{
	position: absolute;
	bottom: 20px;
	left:50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	font-size: 13px;
	color:#000;
}

.home_bloc_2_txt a{
	text-decoration: none;
	color:#000;
}

.home_bloc_2_txt a:hover{
	text-decoration: underline;
}

.elem_menu_header{
	width: 75%;
	float: right;
}

.elem_menu_header ul{
	list-style: none;
	padding:0;
	padding-left: 5px;
	margin: 56px 0 0;
}

.elem_menu_header li{
	float:left;
	width: 24.9%;
	text-align: center;
	position: relative;
	height: 34px;
	line-height: 34px;
}

.elem_menu_header li + li + li::before{
	content:"";
	width: 2px;
	height: 15px;
	background-color: #fff;
	position: absolute;
	left:0px;
	top:10px;
}

.elem_menu_header li:first-child::before{
	content:"";
	width: 2px;
	height: 15px;
	background-color: #fff;
	position: absolute;
	right: -15px;
	top:10px;
}

.elem_menu_header li a {
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
}

.elem_menu_header li a:hover {
	text-decoration: underline;
}

.bloc_contact_home{
	padding: 2em 0 1em;
	color: #2B787B;
}

.bloc_contact_home a{
	text-decoration: none;
}

.bloc_contact_home a:hover{
	text-decoration: underline;
}

.bloc_contact_home p{
	margin-bottom: 0px;
}

.bloc_adresse_home{
	color: #000;
	line-height: 20px;
}

.bloc_adresse_home h3{
	color:#000;
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 5px;
}

/*** Fomg 12/03/2019 - PERSONNALISATION PRODUIT AVEC SELECTEUR ***/
.button {
	background:#18707c; color:#FFF; text-align: center; padding: 0.75em 1em; text-transform: uppercase; font-family:Times, serif; border: none; text-decoration: none; 
}
.button:hover { 
	text-decoration: none; 
}

.liste_personnalisation {
	list-style-type: none; margin: 2em 0; padding:0 1em; 
}
.liste_personnalisation li {
	overflow: hidden; margin-bottom: 1em; 
}
.liste_personnalisation li .bp_img {
	float: left; width: 25%; margin-right: 1em;
} 
.liste_personnalisation li .bp_img img {
	max-width: 100%;
}
.liste_personnalisation li .bp_info {
	float: left; width: 70%;
}
.liste_personnalisation li .bp_nom {
	margin-bottom: 0.75em; color:#FFF;
}
.text-center { text-align: center; }
#ajout_panier_btn { margin-bottom: 2em; }

/** 20/11/2019 Fomg : modifications mail **/
.hide { display: none; }
#menu_site li.boutique a {
    background: #D3E7E8; font-size: 14px; font-weight: bold; border-color: #D3E7E8; color:#1C5860;
}

#bloc-achat { height: inherit; }
.selecteurs-produit { height: 20px; margin-bottom: 12px; }
select.selectSousProduit { width: 100%; }
#fp_quantite { float: left; width: 33.33%; }
#fp_quantite .quantite { 
    width: 50px; height: 20px; margin: 0; 
}
.boutons_achat { margin: 8px 0 0; }
#description div { width: 100%; }

#panier_retrait   {
    padding-right: 7px; padding-bottom: 1em; 
}
#panier_retrait p { margin-bottom: 0; }
#panier_retrait .panier_retrait_detail  {
    margin-right: 18px; line-height: 16px;  
}