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



/******** PRINCIPALES COULEURS UTILISEES ********/
/*
bleu: #2068e3;
bleu hover: #218ee3;
bleu actif: #2068e3;
gris noir: #403E42;
gris clair: #C8C8C8;

*/




/**************************************************************************************************************************/
/* 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: 12px; }
body { background: #FFF url(/_boutiques/MACBOUTIC//site_image/px_bg.png) 0 0 repeat-x; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #403e42; }
body.rs_index { background: #FFF url(/_boutiques/MACBOUTIC//site_image/px_bg_index.png) 0 0 repeat-x; }


h1, h2, h3, h4, h5, h6 { margin: 20px 0 0.5em; color: #403e42; }
h1 { font-size: 24px; line-height: 26px; font-weight: bold;  margin-bottom: 36px; margin-left: 20px;}
.nomcat {  }
h2 { font-size: 14px; line-height: 16px; font-weight: bold; }
.titre_h2 { font-size: 18px; font-weight: bold; margin-top:0; }
.titre_h2_marg0 { font-size: 18px; font-weight: bold; margin:0 0 10px; }
.rs_contact h2 { font-size: 18px; font-weight: bold; }
h3 { font-size: 12px; line-height: 14px; font-weight: bold; }
h4 { font-size: 12px; line-height: 14px; }

p { margin: 0 0 1em; }

strong { color: #403e42;}

a {	color: #403e42; text-decoration: none; }
a:hover { color: #403e42; text-decoration: underline; }

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

form img {vertical-align: middle;}
input { color:#606360; font-size: 14px; margin: 4px 0; vertical-align: middle; font-family: Arial, Helvetica, sans-serif; padding: 3px 4px;  }
select, option { color:#606360; font-size: 14px; padding-left: 4px; }
select { }
textarea { color:#606360; font-size: 14px; margin: 6px 0; font-family: Arial, Helvetica, sans-serif; padding: 3px 4px;  }

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus { box-shadow:inset 0 0 5px #218ec8; -moz-box-shadow:inset 0 0 5px #218ec8; -webkit-box-shadow: inset 0 0 5px #218ec8;}
			
input.form_image { margin: 0; } /* Supprime la marge des 4px verticaux pour les boutons */





/**************************************************************************************************************************/
/* 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; }
	
.ligne_separation { background: transparent url(/_boutiques/MACBOUTIC//site_image/ombre_separation.gif) 0 0 no-repeat; line-height: 7px; height: 7px; width: 920px; margin: 7px auto 10px; display: block; }
.pad_g20 { padding: 0 0 0 20px; }

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

#enveloppe-page { width: 986px; margin: auto; }
	
	
	/**** Entete ****/
	#en-tete { position: relative; display: block; height: 116px; background: transparent url(/_boutiques/MACBOUTIC//site_image/header.png) 0 0 no-repeat; }
	
	#header-bandeau {
		background: #606360;
		color: #7bbdb6;
		height: 2.14em;
		line-height: 2.14em;
		padding: 0 1em 0 0;
		text-align: right;
	}
	    #header-bandeau a { color: #FFF; }
	    #header-bandeau a:hover { }
	
	#menu_rayon { height: 34px; }
	
	#elem_menu { margin: 0; padding: 0; z-index: 5000; }
		#elem_menu li { list-style-type: none; padding: 0; margin: 0; }
	
	/**** Page et colonnes ****/
	
		/* Conteneur */
		#conteneur { position: relative; display: block; background: transparent; padding:12px 23px 0;  }
		#conteneur-interne { display: block; overflow: hidden; padding: 0; }
		
		/* Colonnes */
		#col-g { background: #DCE1E3; float: left; position: relative; display: block; width: 180px; left: 0; margin: 0; padding: 0; }
			/* Resolution bug des 3px ss IE6 */ * html #col-g { margin: 0 -3px 0 auto;}

		#col-d {  float: right; display: none; width: 207px;  margin: 100px 0 0; padding: 0; overflow:hidden; }
			/* Resolution bug des 3px ss IE6 */ * html #col-d { margin: 0 auto 0 -3px;}
		
			#colonne_rassurance { height: 498px; background: transparent url(/_boutiques/MACBOUTIC//site_image/fond_rassurance.gif) 0 0 no-repeat; display: block; }
				#colonne_rassurance ul { padding: 39px 0 20px; margin: 0;  }
					#colonne_rassurance ul li { margin: 0 auto 15px; padding: 0; list-style-type: none; text-align: center; }
				
		
		/* Colonne du tunnel de commande */		
		#col-commande, .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: right;
			width: 160px;
		}
		
		/* Colonne des news */	
		#col-news {
			float: right;
			margin: 0 10px;
			width: 180px;
		}
		
		/* Colonne du blog */	
		#col-blog {
			float: right;
			margin: 0 10px 0 0;
			width: 180px;
		}
		
		/* Pages */
		#contenu-principal { position: relative; display: block; height: 1%; background: transparent; padding: 0 10px 0 0; overflow: hidden; }
		
		.rs_index #contenu-principal, 
		.rs_categorie #contenu-principal, 
		.rs_categorie_x6 #contenu-principal, 
		.rs_blog_billet #contenu-principal { padding: 0; } /* Pour IE6 on enleve le padding pour utiliser toute la largeur effective et ne pas faire glisser le contenu sous les colonnes */
	
	
	/**** Pied de page ****/
	#rassurance, #rassurance_index  { background: transparent url(/_boutiques/MACBOUTIC//site_image/px_pointombre.png) 0 0 repeat-x; height: 95px; margin: 35px auto 0; text-align: center; }
		#rassurance { margin-top: 10px; }
		#rassurance ul,#rassurance_index ul { margin: 0 auto ; padding: 7px 0 0; }
		#rassurance_index ul { padding: 5px 0 0; }
			#rassurance ul li, #rassurance_index ul li { padding: 0 25px; margin: 0; list-style-type: none;  display:inline; }
		#rassurance_index { background: none; margin: 0; }
		
		
	#pied-page { background: transparent url(/_boutiques/MACBOUTIC//site_image/px_footer.png) 0 0 repeat-x; color: #fff; display: block; font-size: 14px; margin: 0 0 1em 0; height: 107px;  padding: 18px 0; }
		.rs_index #pied-page {  margin: 0 0 1em 0;   }
		#pied-page #contenu_pp { width: 980px; margin: 0 auto; }
		#pied-page h4 { font-size: 18px; color: #FFF; margin: 0 0 5px; }
		#pied-page #footer_col2 { margin-top: 8px; float: right; }
		#pied-page .footer-liens { font-size: 12px; text-align: center; margin: 26px 0 0; }
		#pied-page ul { margin: 0; padding: 0; }
		#pied-page a { color: #c8c8c8; }
			#pied-page a:hover { color: #FFF; font-weight: bold; text-decoration: none; }
  
		.footer-col {
			display: inline;
			float: left;
			margin: 0 0 0 2%;
			width: 31%;
		}
		.colonne h2 {
			font-size: 1.14em;
			margin: 0 0 0.3em;
		}
			
		#pub_rs {
			color: #403e42;
			clear: both;
			font-size: 14px;
			margin: 0 0 20px;
			text-align: center;
		}
			#pub_rs a { color: #403e42; }
    
  
	/**** Breadcrumb ****/
  
	.breadcrumb { color: #403e42; font-size: 12px; padding-left: 20px; }
		.breadcrumb a { color: #2068e3; text-decoration: underline; }
		.breadcrumb a:hover { color: #2068e3; text-decoration: none; }
		.breadcrumb .breadcrumb_sep { } /* Le separateur du breadcrumb */


	/**** Autres elements et blocs ****/
	#logo { float: left; margin: 19px 0 0 46px; }
	
	#elem_panier, 
	#elem_compte, 
	#elem_blog { display: inline; float: right; margin: 50px 0 0; position: relative; font-size: 12px; }
	
	#elem_panier a, 
	#elem_compte a, 
	#elem_blog a { display: block; }
	
	#elem_panier a:hover, 
	#elem_compte a:hover, 
	#elem_blog a:hover,
	#elem_panier a:hover strong, 
	#elem_compte a:hover strong, 
	#elem_blog a:hover strong	{ text-decoration: none; color: #c1cd00; }
	
	#elem_panier strong, 
	#elem_compte strong, 
	#elem_blog strong { }
	
	#elem_panier a { background: transparent url(/_boutiques/MACBOUTIC//site_image/picto_panier.gif) right top no-repeat; margin-right: 37px; padding: 22px 57px 0 0; text-align: right; width: 85px;  }
	#elem_compte a { background: transparent url(/_boutiques/MACBOUTIC//site_image/picto_persocpte.gif) right top no-repeat; padding: 22px 41px 0 0; text-align: right; width: 76px; height: 29px; }
	
	.encart-dynamique, 
	#elem_rechercher, 
	ul#elem_menu { margin: 0 0 0 31px; padding: 0; position: relative; }
		#elem_menu li { list-style-type: none; float: left; display: inline; padding: 0; height: 23px; }
			#elem_menu li a { color: #efefef; font-weight: bold; display: block; height: 34px; font-size: 14px; }
				#elem_menu li a:hover { color: #FFF; text-decoration: none; }
		#elem_menu li.menu1 a.rspm_active_ssmenu:hover { color:#FFF; display: block;}
		#elem_menu li#home a { background: transparent url(/_boutiques/MACBOUTIC//site_image/menu.png) -31px 0 no-repeat; width: 69px; padding: 8px 0 0 46px; height: 25px; }
			#elem_menu li#home a:hover { background: transparent url(/_boutiques/MACBOUTIC//site_image/menu.png) -31px -34px no-repeat; text-decoration: none; }
			#elem_menu li#home .active{ background: transparent url(/_boutiques/MACBOUTIC//site_image/menu.png) -31px -68px no-repeat; text-decoration: none; }
		
		#elem_menu li#rayon_cat a { background: transparent url(/_boutiques/MACBOUTIC//site_image/menu.png) -146px 0 no-repeat; width: 157px; padding: 8px 0 0 0; height: 25px; text-align: center;  }
			#elem_menu li#rayon_cat a:hover { background: transparent url(/_boutiques/MACBOUTIC//site_image/menu.png) -146px -34px no-repeat; text-decoration: none; }
			#elem_menu li#rayon_cat .active, #elem_menu li#rayon_cat .rspm_active_ssmenu { background: transparent url(/_boutiques/MACBOUTIC//site_image/menu.png) -146px -68px no-repeat; text-decoration: none; }
		
		#elem_menu li#forfait a { background: transparent url(/_boutiques/MACBOUTIC//site_image/menu.png) -303px 0 no-repeat; width: 195px; padding: 8px 0 0 0; height: 25px; text-align: center; }
			#elem_menu li#forfait a:hover { background: transparent url(/_boutiques/MACBOUTIC//site_image/menu.png) -303px -34px no-repeat; text-decoration: none; }
			#elem_menu li#forfait .active{ background: transparent url(/_boutiques/MACBOUTIC//site_image/menu.png) -303px -68px no-repeat; text-decoration: none; }
		
		#elem_menu li#devis a { background: transparent url(/_boutiques/MACBOUTIC//site_image/menu.png) -498px 0 no-repeat; width: 188px; padding: 8px 0 0 0; height: 25px; text-align: center; }
			#elem_menu li#devis a:hover { background: transparent url(/_boutiques/MACBOUTIC//site_image/menu.png) -498px -34px no-repeat; text-decoration: none; }
			#elem_menu li#devis .active{ background: transparent url(/_boutiques/MACBOUTIC//site_image/menu.png) -498px -68px no-repeat; text-decoration: none; }
		
		#elem_menu li#devis_mail a { background: transparent url(/_boutiques/MACBOUTIC//site_image/menu.png) -686px 0 no-repeat; width: 153px; padding: 8px 0 0 0; height: 25px; text-align: center; }
			#elem_menu li#devis_mail a:hover { background: transparent url(/_boutiques/MACBOUTIC//site_image/menu.png) -686px -34px no-repeat; text-decoration: none; }
			#elem_menu li#devis_mail .active{ background: transparent url(/_boutiques/MACBOUTIC//site_image/menu.png) -686px -68px no-repeat; text-decoration: none; }
		
		#elem_menu li#contact a { background: transparent url(/_boutiques/MACBOUTIC//site_image/menu.png) -839px 0 no-repeat; width: 109px; padding: 8px 0 0 0; height: 25px; text-align: center; }
			#elem_menu li#contact a:hover { background: transparent url(/_boutiques/MACBOUTIC//site_image/menu.png) -839px -34px no-repeat; text-decoration: none; }
			#elem_menu li#contact .active{ background: transparent url(/_boutiques/MACBOUTIC//site_image/menu.png) -839px -68px no-repeat; text-decoration: none; }
		
		
		
		ul#elem_menu li#rayon_cat ul,
		ul#elem_menu li#forfait ul { margin:0; padding: 8px 10px 26px; position: absolute; top: 33px; left: 98px;  z-index: 500; background: #FFF; -moz-border-radius: 0 0 25px 25px;  -webkit-border-radius: 0 0 25px 25px;  border-radius: 0 0 25px 25px; border: 1px solid #403e42; }
			ul#elem_menu li#rayon_cat ul li ,
			ul#elem_menu li#forfait ul li { padding: 0; margin: 0; display: inline; float: left; list-style-type: none;  color: #403e42;  font-size: 14px; font-weight: bold; } 
				ul#elem_menu li#rayon_cat ul li  a,
				ul#elem_menu li#forfait ul li  a { color: #403e42;  font-size: 14px; display: block; background: none;}
				ul#elem_menu li#rayon_cat ul li  a:hover,
				ul#elem_menu li#forfait ul li  a:hover { background: none; }
			
			ul#elem_menu ul li.rspm_first {}
			ul#elem_menu li#rayon_cat ul li.niv2, 
			ul#elem_menu li#forfait ul li.niv2{ list-style-type: none; float: left; display: inline; text-align: left; margin: 3px; border: none; height: 100%; }
			ul#elem_menu li#rayon_cat ul li.niv2 a,
			ul#elem_menu li#forfait ul li.niv2 a{ display: block; font-size: 13px; color: #403e42; padding: 5px 0 0; margin: 0; width: 133px; text-align: left; height: 100%; }
			ul#elem_menu li#rayon_cat ul li.niv2 a:hover,
			ul#elem_menu li#forfait ul li.niv2 a:hover { text-decoration: underline; }
				
				ul#elem_menu li#rayon_cat ul li ul ,
				ul#elem_menu li#forfait ul li ul { margin: 5px 0 0; padding: 0; position: relative;  z-index: 500;  border: none; left: 0px; top: 0px; background: none;}
					ul#elem_menu li#rayon_cat ul li ul li ,
					ul#elem_menu li#forfait ul li ul li { clear: left; list-style-type: none; display: block; background: #FFF; text-align: left; height: 100%; }
		
				ul#elem_menu li#rayon_cat ul li.niv2 ul li.niv3 a,
				ul#elem_menu li#forfait ul li.niv2 ul li.niv3 a { display: block; font-size: 13px; height:inherit;  text-align: left; font-weight: normal; padding: 5px 0;}
					ul#elem_menu li#rayon_cat ul li.niv2 ul li.niv3 a:hover,
					ul#elem_menu li#forfait ul li.niv2 ul li.niv3 a:hover { color: #2068e3; text-decoration: none;}
			
	.encart-dynamique { padding: 5px;}
	.banniere { padding: 0;}
  
	#elem_rechercher { height: 1%; /* pour IE6 */ padding: 10px 0; }
	
	#elem_rechercher form, 
	#elem_newsletter form { background: #fff; border: 1px solid #85ABA7; margin: 0 10px; }
	
	* html #elem_rechercher form, 
	* html #elem_newsletter form { display: inline; width: 140px; }
  
	#elem_newsletter form { margin: 0; width: 200px; }
	
	 #elem_rechercher input, 
	 #elem_newsletter input { border: none; border-color: transparent; /* pour IE */ display: inline; margin: 0; padding: 3px 0; }
	 #elem_rechercher .form_champ { padding-left: 0.3em; width: 116px;}
	 #elem_rechercher .form_img { background: #fff;}
	 
	 #elem_newsletter .form_champ { padding-left: 0.3em; width: 168px;}
	 #elem_newsletter .form_img { background: #fff;}
	 
	
	/* Menu de base */
	
	.menu-base {
		padding: 8px 4px;
	}
	
	.menu-base ul {
		border-top: 1px solid #aad3ea;
		font-size: 0.93em;
		margin: 0;
		padding: 0;
	} 
	
	.menu-base li {
		border-bottom: 1px solid #aad3ea;
	}
  
	.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 {
		background: #85aba7;
	}
	
	#elem_newsletter { }
	
	.fleche-gauche, .fleche-droite {
		overflow: hidden;
		text-align: center;
		margin-top: 50px;
	}
	
	.fleche-gauche a, 
	.fleche-droite a { }
	
	.fleche-gauche img, 
	.fleche-droite img { position: relative; top: 50%; }
	
	.fleche-gauche { float: left; }
	.fleche-droite { float: right; }
	
	
	/** Articles consultes **/
	
	#bloc-historique { position: relative; }
			
	#historique {
		height: 100px;
		margin: 0 auto;
		overflow: hidden;
		position: relative;
		width: 100px;
	}
				
	#historique .bloc-produit {
		background: #fff;
		border: none;
		height: 100px;
		margin: 0 10px 0 0;
		width: 100px;
	}
		#historique .bloc-produit .bp-image { height: 100px; width: 100px; }
	
	#histo-slide {
		margin: 0;
		padding: 0;
		position: absolute;
		width: 2190px;
	}

	/**** Classes recurentes - Blocs ****/
	
	.bloc_xs { width: 160px; margin: 3px auto; }
	.bloc_s { width: 570px; margin: 80px 0 0 20px; }
	.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 { }
	
	
	/**** 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/MACBOUTIC//site_image/rs_info-vert.png) no-repeat 16px 16px; }
	.bloc_info-importante { background: #ebcccc url(/_boutiques/MACBOUTIC//site_image/rs_info-rouge.png) no-repeat 16px 16px; }
	.bloc_alerte { background: #ebcccc url(/_boutiques/MACBOUTIC//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: #aad3ea;
    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;
    padding: 0;
  }

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

  .form-inline fieldset p {
    background: #e6e6e6;
    border-bottom: 1px solid #fff;
    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 {
    background: #fff;
    border-bottom: 1px solid #eee; 
  }

    .form-inline p input, .form-inline textarea { 
     -moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px; border: 1px solid #403e42;
      float: left;
      padding: 0.3em 0;
      margin: 0;
      text-indent: 4px; /* fonctionne partiellement sous IE mais ok */
      width: 40%;
    }
	
	.form-inline select { 
     -moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px; border: 1px solid #403e42;
       }

    .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;
    }
    
    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: #e6e6e6;
    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 {
    -moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px; border: 1px solid #403e42;
    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; border: none;} /* la marge droite de 5% est importante */




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

	/**** Home ****/
		
	#txt-home, 
	#news-home {
	  background: #aad3ea;
	  float: left;
	  font-size: 0.86em;
	  height: 160px;
	  line-height: 1.38em;
	  margin: 10px 10px 10px 0;
	  overflow: hidden;
	  padding: 10px;
	  width: 350px;
	}
	#txt-home h1 { font-size: 1.33em; margin-top: 0; }
	
	#news-home {
		margin-right: 0;
	}
		#news-home img.news-img {
			float: left;
			height: 180px;
			left: -10px;
			position: relative;
			top: -10px;
			width: 180px;
		}
		
		#news-home h2 {
			font-size: 1.33em;
			font-weight: bold;
			margin-top: 0;
		}
		
		#news-home h3 {
			font-size: 1em;
			font-weight: bold;
			margin-top: 0;
		}
		
		#news-home p {
			max-height: 5.52em;
			overflow: hidden;
			position: relative;
		}
		* html #news-home p { height: 5.52em; }
		
		#news-home span.ellipse {
			bottom: 0;
			position: absolute;
			right: 0;
		}
		
		#carrousel { position: relative; width: 920px; height: 210px; overflow: hidden; margin: 0; }
    #carrousel p { margin: 0; padding: 0; }
    #content_carrousel { }
    #liens_carrousel { background: transparent url(/_boutiques/MACBOUTIC//site_image/lien_carrousel.png) 0 0 no-repeat; position: absolute; left: 0px; bottom: -9px; width:920px; height: 30px;  text-align: center; padding: 6px 0 0; z-index:5000; }
        #liens_carrousel a { display: inline-block;  margin: 0 3px; text-indent:-5000px; overflow: hidden; width: 11px; height: 11px; background: transparent url(/_boutiques/MACBOUTIC//site_image/puce_off.gif) 0 0 no-repeat; }
        #liens_carrousel a.actif { background: transparent url(/_boutiques/MACBOUTIC//site_image/puce_actif.gif) 0 0 no-repeat; }
        #liens_carrousel a:hover { background: transparent url(/_boutiques/MACBOUTIC//site_image/puce_on.gif) 0 0 no-repeat;  }
    #img_carrousel { display: none; }

	#carrousel_categorie { height: 168px; overflow: hidden; position: relative; margin: 20px 0 0 53px; }
		ul#carrousel_categorie_slide { margin: 0; padding: 0; position: absolute; left: 12px; top: 0;  width: 50000px; }
			#carrousel_categorie_slide li { list-style-type: none; padding: 0 8px; margin: 0; float: left; display: inline; width: 123px; background: transparent url(/_boutiques/MACBOUTIC//site_image/filet_separation_small.gif) right top no-repeat; }
				#carrousel_categorie_slide li img { width:122px; height: 122px; overflow: hidden; margin: 0 0 7px; }
	
	.zd_index { width:455px; margin: 0 5px 5px 0; display: inline; font-size: 14px; float: left; }
		.zd_index img { float: left; margin-right: 36px;  }
		.zd_index h3 { font-size: 18px; line-height: 20px; font-weight: bold; margin: 10px 0 19px; }
		.zd_index p { width: 325px; overflow: hidden; }
		
	#titre_picto { background: transparent url(/_boutiques/MACBOUTIC//site_image/picto_piecesdetachees.gif) 0 0 no-repeat; padding: 15px 0 0 60px; margin: 0 0 15px; font-size: 18px; font-weight: bold; height: 33px;}
	.liste_categorie, .liste_categorie li ul { margin: 0 0 10px; padding: 0; min-height: 159px; }
		.liste_categorie li { margin: 0; padding: 0 2% 0 3%; list-style-type: none; float: left; display: inline; width: 15%;  font-weight: bold; font-size: 14px; line-height: 24px;  background:transparent url(/_boutiques/MACBOUTIC//site_image/filet_separation.gif) left top no-repeat; }
			.liste_categorie li ul li { float: none; display: block; width: 100%; font-weight: normal; line-height: 24px; background: none; padding-left: 0; }
			.liste_categorie li ul li.niv2 a:hover { color: #2068e3; text-decoration: none; }
	/**** Categories ****/
	
	.texte-rayon { margin: 0 0 2em; font-size: 14px; line-height: 24px; }
		.texte-rayon h2 { font-size: 18px; font-weight: bold; }
	
	.visuel_rayon { margin-right: 10px; float: left; }
	
	.syspage  {
		background: transparent url(/_boutiques/MACBOUTIC//site_image/bg_syspage.gif) 0 0 no-repeat;
		line-height: 1.5em;
		margin: 0 10px 0 0;
		overflow: hidden;
		padding: 7px 10px 5px;
		height: 24px;
		width: 906px;
	}
	
	.syspage select { font-size:12px; }
		.syspage .syspage_prev, 
		.syspage .syspage_next { display: none;}
		.syspage strong, 
		.syspage_num {
			display: inline-block;
			font-weight: bold;
			text-align: center;
			padding: 0 8px 0 5px;
			background:transparent url(/_boutiques/MACBOUTIC//site_image/ligne_separation_syspage.gif) right top no-repeat;
			font-weight:bold;
		}
		
		.syspage strong {  color: #2068e3;}
		.syspage_num { color: #403e42;}
		
		.syspage em { color: #403e42; font-size: 12px; 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: #403e42; }
		.syspage a:hover { color: #2068e3;  text-decoration: none; }
	
	.liste-produit {
		margin: 30px 0 0;
		overflow: hidden;
		padding: 0;
		position: relative;
		width: 940px;
	}
		
	.bloc-produit {
		display: inline;
		float: left;
		font-size: 14px;
		font-weight:bold;
		height: 321px;
		margin: 0 0 40px 0;
		width: 201px;
		padding: 0 14px 0 18px;
		background: transparent url(/_boutiques/MACBOUTIC//site_image/filet_separation_long.gif) left top no-repeat;
	}
		.bloc-produit h2 {
			font-size: 14px;
			line-height: 16px;
			height: 32px; 
			overflow: hidden;
			font-weight: bold;
			margin: 0 0 10px;
			text-transform: none;
			text-align: center;
		}
		.bloc-produit a {  }
		.bloc-produit em, 
		.bloc-produit strong { }
		
	.bp-image {
		background: #fff;
		height: 198px;
		position: relative;
		text-align: center;
		width: 198px;
		margin: 0 0 10px;
	}
	
	.info-produit {
		height: 70px;
		line-height: 22px;
		overflow: hidden;
		font-size:20px;
	}
		.info-produit h2 { margin-top: 0; }
		.info-produit p { margin: 0; }
	
	.bouton_prd { width: 189px; }
		.btn_ajt { margin: 6px 0 0; display: block; }
		 img.btn_ajt_prd:hover { background: transparent url(/_boutiques/MACBOUTIC/theme/bout_plus_on.gif) 0 0 no-repeat; }
	
	.btn_ajt_panier { margin-top: 5px; display: block; }
	
	/**** Categories x6 ****/
	
	
	
	.liste-rayon {
		margin: 30px 0 0;
		overflow: hidden;
		padding: 0;
		position: relative;
		width: 940px;
	}
	
	.bloc-rayon, .bloc-rayon_x6 { margin: 0 0 40px 0; background: transparent url(/_boutiques/MACBOUTIC//site_image/filet_separation_small.gif) left top no-repeat;}
	.bloc-rayon { width: 140px; height: 170px; float: left; display: inline; overflow: hidden; padding: 0 9px; }
	.bloc-rayon_x6 { background: transparent url(/_boutiques/MACBOUTIC//site_image/filet_cat.gif) left 20px no-repeat; display: inline; float: left; padding: 0 9px; height: 180px; }
		.bloc-rayon_x6 ul { margin: 0; padding: 0; }
			.bloc-rayon_x6 ul li { list-style-type: none; padding: 0 6px; margin: 10px 0 40px; display: inline; float: left; text-align: center; width: 140px;  /*background: transparent url(/_boutiques/MACBOUTIC//site_image/filet_separation_small.gif) left top no-repeat;*/}
				.bloc-rayon_x6 ul li a { color: #2068e3; text-decoration: underline; text-align: center;}
					.bloc-rayon_x6 ul li a:hover { color: #2068e3; text-decoration: none;}
	
	.bloc-rayon img, .bloc-rayon_x6 img { width: 140px; }
	
		.bloc-rayon h2, .bloc-rayon_x6 h2 { font-size: 12px; font-weight: bold; margin: 0; text-align: center; text-transform: none; }
		.bloc-rayon_x6 h2 { text-align: left; }
			.bloc-rayon h2 a { color: #403e42; text-decoration: none; }
				.bloc-rayon h2 a:hover { color: #2068e3; text-decoration: none; }
			.bloc-rayon_x6 h2 a { color: #403e42; text-decoration: none; }
				.bloc-rayon_x6 h2 a:hover { color: #403e42; text-decoration: underline; }
	
	.ss_rayon2 { margin: 0; padding: 0; }
		.ss_rayon2 li { margin: 0; padding: 0; list-style-type: none; float: left; display: inline; }
	
	
	
	#carrousel_categorie_liste { margin: 0; padding: 0; float: right; }
		.bloc-rayon_liste { margin: 0 0 10px 0; padding: 0px 5px; float: left; display: inline; color: #403e42; }
			.bloc-rayon_liste h2  { margin: 0; color: #403e42; font-weight: normal; font-size: 12px; }
				.bloc-rayon_liste h2 a, .bloc-rayon_liste a  { color: #403e42; }
				.bloc-rayon_liste h2 a:hover, .bloc-rayon_liste a:hover,
				.bloc-rayon_liste h2 a.active, .bloc-rayon_liste a.active  { color: #2068e3; text-decoration: none; }
	
	
	.option1,
	.option2  { float: left; padding: 0 10px 35px 15px; width: 265px; background: transparent url(/_boutiques/MACBOUTIC//site_image/filet_separation_pp.gif) left top no-repeat; display: inline; margin: 20px 0 0; }
	.option1 strong, .option2 strong { font-size:14px; }
	.option1  { background: none;  width: 290px; padding-left: 0; }
	.prix_popup { font-size: 30px; font-weight: bold; line-height: 37px; width: 215px; margin: 0 45px 0 0; float: left; text-align: right;  }
	.btn_ajt_pp { }
	
	/**** Fiches produits ****/
	
	#bloc-img-produit { float: left; width: 226px; height: 205px; background: transparent url(/_boutiques/MACBOUTIC//site_image/filet_separation_court.gif) right top no-repeat; margin: 0 0 20px 0; }
		#bloc-img-produit a  { display: block; }
		
	
		#vignettes img { float: left; margin: 10px 5px; }
	
	#detail-produit, #extra-produit {
		margin: 0 0 0 250px;
		overflow: hidden;
	}
	
	#bloc_addthis  { float: right; width: 175px; }
		#bloc_addthis p.titre_addthis { }
		#bloc_addthis a { display: block; margin: 0 0 5px; width: 175px; }
	
	.description {}
	
	#complement {
		margin: 0 0 40px;
		float: left;
		width: 650px;
	}
	
	#bloc-achat { margin: 0 0 1em 0; }
	
		#bloc-achat form { line-height: 2em; margin: 1em 0; width: 100%; }
		* html #bloc-achat form { width: 99%; }

		#bloc-achat label { display: inline-block; padding: 0 0 0 60px; width: 145px; }
	
	.selecteurs-produit {
		margin: 1em 0;
		padding: 0 0 0.8em;
	}
	
	.quantite { width: 2em; }
	
	.prix {
		color: #403e42;
		float: left;
		font-size: 30px;
		font-weight: bold;
		line-height: 32px;
		width:175px;
	}
		.prix strong { color: #403e42;}
		.prix del { color: #218ee3; font-size: 0.8em; font-weight: normal; }
	
	.rassurance { background: transparent url(/_boutiques/MACBOUTIC//site_image/picto_garanties.gif) center top no-repeat; width: 198px; padding: 85px 0 40px; float: left; margin: 10px 80px 0 0; }
		.rassurance ul { margin: 0; padding: 0; }
			.rassurance ul li { list-style-type: none; background: transparent url(/_boutiques/MACBOUTIC//site_image/caseacocher.gif) 0 0 no-repeat; padding: 0 0 0 34px; margin: 0 0 25px; display: block; font-size: 14px; line-height: 17px; }
		.rassurance img { margin: 0 1em; }
	
	.lien-connexe {
		font-size: 0.86em;
		line-height: 1.72em;
		margin: 0 0 3em;
	}
		.lien-connexe a { color: #4d8a84; font-weight: bold; padding-left: 20px; }
	
	.lire-avis { background: url(/_boutiques/MACBOUTIC//site_image/lire-avis.png) 0 50% no-repeat; }
	.ecrire-avis { background: url(/_boutiques/MACBOUTIC//site_image/ecrire.png) 0 50% no-repeat; }
	.envoi-ami { background: url(/_boutiques/MACBOUTIC/theme/icone_ami.gif) 0 50% no-repeat; color: #2068e3; font-size: 12px; padding: 0 0 0 25px; }
	
	#bloc-pro-asso {
		background: #aad3ea;
		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 {
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px; 
		border-radius: 3px;
		background: #94031c;
		color: #fff;
		display: inline-block;
		padding: 3px 1em 2px 1em;
	}
	a.bouton-exergue:hover { background-color: #700215; color: #fff; text-decoration: none; }
	
	.popup_ajt { padding: 20px;}
	
	/**** Partage social ****/
	.liens_partage { margin-top: 10px;  }
		.liens_partage .fb_edge_widget_with_comment { float: left; }
		.liens_partage .addthis_toolbox { padding: 0; width: 107px; }
	
	/**** Personnalisation ****/
	.h1_perso { font-size: 18px; margin: 0 0 5px; }
	.form_perso .titre_perso { font-size: 14px; font-weight: bold; margin-bottom: 21px; }
	.form_perso #options_perso { margin-top: 20px; }
	.form_perso .colonne_perso { float: left; width: 300px; }
	.form_perso .sep { padding-left: 14px; background: transparent url(/_boutiques/MACBOUTIC//site_image/filet_separation_small.gif) left center no-repeat; }
	.form_perso .option_perso { float: left; clear: left; line-height: 13px; height: 13px; margin: 0 0 20px 0; width: 300px; }
	.form_perso .option_perso input { margin: 0px 10px 0 0; }
	.form_perso .option_perso label { line-height: 15px; }
	.form_perso .prix_valid { /*position: absolute; bottom: 0; left: 0;*/ height: 37px; text-align: center; width: 600px;  }
		.form_perso .prix_valid #le_prix { color: #3b3b3b; font-size: 30px; margin-right: 39px; vertical-align: middle; }
		.form_perso .prix_valid .bout_perso { margin: 0; padding: 0; }
	
	
	/**** Pages web ****/
	
	#pagesWeb { padding: 0 200px 40px 20px; }
		#pagesWeb h1, #pagesWeb .breadcrumb {margin-left:0; }
	
	#pagesWeb .container-page form label { display: block; float: left; line-height: 20px; width: 95px; text-align: right; margin-right: 4px; }
		#pagesWeb .container-page form input { width: 242px; margin: 0;  -moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px; border: 1px solid #403e42; }
		#pagesWeb .container-page form input.bouton { width: 131px; height: 35px; margin: 0;  border: none; }
		#pagesWeb .container-page form select,
		#pagesWeb .container-page form textarea { margin: 0; width: 252px;   -moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px; border: 1px solid #403e42; }
		#pagesWeb .container-page form textarea { width: 360px;  }
	
		
		
	/**** Processus de commande ****/
	
	.separateur { color: #888; }
	#pdc_box { font-size: 15px; color: #ccc;  margin-bottom: 50px;}
		#pdc_box p { margin: 0; text-align: center; }
		#pdc_box ul { margin: 12px 0; }
			#pdc_box ul li { background: none; border: 1px solid #ccc; float: left; margin: 0 6px; padding: 0 6px; height: 26px; line-height: 26px; text-indent: 0; }
			#pdc_box ul li.currentstep { border-color: #2068e3; color: #2068e3; }


	/**** 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: #b8b9bb;
		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/MACBOUTIC/theme/bg_cartouches-btn.png) 0 -50px no-repeat;
		color: #FFF;
		display: block;
		height: 31px;
		line-height: 31px;
		width: 160px;
	}
	#forms_selector a:hover { color: #FFF;  background-position: 0 -100px; text-decoration: none; }
	#forms_selector a.selected { color: #fff;  background-position: 0 0; }
		
	#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: 100%; margin :0; }
		ul#paiement li { margin: 0; padding: 1em 0; background: none; list-style: none; }
			ul#paiement li a.mode_paiement {
				background: #fff url(/_boutiques/MACBOUTIC//site_image/rs_fleche.gif) 10px 50% no-repeat;
				border: 1px solid #cfd0d1;
				display: block;
				height: 3em; 
				line-height: 3em;
				padding-left: 24px;
				position: relative;
			}
			ul#paiement li a.mode_paiement:hover { background-color: #cfd0d1; }
			ul#paiement li.click a.mode_paiement { background-color: #ccc; }
  
			ul#paiement li ul {
				border: 1px solid #cfd0d1;
				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: none; 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: #aad3ea; padding: 0.5em; margin: 0; }
		.avis img { margin-right: 5px; }
	
	
	/**** Contact.htm ****/
	#zd_contact { background: transparent url(/_boutiques/MACBOUTIC//site_image/carte_localisation.gif) 450px 49px no-repeat; }
	#zd_contact h2, #zd_contact p { margin-left: 20px; }
	#zd_contact p { line-height: 25px; font-size: 14px; } 
	
	.form-contact { }
		.form-contact p { margin-bottom: 30px; }
		.form-contact label { display: block; float: left; line-height: 25px; width: 95px; text-align: left; margin-right: 4px; font-size: 13px; }
		.form-contact input { width: 232px; height: 22px; margin: 0;  -moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px; border: 1px solid #403e42; }
		.form-contact select,
		.form-contact textarea { margin: 0; width: 252px;   -moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px; border: 1px solid #403e42;  box-shadow: 0 0.1em 0 rgba(0, 0, 0, 0.2), 0 0 0.2em rgba(0, 0, 0, 0.3); }
		.form-contact textarea { width: 460px;  }
			
			
	/**** News.htm ****/
	
	.news { }
	
	.date {
		border-top: 1px solid #85aba7;
		color: #85aba7;
		margin: 2em 0 0 0;
		text-align: right;
	}
		.date span {
			background: #fff;
			padding: 0 0 0 0.5em;
			position: relative;
			top: -0.7em;
		}
		
	.rs_news #contenu-principal h2 {
		font-weight: bold;
		margin-top: 0;
		text-transform: none;
	}
	
	
	/**** Parrainage ****/
	
	.form-parrainplus p { margin: 0;}
	
	/**** Mon Compte ****/
	
	.bonjour_compte { color: #2068e3; font-style: italic; font-size: 14px; line-height: 16px; margin: 0 0 1px 0; float: right; }
	.deco_compte { color: #2068e3; font-style: italic; font-size: 12px; line-height: 14px; clear: right; float: right; text-decoration: underline; }
	.deco_compte:hover { text-decoration: none; }
	
	#onglet_liens { float: left; margin-bottom: 50px; width: 100%; }
		#onglet_liens a { color: #403e42; font-size: 12px; line-height: 14px; display: block; padding-top: 33px; float: left; width: 25%; text-align: center; }
		#onglet_liens  span { display: block; width: 35px; height: 30px; margin: 0 auto 5px;  }
		#onglet_liens #onglLien1 span { background: transparent url(/_boutiques/MACBOUTIC/theme/picto_compte.png) left top no-repeat; }
		#onglet_liens #onglLien2 span { background: transparent url(/_boutiques/MACBOUTIC/theme/picto_compte.png) -35px top no-repeat; }
		#onglet_liens #onglLien3 span { background: transparent url(/_boutiques/MACBOUTIC/theme/picto_compte.png) -70px top no-repeat; }
		#onglet_liens #onglLien4 span { background: transparent url(/_boutiques/MACBOUTIC/theme/picto_compte.png) -105px top no-repeat; }
		#onglet_liens #onglLien5 span { background: transparent url(/_boutiques/MACBOUTIC/theme/picto_compte.png) -140px top no-repeat; }
			#onglet_liens a:hover,
			#onglet_liens .actif { color: #2068e3; text-decoration: none; }
			#onglet_liens #onglLien1:hover span,
			#onglet_liens #onglLien1.actif span{ background-position: left bottom; }
			#onglet_liens #onglLien2:hover span,
			#onglet_liens #onglLien2.actif span{ background-position: -35px bottom; }
			#onglet_liens #onglLien3:hover span,
			#onglet_liens #onglLien3.actif span{ background-position: -70px bottom; }
			#onglet_liens #onglLien4:hover span,
			#onglet_liens #onglLien4.actif span{ background-position: -105px bottom; }
			#onglet_liens #onglLien5:hover span,
			#onglet_liens #onglLien5.actif span{ background-position: -140px bottom; }
	
	
	.ongl_contenu { display: none; clear: both; }
	#onglContenu1 th { text-transform: lowercase; }
	#onglContenu3 .form-inline { width: 450px; margin: 0 auto; }

	#onglContenu4 .nb_points, #onglContenu5 .etat_nl, .etat_compte { height: 37px; background-color: #c8e3e0; text-align: center; padding-top: 15px; }
		#onglContenu4 .nb_points strong { font-size: 20px; color: #27c2b3; }
		
	

/**************************************************************************************************************************/
/* 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; border: none; }
	input.sans_contact { width: 131px; height: 35px; }
	
	
	/**** 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: #cfd0d1; }
		tr.styleCell1 strong { line-height: 23px; margin: 3px; }
		
	.styleCell2 { background-color: #e6e6e6; }
		tr.styleCell2 strong { line-height: 23px; margin: 3px; }
	
	#form-panier { }
	#form-panier td { vertical-align: middle; }
	

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