/* CSS Document */

.spip-admin-float { display:none; }

	* {
		margin:0;
		padding:0;
		font-family:Trebuchet MS;
		font-size:12px;
	}
	
	body {
		background: #800080;
		height: 100%;
	}
	
	img {
		border: none;
	}
	
	a {
		text-decoration: none;
	}
	
	p, #texte {
		color: #666666;
	}
	
	h3.spip {
		margin-top: 20px;
	}
	
	.spacer,
	.nettoyeur {
		clear:both;
		visibility: hidden;
		height: 1px;
	}
	
	
	#fond-gauche {
		background: url(/IMG/fond-gauche.jpg) repeat-y 100% 0;
		height: 583px;
	}
	
	#fond-gauche-2 {
		background: url(/IMG/fond-gauche-ext.jpg) no-repeat 0% 100%;
		height: 683px;
	}
	
	#fond-droite {
		background: url(/IMG/fond-droite.jpg) repeat-y;
		height: 583px;
	}
	
	#fond-droite-2 {
		background: url(/IMG/fond-droite-ext.jpg) no-repeat 0% 100%;
		height: 683px;
	}
	
	#ombre-haut {
		background: url(/IMG/ombre-haut.jpg) no-repeat 0 100%;
	}
	
	#ombre-bas {
		background: url(/IMG/ombre-bas.jpg) no-repeat;
	}
	
	#coin-haut-gauche {
		background: url(/IMG/coin-haut-gauche.jpg) no-repeat 100% 100%;
	}
	
	#coin-bas-gauche {
		background: url(/IMG/coin-bas-gauche.jpg) no-repeat 100% 0;
	}
	
	#coin-haut-droit {
		background: url(/IMG/coin-haut-droit.jpg) no-repeat 0 100%;
	}
	
	#coin-bas-droit {
		background: url(/IMG/coin-bas-droit.jpg) no-repeat;
	}
	
	#corps-page {
		width: 950px;
		background: #FFFFFF;
		position: relative;
	}
	
	#contenu {
     position: relative;
		padding: 5px;

	}
	
	#centre {
		clear: both;
	}
	

	
	/* MENU LANGUE */
		#mlang {
	 	position: absolute;
		/*right: 24px;*/
			right: 200px;
    /*top: 10px;*/
       top: 36px;
		padding-left: 7px;
		z-index: 100;
	}
	
	/*** LOGO / BANDEAUX ***/
	
	#logo {
	  background: url(/IMG/fond-logo.gif) no-repeat;
		width: 185px;
		height: 185px;
		border: none;
		float: left;
	}
	

	
	#bandeau-haut,
  #bandeau-coiffure,
#bandeau-pcoiffure,
  #bandeau-pesthetique,
  #bandeau-astuce,
  #bandeau-actu,
  #bandeau-vertus,
  #bandeau-balneo,
  #bandeau-massage,
  #bandeau-esthetique,
  #bandeau-soin-corps,
  #bandeau-beaute-mains,
  #bandeau-onglerie,
  #bandeau-epilation,
  #bandeau-maquillage,
  #bandeau-dermopigmentation,
  #bandeau-solarium,
  #bandeau-extension-cil,
  #bandeau-cadeaux,
  #bandeau-cm6,
  #bandeau-powerplate,
  #bandeau-formule-forme,
  #bandeau-mariage, 
  #bandeau-boutique,
   #bandeau-contact
   {
		width: 755px;
		height: 108px;
			float: left;
		margin-top: 22px;
	}
	
	/*** PANIER ***/
	
	#mon-compte-coin {
		/*background:url(../images/coin-mon-compte.gif) no-repeat 0 100%;*/
		position: absolute;
		right: 24px;
	/*	top: 0px; */
		padding-left: 10px;
		z-index: 10;
	}
	
	#mon-compte {
		width: 160px;
		background:#FFFFFF;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	#bouton_voir {
		width: 25px;
		background: #000692;
		color: #FFFFFF;
		text-decoration:none;
		display: block;
		text-align:center;
		padding: 5px;
		float:left;
	}
	
	#compte_info {
		text-align: center;
	}
	#acces-compte{
		padding-left:48px;
	}
	#acces-compte a{
		text-decoration:underline;
	}

	/*** MENU PRINCIPAL ***/
	
	#bandeau-menu {
		background:url(/IMG/fond-menu-home.jpg) no-repeat 0 100%;
		width: 755px;
		/*height: 185px;*/
		height: 180px;
		float: left;
		position: relative;
		z-index: 8;
		/*left: 4px;*/

	}
	
	#bandeau-menu-2 {
		background:url(/IMG/fond-menu-home.2.jpg) no-repeat 0 100%;
		float:left;
		height:55px;
		width:755px;
		position: relative;
z-index: 8;
	}
	
	#menu-principal{
		margin-left: 10px;
		position: absolute;
		bottom: 15px;
	}

	
	#menu-principal>li {
		display:inline;
		position:relative;
		height: 30px;
		padding: 20px;
        padding-right: 10px;
		/*background: url(/IMG/separateur-menu.gif) no-repeat 100% 100%;*/
	}
	
	#menu-principal>li a {
		color: #00008F;
		text-decoration: none;
		text-transform: uppercase;
	}
	
	#menu-principal>li:hover {
		background: url(/IMG/fond-menu-over.gif) no-repeat 100% 100%;
	}

	ul#menu-principal li ul{ display:none; }
	
	ul#menu-principal li:hover>ul{ display:block; }
	
	ul#menu-principal ul{
  	list-style:none;
  	margin:0px;
  	padding:0px;
  	width:220px;
  	font-size: 11px;
    position:absolute;
    top: 48px;
    left:0px;
    border: 1px solid #dcdcdc;

	}
	
	ul#menu-principal ul ul{
	  position:absolute;
	  /*top: 10px;*/
	  left:151px;

	}
	
	ul#menu-principal ul li {
		background: none;
		height: 25px;

	}
	
	
	
	ul#menu-principal ul li a{
    font-family:Arial, Helvetica, sans-serif;
    text-transform:none;
    font-size:0.8em;
    display: block;
    line-height: 25px;
    padding: 0px 5px ;
  	color: #00008F;
    text-decoration:none;
  	background-color:#f9f9f9;
  
	}
	
	ul#menulist li:hover>ul li a,
	ul#menu-principal ul li a:hover{
	  background: #800080;
	  color: #FFFFFF;

	}
	
	
	/*** COLONNE GAUCHE ***/
	
	#colonne-gauche {
		width: 185px;
		float: left;
		min-height: 200px;
	
	
	}

	#edito {
		padding: 5px;
	}
	
	/*** ZONE-TEXTE ***/
	
	#zone-texte {
		float: right;
		width: 755px;

	}
	
	#avertissement{
		position:relative; 
		top:-2em;
	}
	
	#texte {
	padding-left:70px;
	padding-top:60px;
	width: 360px;
	min-height:500px;
	float:left;
	}


	
	#largeurmax {
	margin : 70px;
	}
	
	#texte a {
		/*text-decoration:underline;*/
	}
	
	#zone-texte H1,
	#zone-texte H2,
	#zone-texte H3,
	#zone-texte H4,
	#zone-texte H5 {
		color: #000692;
		font-weight:normal;
	}
	
	#zone-texte H1 {
		font-size: 2em;
	}
	
	#zone-texte H2 {
		margin-top: 20px;
		font-size: 1.4em;
	}
	
	#zone-texte H3 {
		font-size: 1.4em;
	}
	
	#zone-texte H4 {
		font-size: 1.2em;
	}

	#zone-texte H5 {
		font-size: 1em;
	}
	
	#zone-texte .spip {
		color: #666666;
	}
	
	#texte ul {
		/*margin-left: 20px;*/
	}
	
	#image-texte {
		padding-left: 50px;
		padding-top: 50px;
		border-bottom: 1px solid #000692;
		position:relative;
	}
	
	#legende {
		position: absolute;
		right: 0;
		bottom: 0;
		text-align:right;
		color: #000692;
	}
	
	p.texte {
		padding-top: 30px;
		padding-bottom: 10px;
	}
	
	.socle-article {
		margin-top: 50px;
		position:relative;
	}
	
	/*** ARTICLE ***/

	span.image {
		float:left;
		border: 1px solid #7c695b;
		margin-right: 20px;
	}
	
	div.chapo {
		font-weight: bold;
	}
	
	/*** LISTE D'ARTICLES ***/
	
	#liste-articles li {
		position: relative;
		border-bottom: 1px solid #000692;
		list-style:none;
		list-style-image:none;
		padding-top: 10px;
		padding-bottom: 5px;
		padding-right: 30px;
	}
	
	.lien_detail {
		color: #000692;
		border-left: 1px solid #000692;
		position:absolute;
		bottom: 0px;
		right: 0px;
		padding: 5px;
	}
	
	/*** LISTE DES PRODUITS ***/
	
	#boutique {
		padding : 70px;
		width: 360px;
		float:left;
		color: #7c695b;
	}
	
	#colonne-droite {
		padding-top: 70px;
		width: 220px;
		float:right;
	}

#colonne-droite2 {
		padding-top: 70px;
		width: 220px;
		float:left;
	}
	
	
	#colonne-droite label {
		font-size: 0.9em;
	}
	
	#colonne-droite select {
		border: 1px solid #DB57F6;
		color: #7c695b;
		/*text-transform:lowercase;*/
		width: 200px;
	}
	
	
	#colonne-droite select:first-letter {
		text-transform:uppercase;
	}
	
	.pagination {
		float:right;
		padding-top:10px;
		padding-bottom:10px;
	}

.pagination-boutique {
		float:left;
	/* padding-top:10px;
		padding-bottom:10px; */
	}

.pagination-boutique a {
		font-weight: bold;
		color: #666666;
	}
	
	.pagination a {
		font-weight: bold;
		color: #666666;
	}
	
	#liste-produits li {
		list-style:none;
		list-style-image:none;
		position: relative;
		margin-bottom: 20px;
		margin-top: 10px;
		min-height: 100px;
	}
	
	#liste-produits img {
		float:left;
	}
	
	#liste-produits H3 {
		border-bottom: 1px solid #ec915a;
		width: 250px;
		text-align:right;
	}
	
	#liste-produits H3 a {
		color: #90482b;
		font-size: 1.2em;
	}
	
	#liste-produits .prix {
		color: #90482b;
		font-weight:bold;
	}
	
	#liste-produits .poids {
		margin-left: 50px;
		margin-right: 10px;
		float:left;
	}
	
	#liste-produits .ajouter {
		border-left: 1px solid #ec915a;
		color: #90482b;
		font-size: 0.9 em;
		float:right;
		padding-left: 5px;
	}
	
	#liste-produits .caracteristiques {
		float:right;
	}
	
	#liste-produits .caracteristiques li {
		display:inline;
		float:left;
		margin:0px 5px;
		padding:0;
		min-height: 10px;
	}
	
	/*** PANIER DE COMMANDE ***/
	
	#zone-panier {
	padding : 70px;
	width: 530px;
	min-height: 600px;
	}
	
	.tableau-panier {
		width: 100%;
		/*border: 1px solid #ec915a;*/
	}
	
		.tableau-panier tbody td {
			text-align:center;
		}
		
		.tableau-panier tbody td#prix {
			text-align:left;
		}
	
	.tableau-panier th {
		color: #7c695b;
		font-weight: bold;
		font-size: 1.1em;
		background: #f2f0ee;
	}

	.tableau-panier td,
	.tableau-panier th {
		padding: 5px;
	}
	
	.tableau-panier td {
		color: #666666;
	}
	
		/* version modifiée : #table-recap */
		div#texte.formulaire{
			width:390px;
		}
		
			td.recap-left{
				text-align:left !important;
				border-left:1px solid #F2F0EE;
			}
			#table-recap td{
				text-align:right;
				border-bottom:1px solid #F2F0EE;
				border-right:1px solid #F2F0EE;
				padding:4px 1px;
			}
			
	hr.panier {
		height: 1px;
		border-color:#7c695b;
		border-top: none;
	}
	
	#menu-panier {
		color: #7e6a5a;
		font-weight:bold;
		text-align:right;
		border-bottom: 1px solid #7e6a5a;
	}
	
	#menu-panier td{
		padding-top:18px;
		padding-bottom:0px;
	}

	#menu-panier a {
		font-size:14px;
	}
	
	#menu-panier a.lien2 {
		/* border-left : 1px solid #7e6a5a; */
		color: #e16f00;
	}
	
	#menu-panier #panier-continue{
		text-align:left;
	}

	/*** ENCARTS ***/
	
	#zone-encarts {

	}
	
	#zone-encarts .home {
		float: left;

	}
	
	#zone-encarts .gauche {
		width: 185px;
			
	}
	
	img.encart {
		width: 185px;
		height: 130px;
	
	}
	
#encart-actualites,
	#encart-boutique,
	#encart-recette,
	#encart-recette-2,
	#encart-pro {
		height: 130px;
	
	
	}
	
	#encart-actualites {
		width: 185px;
			background: #800080;


	}
	
	#encart-actualites H2 {
		color: #FB00FF;
		font-size: 1.4em;
		font-weight:normal;
		padding: 20px 0px 10px 20px;
	}
	
	#encart-actualites p {
		color: #000000;
		font-size: 1em;
		padding-left: 20px;
	}
	
	#encart-actualites p a,  #encart-actualites p a:hover{
		color:white;
	}
	
	#encart-boutique {
		width: 185px;
		}
	
	#encart-astuce {
		width: 380px; 
		position:relative;
	cursor:pointer;
	margin-left: 3px;
	z-index: 50;
	}
	
	#encart-astuce-2 {
		width: 185px; 
	
	}
	
	#astuce {
		width: 250px;
		color: #761268;
		position:absolute;
		text-align:right;
		right:0;
		bottom:0;
		padding: 0px;
		float:right;
		padding-right: 5px;
		z-index: 50;
	}

#astuce2 {
		width: 150px;
		color: #761268;
		position:absolute;
		top:410px;
		left: 30px;
		text-align:left;
		float:left;
		padding-left: 5px;
		z-index: 50;	
	}
	
	#recette-du-mois .titre {
		font-weight:bold;
		font-size: 1.2em;
	}
	
	#recette-du-mois .texte {
		float:left;
		font-size:0.9em;
		text-align:right;
		width:160px;
	}
	
	img.recette-du-mois {
		width: 50px;
		height: 50px;
		background:#FFFFFF;
		padding: 10px 10px 0px 10px;
		float: right;
	}
	
	#encart-pro {
		width: 190px;
	padding-left: 5px;
	z-index: 50;

			/*background: url(../images/encart-professionnels.jpg) no-repeat;*/
	}
	
		#encart-pro-2 {
		width: 185px;
				z-index: 50;
	/*padding-left: 5px;*/
			/*background: url(../images/encart-professionnels.jpg) no-repeat;*/
	}
	
	
	#encart-socle {
		height: 14px;
		background: url(../images/encart-socle.jpg) no-repeat;
	}
	
	/*** Formulaire de Contact ***/
	
	.spip_forms fieldset {
		border: none;
	}
	
	.spip_forms legend {
		margin-bottom: 20px;
		padding-right:420px;
		/*width:500px;*/
		border-bottom: 1px solid #7c695b;
		color: #7c695b;
		font-size: 1.2em;
	}
	
	.spip_forms label,
	.spip_forms .label,
	.spip_forms .textestatique_1 {
		color: #7c695b;
	}

	
	.icone_obligatoire {
		color: #000;
		font-weight:bold;
	}
	
	.spip_forms .spip_form_label {
		width: 80px;
		float: left;
	}
	
	form#nouveau{
		width:500px;;
	}
	
	.spip_forms .spip_form_champ {
		height: 30px;
		width:100%;
	}
	
	.spip_forms .texte_1 {
		height: 60px;
	}


	
	.spip_form_choix_unique li {
		display: inline;
		list-style:none;
	}
	
	.spip_forms input.ligne,
	.spip_forms input.email,
	.spip_forms input.fichier,
	.spip_forms input#nobotnobot-1 {
		border: 1px solid #b7b7b7;
	}
	
	.spip_forms input.ligne,
	.spip_forms input.email {
		width: 270px;
		}
	
	.spip_form_label_obligatoire,
	.spip_form_label_details {
		display: none;
	}
	
	.spip_forms textarea {
		border: 1px solid #b7b7b7;
		width: 335px;
		height: 50px;
	}
	
	.spip_forms .spip_bouton {
		width: 430px;
	}
	
	.spip_forms .spip_bouton input, .spip_commande input {
		color: #666666;
		font-size: 1.2em;
		font-weight: bold;
		width : 70px;
		background: #f1f1f1;
		border-top: none;
		border-left: none;
		border-right: 1px solid #b2b2b2;
		border-bottom: 1px solid #b2b2b2;
	}
	
	.spip_bouton input#validation, .spip_commande input#validation{
		width:150px;
	}
	
	hr.spip {
		visibility:hidden;
		height: 5px;
	}
	
	/*** GOOGLE MAP ***/
	
	#plan {
		position: absolute;
		top: 250px;
		right: 50px;
		z-index: 2;
		width:410px;
	
	}
	
	#plan a {
		color: #000;
		text-decoration:underline;
	}
	
	#map {
		width:410px;
		height: 184px;
		/*float: right;*/
	}
	
	/*** PLAN DU SITE ***/
	
	#plan-du-site ul {
		margin-left: 20px;
	}
	
	#plan-du-site ul li {
		list-style:none;
	}
	
	/*** PIED DE PÄGE ***/
	
	#zone-pied {
		background:url(/IMG/fond-pied.jpg) repeat-x;
		height: 38px;
	}
	
	#zone-pied #pied-de-page li {
		line-height: 38px;
	}
	
	#pied-de-page {
		margin-left: 13px;
				

	}
	
	#pied-de-page li {
		float: left;
		padding-right: 20px;
		list-style-image:url(/IMG/separateur-pied.gif);
			margin-left: 3px;
	}

	#pied-de-page2   {
		float: left;
		padding-right: 20px;
	/*** list-style-image:url(/IMG/separateur-pied2.gif);***/
			margin-left: 3px;
	}

	
	#pied-de-page li a {
		color: #a8a8a8;
	}

#pied-de-page2  a {
		color: #a8a8a8;
	}



	
	/* *** styles additionnels *** */
	p.texte a{
		text-decoration:underline;
	}
.marge {
margin-left: 5em;
}