/*
960 -> 760 -> 860
760 -> 560 -> 660 -> 761 -> 786

ombre
total
content

fp

fc

table.caddie
ligne
content
header
prix

fff
*/

 
html, body, table, tr, td, li, form, input, select, textarea, div, span, img, a, b, p, h1, h2, h3, h4  
	{
	font-family: Arial, Helvetica, sans-serif;
	}

html, body, form 
	{
	margin: 0px;
	padding: 0px;
	}

body
	{	
	#color: #CCCCFF;		/* Parme */
	color: #000000;			/* NOIR */
	font: 76%  Arial, Helvetica, Sans-Serif;
	
	
	#background:#000000; /* Fond Noir */
	
	background:#333333; /* Fond Bleu navye */
	}


table, th, td, input, select { font-size: 100%; }

	
	

h1 
	{
	/**
	color: #425B81;
	margin: 0px;
	padding: 0.5em;
	font-size: 1.5em;
	font-weight:bold;
	**/
	
	color: #425B81;
	
	font-size: 1.1em;
	font-weight:bold;
	vertical-align:middle;
	margin: 0px;
	padding: 0px;

	
	}

h2 {
	color: #425B81;
	
	font-size: 1.1em;
	font-weight:bold;
	vertical-align:middle;
	margin: 0px;
	padding: 0px;
	}
	
	

h3 {
	font-size: 1em;
	font-weight:normal;
	margin: 0px;
	padding: 0px;
	}
	

h4 {
	font-size: 0.9em;
	font-weight:normal;
	margin-top: 0px;
	padding: 0px;
	}

img {
	border: 0px;
	}

p 	{
	#color: #CCCCFF;		/* Parme */
	color: #000000;			/* NOIR */
	
	clear:both;
	font-size: 1em;
	}

td 	{
	#color: #CCCCFF;		/* Parme */
	color: #000000;			/* NOIR */
	
	font-size: 1em;
	}
	
/****/
	
input[type="text"], input[type="password"], textarea 
	{
	font-weight: bold;
	}
	
select:focus, textarea:focus, input:focus 
	{
	background-color: #ffffee;
	}
	
/****/

a 	{
	text-decoration: none;
	CURSOR: hand;
	}

a:link 
	{
	text-decoration: none;			/* text-decoration: underline */
	#color: #CCCCFF;		/* Parme */
	color: #000000;			/* NOIR */
  	font-weight: normal;
	}

a:visited 
	{
	text-decoration: none;			/* text-decoration: underline */
	#color: #CCCCFF;		/* Parme */
	color: #000000;			/* NOIR */
  	font-weight: normal;
	}
	
a:active  
	{ 
	#color: #CCCCFF;		/* Parme */
	color: #000000;			/* NOIR */
	text-decoration: underline 
	}

a:hover 
	{
	text-decoration: underline;
	#color: #CCCCFF;		/* Parme */
	color: #000000;			/* NOIR */
  	font-weight: normal; 
	}

textarea 
	{
	color:#000000;
	border: solid 1px #828282;
	background-color:#FFF;
	font-weight: none;
	font-family: Arial, Helvetica, Sans-Serif;
	padding:1px;
	border-spacing : 1px;
	width: 100%;
	font-size:1em;
	}
	
	
select 
	{
	color:#000000;
	border: solid 1px #828282;
	background-color:#FFF;
	}

.droite 
	{
	text-align: right;
	padding-left: 0px;
	}

.bold 
	{
	font-weight:bold;
	}
	
	
/**	A voir **/

input {
	color:#000000;
	/*border: solid 1px #828282;*/
	background-color:#FFF;
}

.bouton_ok
	{
	background-image:url('images/ok.jpg');
	background-repeat:no-repeat;
	
	width:24px;
	height:24px;

	border:0px;
	}

/********/

/* Header */

div.header
	{
	background-color:#fff;
	
	#background-color: #bbb; /* gris clair */
	background-repeat:no-repeat;
   
   /*
    width: 860px;
	height:180px;
	*/
	}


div.header ul 
	{
	margin: 0.3em;
	padding: 0.3em;
	}

div.header ul li 
	{
	#background-color:#fff;
	display: inline;
	float: left;
	list-style: none;
	}

div.header ul li.publicite 
	{
	text-align:right;
	}
	

/* Total */


div#ombre
	{
	
	/*background-image: url("http://www.atelier-bijoux-createurs.com/abc/images/abc/lave-mate2echantillon.jpg"); */

	margin: 0 auto;
    width: 886px; #1024px;
	}



div#total
	{
   	clear:both;

	#background-color: #555555;	/* Gris clair */
	
	#background-color: #bbb;	/* Gris tres clair */
	
	background-color: #fff;	/* Gris tres clair */
	
	
	/*************** FOND D'ECRAN *********/
	
   	/* background-image: url("http://www.atelier-bijoux-createurs.com/abc/images/abc/ardoise3-1000.jpg"); */
  
  	#background-image: url("http://localhost:8888/ink/images/abc/ardoise3-1000.jpg");
  	
  	/*********** FIN FOND D'ECRAN *********/	

	color: #000;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
    width: 846px;		/* Largeur totale */
	}
	



	

/* CADRE */
/* MODELES/INK/HAUT COLONNE DE GAUCHE */


#cadre
	{	
	width:185px;		/* 186px; */
	margin-left: 5px;	/* 5px; */
	padding-left:0px;
	border: 1px solid #54719b;
	}
	
#cadre #header1  
	{ 
	background-color:  #CCCCFF;
	margin-bottom: 6px; 
	padding-left: 8px; 
	width: 166px; 
	height: 34px; 
	}
	
#cadre #promotion  
	{ 
	background-color:  #CCCCFF;
	
	margin-left: 3px;

	padding-left: 20px; 
	width: 159px;  /* 166px; */ 
	height: 34px; 
	}

	
#cadre #content_menu ul li		/* OK */
	{	
	padding-left: 0px;			/* 10px; */
	color:#993333;
	font-size:10pt; 
	text-decoration:none
	}

#cadre #content_menu ul table tr td li		
	{	
	
	margin-left: 20px;
	padding-left:0px;			/* 10px; */
	color:#993333;				/* rouge */
	font-size:10pt; 
	text-decoration:none;
	
	}

/****	
.petit    		{ font-size:8pt; font-family:verdana, arial, sans-serif; text-decoration:none }
.petit:link     { color:#333399 }
.petit:visited  { color:purple }
.petit:hover    { color:#cc0000; text-decoration:underline }
****/


/*
	#color: #CCCCFF;		Parme 
	#color: #000000;		noir 
	#color: #993333;		rouge 
	
	#color: #e2007a;		I rose logo 
	#color: #e7511f;		N orange logo  
	#color: #ffed00;		K jaune logo 
	#color: #bd0d22;		W rouge  logo  
	#color: #f29400;		E orange clair  logo  
	#color: #99c206;		L vert logo 
	#color: #00a9d2;		C bleu clair logo 
	#color: #94107e;		O violet logo  
	#color: #314488;		M bleu logo  
	#color: #7369a6;		E mauve logo  
	 	
*/


#cadre #content_menu ul table tr td li a 	
	{
	cursor: hand;
	
	text-decoration: none;
	font-weight: bold;
	}

#cadre #content_menu ul table tr td li a:link 
	{	
	color: #314488;
	
	text-decoration: none;	
  	#font-weight: normal;
	}

#cadre #content_menu ul table tr td li a:visited 
	{
	color: #7369a6;	

	text-decoration: none;	
  	#font-weight: normal;
	}
	
#cadre #content_menu ul table tr td li a:active  
	{ 
	color: #99c206;
	text-decoration: underline 
	}

#cadre #content_menu ul table tr td li a:hover 
	{
	color: #314488;
	text-decoration: underline;
  	#font-weight: normal; 
	}



/**********/
	


#cadre #header  
	{ 	
	margin-bottom: 6px; 
	width: 185px;
	height: 28px; 
	border-bottom: 1px solid #54719b;
	}


#cadre #header h1
	{
	#color: #000;	/*noir*/
	#color: #fff;	/*blanc*/
	#font-family:Trebuchet Ms;
	
	color:#993333;	/*rouge/brun*/
	font-weight:bold;
	font-family:verdana, arial, sans-serif;
	font-size:12px;
	padding-top:5px;
	padding-left:5px;
	
	width: auto;
	}
	
#cadre #header h2		/* TITRE de bloc colonne de gauche */
	{
	#font-family:Trebuchet Ms;
	#color: #000;	/*noir*/
	#color:#993333;	/*rouge/brun*/
	
	color: #fff;	/*blanc*/	
	
	font-weight:bold;
	font-family:verdana, arial, sans-serif;
	font-size:12px;
	padding-top:5px;
	padding-left:5px;
	width: auto;
	
	}

	
#cadre #content_menu
	{
	font-size:12px;
	color:#000;
	#font-family:Trebuchet Ms;
	
	font-family:verdana, arial, sans-serif; 
	}
	
#cadre ul
	{
	padding-left:0;
	margin:0;
	}

#cadre .espace_gauche
	{
	padding-left:10px;
	}
	
	

#cadre #content_menu ul
	{
	list-style-type:disc;
	}









	
#cadre .espace_droite
	{
	padding-left:5px;
	}
	
#cadre p
	{
	padding:0;
	margin:0;
	}

#cadre h3
	{
	background-image:url('images/separateur_gris.gif');
	background-repeat:no-repeat;
	color:black;
	font-size:12px;
	font-weight:bold;
	font-family:Trebuchet Ms;
	line-height:24px;
	}
	
	



/* new color */


#cadre .footer 
	{
	height:11px;
	}

/*fin cadre */


/** Nouveau top menu **/

/* Top Menu */

div#topmenu 
	{
	text-align: right;
	}
	
div#topmenu ul 
	{
	list-style : none;
	margin: 0px;
	padding: 0.2em 0 0.2em 0;	/* top left bottom right */
	
	text-align: right;
	}


div#topmenu li 
	{
	border-left: 1px solid #bbb;
	display: inline;
	padding: 0 0.5em 0 0.6em;
	}


div#topmenu li.first 
	{
	border-left: 0px;
	padding: 0em 0.5em 0 0.6em;
	}


div#topmenu li.last 
	{
	border-left: 1px solid #bbb;
	padding: 0 0.5em 0 0.0em;
	}




/* Header */

/** Nouveau menu1 **/

/* Menu1 */

div#menu1 {
	background: #425B81;
	clear: both;
	color: #fff;
	font-size: 100%;
	overflow: hidden;
	width: 100%;
}
div#menu1 ul {
	margin: 0px;
	padding: 0px;
}
div#menu1 ul li {
	background: #425B81;
	border-right: 1px solid #fff;
	color: #fff;
	display: inline;
	float: left;
	list-style: none;
	}
div#menu1 ul li a {
	background: #425B81;
	color: #fff;
	display: block;
	padding: 0.3em 1em 0.3em 1em;
	text-decoration: none;
}

div#menu1 ul li a:hover {
	color: #fff;
	background: #98a9d2;
	text-decoration: underline;
}
div#menu1 ul li.active {
	background: #98a9d2;
	color: #000;
	padding: 0.3em 1em 0.3em 1em;
}




/* Content */
/* deux colonnes : colonne menu droite, voir right.css */
/* trois colonnes : colonne menu droite et menu gauche, voir left_right.css */
/* Tableaux avec les produits */

table.produits 
	{
	border-top: 0px;
	border-bottom: 0px;
	margin: 0.2em;
	width: 100%;
	}

/* Produits sur deux colonnes */
td.produit2col 
	{
	padding: 0.4em;
	vertical-align: top;
	text-align: center;
	#width: 50%;
	width: 25%;
	}
	
.bordure 
	{
	/*border-right: 1px dotted #000;*/
	}
	
td.produit2col img 
	{
	/*float: left;*/
	}
	
td.produit2col div.zoom 
	{
 	/*float: left;*/
	}
	
td.produit2col div.zoom p 
	{
 	/* 
 	margin: 0px;
	text-align: center;
	*/
	}

p.flash
	{
	color:#dd0000;
	font-weight:bold;
	}
	
.retour 
	{
	clear: both;
	margin-right: 0px;
	}
	
p.retour img 
	{
	float: none;
	}
	
.alignerimage 
	{
	vertical-align: middle;
	}
	
	

/* Enregistrement Début */

div.enregistrement 
	{
	width: 540px;
	color: #000;
	margin: 0.2em 0 0.5em 0;
	padding: 0.2em 0 0.2em 0;
	}

div.enregistrement span.enregistrement
	{	
	color: #000;
	margin: 0.2em 0 0.5em 0;
	padding: 0.2em 0 0.2em 0;
	}

div.enregistrement span.enregistrementgauche 
	{
	color: #000;
	float: left;
	margin: 0.2em 0 0.5em 0;
	padding: 0.2em 0 0.2em 0;
	width: 130px;
	height:30px;
	
	text-align:  right;
	}

div.enregistrement span.enregistrementdroite  
	{
	
	color: #000;
	float: left;
	margin: 0px 0px 10px 15px;		/* top right  bottom left*/
	padding:2px 0 2px 0;
	width: 320px;
	height:30px;
	}
	
form#entryform table 
	{
	margin-top: 20px;	
	width: 100%;
	}
	
form#entryform td
	{
	vertical-align: middle;
	#text-align: right;
	}
	
form#entryform input 
	{
	width: 400px;
	}

form#entryform textarea 
	{
	width: 400px;
	height:180px;
	}

form#entryform p 
	{
	text-align: left;
	}
	

form#entryform span input.champtexte 
	{
	width:250px;
	}

form#entryform fieldset {
	border: 1px solid #bbb;
	width:500px;
}

.notice, .etoile {
	color:#990000;
	font-weight:bold;
	font-size:0.9em;
}

.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}

/*********/



/* Tableau minicaddie*/

table.minicaddie 
	{
	width: 99%;
	}
	
table.minicaddie td 
	{
	border-bottom: solid 1px #bbb;
	padding: 0.1em;
	}

table.minicaddie td.final 
	{	
	font-weight:bold;
	#color: #CCCCFF;		/* Parme */
	color: #000000;			/* NOIR */
	}

table.minicaddie caption 
	{	
	background: #54719B;
	color: #fff;
	font-weight: bold;
	text-align: left;
	}
	

/* Tableau caddie et historique des commandes */

table.caddie 
	{
	width: 98%;
	}
	
table.caddie td 
	{
	border-bottom: solid 1px #bbb;
	padding: 0.1em;
	}
	
table.caddie th 
	{
	/* border-bottom: solid 1px #ddd; */
	padding: 0.1em;
	}
	
table.caddie caption 
	{	
	background: #54719B;
	color: #fff;
	font-weight: bold;
	text-align: left;
	}

.listeprod 
	{
	text-align: left;
	}

div.totalcaddie p 
	{
	padding-right: 1em;
	text-align: left;
	}
	

div.totalcaddie ul 
	{
	list-style : none;
	margin: 0px;
	padding: 0.5em 0 0.5em 0;
	}
	
div.totalcaddie li 
	{
	border-left: 1px solid #bbb;
	display: inline;
	padding: 0 0.5em 0 0.6em;
	}
	
div.totalcaddie li.premier 
	{
	border-left: 0px;
	padding: 0 0.5em 0 0.6em;
	}
	
div.totalcaddie li.dernier 
	{
	border-left: 1px solid #bbb;
	padding: 0 0.5em 0 0.6em;
	}

.boutoncaddie ul 
	{
	list-style : none;
	margin: 0px;
	padding: 0.5em 0 0.5em 0;
	}
	
.boutoncaddie  li 
	{
	border-left: 1px solid #bbb;
	display: inline;
	padding: 0 0.5em 0 0.6em;
	}
	
	


/* Footer */

div#footer 
	{
	clear: both;
	width: 100%;
	#color: #CCCCFF;		/* Parme */
	color: #000000;			/* NOIR */
	}
	
div#footer ul 
	{
	list-style : none;
	margin: 0;
	padding: 0.5em 0 0.5em 0;
	
	border-top:1px solid #C7C7C7;	
	}
	
div#footer li 
	{
	border-left: 1px solid #bbb;
	display: inline;
	padding: 0 0.5em 0 0.6em;
	}
	
div#footer li.first 
	{
	border-left: 0px;
	padding: 0 0.5em 0 0.6em;
	}
	
div#footer li.last 
	{
	/*border-left: 1px solid #ddd;*/
	padding: 0 0.5em 0 0.6em;
	}
	
	
	

/*maryline page change_mot_pass_form*/
.changepass 
	{
	background: #fff;
	border: 1px solid #bbb;
	color: #000;
	float: left;
	margin: 0.2em 0 0.5em 0;
	padding: 0.3em 0 0.2em 0;
	width: 98%;
	}

/*maryline page change_param_form*/
.changeparam 
	{
	background: #fff;
	border: 1px solid #bbb;
	color: #000;
	float: left;
	margin: 0.2em 0 0.5em 0;
	padding: 0.3em 0.2em 0.2em 0.2em;
	}

.changeparamgauche 
	{
	background: #fff;
	color: #000;
	float: left;
	margin: 0.2em 0 0.5em 0;
	padding: 0.2em 0 0.2em 0;
	width: 278px;
	}
	
.changeparamdroite 
	{
	background: #fff;
	color: #000;
	float: left;
	margin: 0.2em 0 0.5em 4px;
	padding: 0.2em 0 0.2em 0;
	width: 278px;
	}

.changeparam2 {
	background: #fff;
	color: #000;
	float: left;
	margin: 0.2em 0 0.5em 0;
	padding: 0.3em 0 0.2em 0;
}

.formulaire-param {width:150px;}

/*maryline page historique_commande_liste*/
div#commande 
	{
	background: #54719B;
	clear: both;
	color: #54719B;
	font-size: 100%;
	overflow: hidden;
	width: 100%;
	height:30px;
	}
	
div#commande ul 
	{
	margin: 0px;
	padding: 0px;
	height:30px;
	}
	
div#commande ul li 
	{	
	background: #54719B;
	color: #fff;
	display: inline; 
	list-style: none;
	line-height:10px;
	}
	
div#commande1 
	{
	clear: both;
	color: #000000;
	font-size: 100%;
	overflow: hidden;
	width: 100%;
	height:30px;
	}
	
div#commande1 ul 
	{
	margin: 0px;
	padding: 0px;
	height:30px;
	}
	
div#commande1 ul li 
	{
	color: #000000;
	display: inline;
	list-style: none;
	line-height:10px;
	}
	
	
/* maryline page step1  */

.stepgauche 
	{
	background: #fff;
	color: #000;
	float: left;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	}

.stepdroite 
	{
	background: #fff;
	color: #000;
	float: left;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	padding-top: 0pt;
	width: 100%;
	}
	
form#entryformstep p 
	{
	text-align: left;
	}

form#entryformstep fieldset 
	{
	border: 1px solid #bbb;
	}

form#entryformstep legend 
	{
	color:#000000;
	font-weight:bold;
	}

form#entryformstep p.droite 
	{
	text-align: right;
	}

form#entryformstep textarea 
	{
	width: 98%;
	}

form#entryformstep p.boutonenregistrement 
	{
	clear: both;
	}

/* fieldset {border:1px solid #dddddd;color:#000000;} */

legend {color:#314488;font-weight:bold;}

.fieldset {color : #000099;}
.formulaire-achat {width:140px;}



/* achat/index.php */

.achatgauche 
	{
	background: #ff0000;
	border: 1px solid #bbb;
	color: #000;
	float: left;
	margin-top: 0.5em;
	min-height: 260px;
	padding-top: 0.5em;
	width: 250px;
	}
	
.achatdroite 
	{
	background: #fff;
	border: 1px solid #bbb;
	color: #000;
	float: left;
	margin: 0.5em 0 0 4px;
	min-height: 260px;
	padding-top: 0.5em;
	width: 250px;
	}

/*caddie.php */

th.caddie
	{
    # background: #425B81;
    
    background: #333300;
	color : #ffffff;
	}

ul.caddie {text-align:center;}
.caddie_red {color : #ff0000; font-weight:bold;}

p.caddie_bold {color : #000000; font-weight:bold;text-align: left;}

div#choix_zone p
	{
	text-align: left;
	}

/*step2 */

.step2 {
	background: #fff;
	color: #000;
	float: left;
	margin: 0.2em 0 0.5em 0;
	padding: 0.2em 0 0.2em 0;
	width: 98%;
}

#step2caddie 
	{
	background: #fff;
	background-color: transparent  ;
	color: #000;
	float: left;
	width: 98%;
	text-align:right;
	}
	
#step2caddie p 
	{
	text-align: right;
	padding: 0px;
	margin: 0px;
	}


div#center {text-align:center;}

#center img
	{
	border:0px;
	}

div#left {text-align:left;}


/*achat/produit_details.php */

.produit_detail_gauche 
	{
	background: #fff;
	border: 1px solid #bbb;
	float: left;
	margin: 0.2em 0 0.5em 0;
	padding: 0.2em 0 0.2em 0;
	width: 278px;
	}
	
.produit_detail_droite 
	{
	background: #fff;
	border: 1px solid #bbb;
	float: left;
	margin: 0.2em 0 0.5em 4px;
	padding: 0.2em 0 0.2em 0;
	width: 278px;
	}
	
div.produit_detail_droite p {text-align:left;}
div.produit_detail_gauche p {text-align:center;}

.produit_detail_img3 
	{
	background: #fff;
	border: 1px solid #bbb;
	float: left;
	margin: 0.2em 0 0.5em 0;
	padding: 0.2em 0 0.2em 0;
	width: 278px;
	text-align:center;
	}
	
.produit_detail_img4 
	{
	background: #fff;
	border: 1px solid #bbb;
	float: left;
	margin: 0.2em 0 0.5em 4px;
	padding: 0.2em 0 0.2em 0;
	width: 278px;
	text-align:center;
	}


div ul.produit_detail 
	{
	background: #ffffff;
	float: left;
	width: 33%;
	margin: 0.5em 0 0.5em 0;
	padding: 0px;
	}

div ul.produit_detail li 
	{
	list-style-type: none;
	padding: 0 0 0 0.5em;
	}

input img 
	{
	border:0px;
	}

/* utilisateurs/contact */

#contact table
	{
	padding:1em;
	}

#contact textarea
	{
	width: 90%;
	}

#contact input
	{
	width: 90%;
	}

#contact .bouton
	{
	# font-weight: normal;
	
	width:125px;
	color:#000000;
	border: solid 1px #828282;
	background-color:#FFF;
	font-weight: none;
	font-family:   Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	padding:1px;
	border-spacing : 1px;
	}

#contact .gauche
	{
	width: 25%;
	}

#contact .droite
	{
	width: 75%;
	}


/* fonction colonne */

#colonne 
	{
	text-align:center;
	}

/* Module publicité */

#publicite 
	{
	text-align:center;
	}

/* Module nuage de tag */

#nuage 
	{
	text-align: justify;
	position:relative;
	line-height:25px;
	padding: 0.5em;
	}
	
#nuage a {text-decoration:none}
#nuage a.level0 {font-size:9px; color:#BFBFBF;}
#nuage a.level1 {font-size:9px; color:#B8C9D6;}
#nuage a.level2 {font-size:10px; color:#668AA8;}
#nuage a.level3 {font-size:10px; color:#47657B;}
#nuage a.level4 {font-size:11px; color:#E76300;}
#nuage a.level5 {font-size:11px; color:#685C65;}
#nuage a.level6 {font-size:12px; color:#8C524D;}
#nuage a.level7 {font-size:13px; color:#B44732;}
#nuage a.level8 {font-size:14px; color:#E53A11;}
#nuage a.level9 {font-size:15px; color:#E76300; font-weight: bold}
#nuage a.level10 {font-size:17px; color:#FF3300; font-weight: bold}
#nuage a:hover {color: white; background-color: #668AA8;}



/* Affichage des produits en ligne */

.col_flash 
	{
	width: 550px;
	float: left;
	color:#dd0000;
	font-weight:bold;
	}
	
.col1 
	{
    width: 175px;
	padding-top: 10px;
	padding-bottom: 2px;
	float: left;
	}

.col1_nom 
	{
	width: 49%;
	height:20px;
	float: left;
	margin-left:0.5em;
	}
	
.col1_prix 
	{
	width: 49%;
	height:20px;
	float: left;
	text-align:right;
	}

.espace_prod 
	{
	width: 550px;
	float: left;
	height:10px;
	}

.col2 
	{
	width: 250px;
	padding-top: 10px;
	padding-bottom: 2px;
	float: left;
	}
	
.col3 
	{
	padding-top: 10px;
	padding-bottom: 2px;
	float: left;
	}

.col4 
	{
    width: 550px;
	float: left;
	}
	
div.col_zoom 
	{
	width:160px;
	text-align:center;
	font-weight:normal;
	font-size:1em;
	}

div.col_zoom a 
	{
	font-weight:normal;
	font-size:1em;
	text-decoration:none;
	}

.col_zoom:link,.zoom:visited, .zoom:active {
	font-weight:normal;
	font-size:1em;
	text-decoration:none;
}

.col_zoom:hover {
	font-weight:normal;
	font-size:1em;
	text-decoration:underline;
}


div.col_detail {
    float: left;
	background-image:url('images/bouton_fond.png');
	background-repeat:no-repeat;
	width:133px;
	height:27px;
	text-align:center;
	font-weight:normal;
	color:#fff;
	font-size:1em;
}

.col_detail:link, .col_detail:visited, .col_detail:active{
	font-weight:normal;
	color:#fff;
	font-size:1em;
	text-decoration:none;
}

.col_detail:hover {
	font-weight:normal;
	color:#fff;
	font-size:1em;
	text-decoration:underline;
}

.espace_haut 
	{
	padding-top: 10px;
	}



/* Coupd de Coeur NEW */

table.fc1 
	{
	background-color:   transparent;
	width:175px;
	}
	
td.fc1_titre_produit 
	{
	background-color: transparent;
	width:175px;
	font-size : 12px;
	font-weight:bold;
	#color:#000;
	#color: #CCCCFF;		/* Parme */
	color: #000000;			/* NOIR */
	}

td.fc1_prix 
	{
	text-align: center;
	border-top:1px solid #C7C7C7;	
	height:25px;
	font-weight:bold;
	color:#C7C7C7;
	font-size:1em;
	}

td.fc1_image 
	{
	width:175px;
	height:175px;
	text-align:center;
	vertical-align:middle;
	}




/* Page catalogue */

table.fc 
	{
	background-color:#fff;
	width:260px;
	}

td.fc_titre_produit 
	{
	background-color:#fff;
	width:260px;
	font-size : 1em;
	font-weight:bold;
	border-top:1px solid #C7C7C7;
	}

td.fc_prix 
	{
	text-align:right;
	border-top:1px solid #C7C7C7;
	height:25px;
	font-weight:bold;
	color:#cc0000;
	font-size:1em;
	}

td.fc_flash 
	{
	text-align:center;
	border-top:1px solid #C7C7C7;
	font-weight:bold;
	color:#cc0000;
	font-size:1em;
	}

td.fc_descriptif 
	{
	color:#000;
	font-size:1em;
	text-align:justify;
	height:25px;
	}

td.fc_image 
	{
	border:1px solid #C7C7C7;
	width:260px;
	height:260px;
	text-align:center;
	vertical-align:middle;
	}

td.fc_zoom 
	{
	background-image:url('images/fc_fond.png');
	background-repeat:no-repeat;
	width:110px;
	height:25px;
	text-align:center;
	font-weight:bold;
	font-weight:normal;
	color:#fff;
	font-size:1em;
	}

td.fc_zoom a
	{
	font-weight:normal;
	color:#fff;
	font-size:1em;
	text-decoration:none;
	}

.zoom:link,.zoom:visited, .zoom:active
	{
	font-weight:normal;
	color:#fff;
	font-size:1em;
	text-decoration:none;
	}

.zoom:hover
	{
	font-weight:normal;
	color:#fff;
	font-size:1em;
	text-decoration:underline;
	}

td.fc_detail 
	{
	background-image:url('images/fc_fond.png');
	background-repeat:no-repeat;
	width:110px;
	height:25px;
	text-align:center;
	font-weight:normal;
	color:#fff;
	font-size:1em;
	}
	

.plus_detail:link, .plus_detail:visited, .plus_detail:active 
	{
	font-weight:normal;
	color:#fff;
	font-size:1em;
	text-decoration:none;
	}

.plus_detail:hover 
	{
	font-weight:normal;
	color:#fff;
	font-size:1em;
	text-decoration:underline;
	}

/* Page catalogue 556px */



	
/**** fp1 -> produit_detail ***/

table.produit_detail	
	{
	background-color: transparent;
	border:1px solid #C7C7C7;
	
	width: 314px;		#418px; 
	}

td.produit_detail_ami 
	{
	background-color: transparent;
	width:180px;
	padding-left: 20px;
	text-align:left;
	vertical-align: top;	
	}

td.produit_detail_criteres 
	{
	background-color: transparent;
	width: 130px;		#208px;
	padding-top: 5px;
	padding-right: 5px;
	text-align: right;
	vertical-align: bottom;	
	}
	
	



td.fp_image_grande 
	{	
	width:300px;			/* dimension image */
	height:300px;			/* dimension image */
	font-weight:bold;
	color:#000;
	font-size:1em;
	text-align:center;
	vertical-align: top;
	}


td.fp_produit 
	{
	width: 324px;		#418px;
	padding-left: 20px;
	padding-right: 10px;
	background-color: transparent;
	font-size : 1em;
	font-weight:normal;
	color:#000;
	vertical-align:top;	
	}
	
td.fp_descriptif 
	{	
	width:448px;
	text-align:justify;
	}

td.fp_ami 
	{	
	width:448px;
	/* background-color:#fff; */
	border:1px solid #C7C7C7;
	text-align:left;
	}
	
td.fp_descriptif 
	{
	color:#000;
	font-size:1em;
	text-align:justify;
	height:25px;
	}

td.fp_image 
	{	
	width:187px;
	text-align:center;
	vertical-align:middle;
	}


	
table.fp 
	{
	background-color: transparent;
	width: 629px;		#748px;
	}
	



	
	
	
	
	
	

span.titre_produit 
	{
	color:#330;
	font-size: 1.1em;
	font-weight:bold;
	}

p.prix 
	{
	font-weight:bold;
	color:#330;
	font-size:1em;
	}

p.notice 	
	{
	color:#330;
	font-size:1em;
	text-decoration:none;
	}


/***** NOUVEAU 20/08/09 ****/
.notice:link, .notice:visited, .notice:active 
	{
	color:#330;
	font-size:1.2em;
	text-decoration:none;
	}

.notice:hover 
	{
	color:#fff;
	font-size:1.2em;
	text-decoration:underline;
	}
/***/



span.prix 
	{
	 color:#cc0000;
	# font-size:1em;
	
	font-weight:bold;
	#color:#fff8dc;
	font-size:13px;
	}

span.ecotaxe 
	{
	font-weight:normal;
	color:#000;
	font-size:0.9em;
	}
	
	


#top 
	{
	width:180px;
	margin: 0px;
	padding: 0px;
	}

#top h3 	
	{
	/*background-image:url('images/separateur_arrow.gif');
	background-repeat:no-repeat;*/
	color:black;
	font-size:11px;
	font-weight:bold;
	line-height:24px;
	width:180px;
	padding-left:30px;
	# margin-left:-5px;
	}

#top p 	
	{
	padding: 0px;
	margin: 0px;
	text-align:center;
	}
	

.bouton 
	{
	color:#000;
	margin-top: 20px;
	
	text-align:center;
	font-size:1em;
	}

.bouton:link, .bouton:visited, .bouton:active 
	{
	#color: #CCCCFF;		/* Parme */
	color: #000000;			/* NOIR */
	font-size:1em;
	}

.bouton:hover 
	{
	#color: #CCCCFF;		/* Parme */
	color: #000000;			/* NOIR */
	text-align:center;
	text-decoration:underline;
	font-size:1em;
	}


.clicbouton 
	{
	background-image:url('images/bouton_fond.png');
	background-repeat:no-repeat;
	color:#fff;
	width:133px;
	height:27px;
	text-align:center;
	font-size:1em;
	border:0px;
	padding-bottom:0.6em;
	}
	
	
#content     
	{ 
	width: 634px;	
	
	padding-left:  10px;
	padding-right: 10px;
	text-align: justify; 
	float: left;
	}

/*	
#content table
	{
	border-width: 0px;
	border-spacing:0px;
	padding:0px;
	
	padding-bottom:20px;
	
	width:100%;
	}
		
#content table td
	{
	
	line-height: inherit;
	padding:0px;
	
	}	

	
color: #ffffff;				 	blanc 
background-color:#993333;		rouge/brun
*/

#content table
	{
	padding-bottom:20px;
	padding-right:10px;
	width:100%;
	}


#content table td h1, h2 
	{
	color: #ffffff;				
	background-color:#993333;	
	font-size: 13px;
	font-weight:bold;
	vertical-align:middle;
	height:20px;
	padding-top:5px;
	padding-left:5px;
	
	border-collapse: collapse;
	width: 100%;

	}

#produitenligne table
	{
	border-collapse: collapse;
	width: 100%;

	padding:0px;
	}

/**
.blanc:link {color:#ffffff;}
.blanc:visited {color:#ffffff;}
.blanc:hover {color:#ffffff; text-decoration:none;}
**/

.blanc:link {color:#2b4386;}		/* bleu inkwelcome */
.blanc:visited {color:#2b4386;}
.blanc:hover {color:#2b4386; text-decoration:none;}



/* scroller modules/menus/fonctions.php */

#pscroller1
	{
	width: 90%;
	height: 230px;
	padding: 10px;	
	}
	
/* Modification de la taille des images dans le cadre publicite de la page bas.php*/

.ImgPub img
	{
	width:180px;
	height:76px;
	}
	
/******** function affiche_header_html *****/

/***
	<style type="text/css">
		<!--
***/		
		div#entete 
			{
			font-family: Arial, Helvetica, sans-serif;
			background-color: #999;
			height: 192px;
			width: 786px;
			}
			
			
		div#contenu 
			{
			font-family: Arial, Helvetica, sans-serif;
			height: 760px;
			width: 580;	#786px;	largeur contenu
			margin: 0px;
			padding: 0px;
			float: left;
				
			background-image: url(./images/abc/accueil_12.jpg);
							
			background-repeat: no-repeat;
			background-position: 0px 0px;
			}
					
		.textebronze 
			{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #330;
			font-weight: bold;
			}
			
		.textebronze2 
			{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 16px;
			font-weight: bold;
			color: #330;
			}
			
		.textevaleur 
			{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: bold;
			color: #FFF;
			}

		div#logo 
			{
			margin: 0px;
			padding: 0px;
			float: left;
			height: 192px;
			width: 192px;
			background-image: url(./images/abc/logo3.jpg);
			}
		
		div#apDiv1 
			{
			/*position:absolute;*/
			/*left:697px;*/
			
			/*
			left:777px;
			top:254px;
			
			z-index:1;
			*/
			
			width:280px;
			height:419px;
			
			float: right;
			padding-right: 45px; 
			
			}
		
		
		p 
			{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			#color: #3FF;
	#color: #CCCCFF;		/* Parme */
	color: #000000;			/* NOIR */
			margin: 10px;
			padding-top: 5px;
			padding-right: 0px;
			padding-bottom: 0px;
			padding-left: 0px;
			}

/****
		//--> 
	</style>
	
***/	
	

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.cssform p
	{
	width: 300px;
	clear: left;
	margin: 0;
	padding: 10px 0 12px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	border-top: 1px dashed #ccccff;/*dashed gray;*/
	height: 1%;
	text-align: left;
	}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 140px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/

text-align: right;
padding-top: 3px;
}

.cblabel{
float: left;
margin-left: -37px; /*width of left column*/
width: 30px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
padding-top: 2px;


}


.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 250px;
}

.cssform input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 250px;
}


.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}



/************************/



a.imag{
position: relative;
z-index: 1;
}
a.imag:hover{
cursor: help;
z-index: 2;
}
a.imag span{
display: none;
}
a.imag:hover span{
display:block;
position:absolute;
z-index: 3;
top: auto; /*-160px;*/
bottom: 10px;
left: 40px;
}