.tableausav { text-align: center; padding-left: 100px;}


/* *****	CSS page tableau	***** */

	/* Menu tableau */
	#menu_tab { float: right; width: 15%; height: 420px; }
		/* Couleur menu page en cours */
		#contenu_tab-p1  a.lig1 { color: red;}
		#contenu_tab-p2  a.lig2 { color: red;}
		#contenu_tab-p3  a.lig3 { color: red;}
		#contenu_tab-p4  a.lig4 { color: red;}
		/* Fin Couleur menu page en cours */
	/* Fin Menu tableau */

#menu_tableau { float: right; width: 29%; height: 420px; border: 0 none; border-left: 1px solid navy; }
	
.affich_tableau	{ float: left; width: 60%; height: 420px; margin-left: 5%; display: inline; }
.affich_tableau h3 { text-align: center; font-size: 1.4em; margin-top: 1em; margin-bottom: 1.5em; }
.tbl_accueil { margin-left: 20%; width: 400px; margin-bottom: 2em; }
	
#menu_collect img { width: 80px; border: none 0px; margin: auto; }

#menu_clt_plus { width: 80%; border-top: 1px dotted red; line-height: 4em; margin: 3em auto 0; }


/* *****	fin CSS page : collection.php	***** */


/* *****	CSS  Collection page : faire-part-naissance-collections-page1.php	***** */
#fp_clt_navig { float: left; width: 84%; text-align: left; }
	
#fp_clt_pave { width: 49.5em; height: 37em; margin: auto; position: relative; }
.fp_clt_pav_1 { }
.fp_clt_pav_2 { }
	#fp_clt_pave a { border: 0 none; text-decoration: none; }
	.fp_clt_a, .clt_a { display: inline; float: left; width: 6.5em; height: 6.5em; overflow: hidden; }
	.fp_clt_a { }
	.marg { margin-right: 0.5em; }
	/*  Decalage de la PREMière vignette en focntion du nombre de collections ou modéles */
	.fp_prem_nb1 { margin-right: 0.5em; margin-left: 21em; }
	.fp_prem_nb2 { margin-right: 0.5em; margin-left: 17.5em; }
	.fp_prem_nb3 { margin-right: 0.5em; margin-left: 14em; }
	.fp_prem_nb4 { margin-right: 0.5em; margin-left: 10.5em; }
	.fp_prem_nb5 { margin-right: 0.5em; margin-left: 7em; }
	.fp_prem_nb6 { margin-right: 0.5em; margin-left: 3.5em; }
	.fp_prem_nb7 { margin-right: 0.5em; margin-left: 0; }
	
	#fp_clt_pave a  img { border: 0 none; }
	
	.fp_clt_vign { height: 6.5em; }
	.clt_vign_verso { margin-top: -3.25em; }

	.fp_clt_vign1 { margin-left: 0; }
	.fp_clt_vign2 { margin-left: -6.5em; }
	.fp_clt_vign3 { margin-left: -13em; }
	.fp_clt_vign4 { margin-left: -19.5em; }
	.fp_clt_vign5 { margin-left: -26em; }
	.fp_clt_vign6 { margin-left: -32.5em; }
	.fp_clt_vign7 { margin-left: -39em; }
	
	#fp_clt_pave a span { position: absolute; visibility: hidden; background-color: #ffffcc; }
	.fp_clt_span, .clt_span { z-index: 80; }
	.fp_clt_span { top: 8em; left: 3.5em; width: 41.5em; height: 28em; position: relative; }
	.clt_span { top: 8em; left: 1em; width: 42em; height: 28em; border: 1px solid red; }
	
	.fp_clt_em_ga { float: left; height: 28em; width: 21.21em; margin-left: 2em; overflow: hidden; display: inline; }
	.fp_clt_em_to{ float: left; height: 28em; width: 42em; display: inline; }
		.fp_clt_img_ga { display: inline; height: 100%; }
	.fp_clt_info { display: block; position: absolute; right: 3em; top: 0; height: 6em;  width: 12em; 
		letter-spacing: 1px; text-align: center; color: blue; font-style: normal; }		
		.fp_clt_info strong { display: block; font-size: 1.1em; margin-top: 0.5em; margin-bottom: 0.5em; }		
	.fp_clt_em_dr { display: block; height: 22em; width: 16.9em; text-align: right; overflow: hidden; }
		.fp_clt_img_dr { float: right; display: inline; height: 100%; }
		
	.clt_img_ga { float: left; height: 25em; margin-left: 2em; display: inline; }
	.clt_img_gadr { float: left; height: 25em; margin-left: 2em; display: inline; }
	.clt_img_simpl { float: left; height: 25em; margin-left: 10em; display: inline; }
	.clt_img_dr { display: inline; height: 25em; }
	.clt_txt_dr { float: right; width: 10em; margin-top: 4em;  
		text-align: center; font-size: 1.2em; font-style: normal; }

	.lgnd_mdl, .lgndrv_mdl { display: block; float: right; letter-spacing: 1px;
		text-align: center; line-height: 1.5em; margin-bottom: 0.5em; font-style: normal; }	

	.lgnd_mdl { width: 29.5em; letter-spacing: 1px; background-color: #66CC99; }		
		.lgnd_mdl strong { font-size: 1.2em; }		

	.lgndrv_mdl { width: 6em; text-align: center; }		
		.lgndrv_mdl strong { font-size: 1.2em; font-weight: normal; }		
		.lgnd_recto strong { color: green; }	
		.lgnd_verso strong { color: blue; }
		.lgnd_simpl strong { color: red; }

		
	em.detail { height: 1.5em; background-color: lightblue; }
		.clt_span_pays em.detail { width: 11em; }
		.portrait em.detail { width: 250px; }

	strong.tabtitre {  height: 3em; text-align: center; background-color: tan; }
		.clt_span_pays strong.tabtitre { width: 30em; margin-left: 12em; }
		.portrait strong.tabtitre { width: 250px; }

	em.techn { background-color: plum; }
		.clt_span_pays em.techn { margin-top: 0em; height: 15em; width: 11em; }
		.portrait em.techn { margin-top: 1em; height: 10em; width: 250px; }
	
	em.dispo { height: 1.5em; background-color: lightsilver; }
		.clt_span_pays em.dispo { width: 11em; }
		.portrait em.dispo { width: 250px; }

	em.prix { text-align: center; height: 2em; margin-bottom: 0.5em; background-color: cyan; }
		.clt_span_pays em.prix { width: 11em; }
		.portrait em.prix { width: 250px; }

	em.cde { height: 6em; }
		.clt_span_pays em.cde { width: 11em; }
		.portrait em.cde { width: 250px; }

	.clt_span_pays img { width: 30em; margin-left: 12em; margin-top: -30em;}
	.portrait img { margin-left: 275px; margin-top: -32em;  }
		
	.clt_span_pays em.decript { height: 6em; width: 11em; }
	.portrait em.decript { height: 8em; width: 250px; }

		
		
		
		
		
		
/* RQ: background-color: white; inutile sauf pour Bug ci-dessous */		
/* BUG IE ? modification de la propriété ( avec couleur différente du background-color en cours ) sinon IE n'affiche pas le span */	
/* si utilisation de color au lieu de background-color le span n'est pas affiché */
	#fp_clt_pave a:hover { border: 0 none; background-color: white; } 
	#fp_clt_pave a:hover span { visibility: visible; } 

#fp_clt_acceuil { display: inline; float: left; width: 38.5em; height: 23em; margin: 1.5em 1.5em 1.5em 5em; 
	text-align: left; }
	#fp_clt_acceuil span { display: block; text-align: center; margin: 1em; height: 2em; color: navy; font-style: normal; font-size: 1.1em; }		
	#fp_clt_acceuil img { display: block; float: left; width: 16em; margin: 0 1.5em 0 0.5em; }
	#fp_clt_acceuil p { display: block; float: left; width: 19.5em; color: blue; font-style: normal; }

#clt_acceuil { display: inline; float: left; width: 38.5em; height: 23.5em; margin: 1.5em 1.5em 1.5em 5em; 
	text-align: left; }
	#clt_acceuil span { display: block; text-align: center; margin: 1em; height: 2em; color: navy; font-style: normal; font-size: 1.1em; }		
	#clt_acceuil img { display: block; height: 23em; margin: auto; }
	
#fp_clt_aide { display: block; clear: both; width: 41.5em; margin-left: 3.5em; text-align: center; }
	#fp_clt_aide a { display: block; margin: auto; width: 16em; position: relative; z-index: 50; }
	#fp_clt_aide a img { width: 100%; }
	
	#fp_clt_aide a span { left: -11.5em; width: 39em; }
	.fp_clt_aide_span { top: -23.2em; height: 23em; }
	.clt_aide_span { top: -23.7em; height: 23.5em; }

#fp_clt_menu { height: 37em; float: right; width: 15%; text-align: center; }
	#fp_clt_menu span { display: block; height: 10em; margin-top: 7em; }
	#fp_clt_menu span em { display: block; line-height: 2em; background-color: wheat; }
	#fp_clt_menu span strong { display: block; line-height: 3em; font-size: 1.2em; background-color: wheat; }
	#fp_clt_menu p { margin-top: 1em; font-size: 0.9em; } 

/* *****	fin CSS page : faire-part-naissance-collection-page1.php	***** */


/* *****	CSS  Collection page: faire-part-collection-xxxxx.php	***** */
#clt_menu { height: 37em; float: right; width: 15%; text-align: center; }
	#clt_menu p { margin-top: 1em; font-size: 0.9em; } 
	#clt_menu_span { display: block; height: 7em; background-color: wheat; }
	#clt_menu_span em { display: block; line-height: 2em; margin-top: 2em; }
	#clt_menu_span strong { letter-spacing: 1px; font-size: 1.2em; }
	#clt_menu ul { list-style-type: none; }
	#clt_menu ul li { line-height: 180%; }
	#clt_menu ul li a { display: block; width: 100%; }
	#clt_menu ul li a:hover { background-color: #ffcccc; }	

#clt_ul_somm { display: block; height: 12em; }
	#sommaire_collect { width: 100%; margin-bottom: 2em; }
	#sommaire_collect a { text-decoration: underline; }
	#suiv { width: 49%; float: right; background-color: #FFCC66; }
	#prec { width: 49%; float: left; background-color: #FFCC66; }
	#page_collect { width: 100%; }

#clt_ul_actu { display: block; height: 8em; }
	#detail_collect { width: 100%; height: 6em; background-color: wheat; }


/*.case a:hover { background-color: red; text-decoration: none; z-index: 100; outline: none; }	
.case a:hover {  }	

.case a:hover span { visibility: visible; border: 0 none; }

.case a:focus { overflow: visible; text-decoration: none; z-index: 50; outline: none; }	
.case a:focus { border: 1px solid blue; }	
.case a:focus span { visibility: visible;  text-decoration: none; outline: none; }	 

.case a:active { overflow: visible; text-decoration: none; z-index: 50; outline: none; }	
.case a:active { border: 1px solid blue; }	
.case a:active span { visibility: visible;  text-decoration: none; outline: none; }	 
	
 *****	fin CSS page : faire-part-collection-xxxxx.php	***** */








	
	
	

	#contenu_tab-p1, #contenu_tab-p2, #contenu_tab-p3, #contenu_tab-p4 { text-align: left; }
	.affich_tab { float: left; width: 84%; height: 420px;
		padding-top: 0px; position: relative; background-color: #ffffcc; overflow: hidden; } 

	.affich_tab * { margin: 0; padding: 0; border: 0; }
	.affich_tab * { border: 0px none; border-width: 0; text-decoration:none; }
	

	em.survol { display: block; clear: left; float: left; width: 100%; margin-top: 10px; 
		text-align: center; font-style: normal; }
	em.survol span { color: #339; font-size: 1em; }
	#ul-tab1 { padding-top: 20px; }
	#ul-tab2 { padding-top: 60px; }
	#ul-tab3 { padding-top: 20px; }
	#ul-tab4 { padding-top: 120px; }

	ul.ultab, ul.ulsmu { margin: 0; padding: 0; list-style-type: none; }
	ul.ultab li, ul.ulsmu li { margin: 0; padding: 0; }
	ul.ultab table { border: 0; }
	
	.tabcollect { width: 50%; margin-left: 50px; margin-top: 3em; } 
	.tabcollect a { text-decoration: underline; }
	.tabcollect span { margin-left: 100px; color: #339; font-size: 1em; }
	
	ul.ultab { display: block; float: right; visibility: visible; width: 100%; 
		position: relative; }

	li.tableau { display: block; clear: right; float: right; width: 15%; }
		li.visu1 { margin-top: 55px; }
	
	a.menu { display: block; width: 90%; height: 80px; }

	img.vigntab { float: left; margin-top: 5px;  margin-left: 5px; border: 0; }
	
/*	!!!!!!!!!!!!!!!!!  ci-dessous à remettre *//*
	a.menu:hover { background-color: palegreen; }
*//*	!!!!!!!!!!!!!!!!!   */


	
	ul.ulsmu { display: block; visibility: hidden; visibility: visible; float: right; position: absolute; 
		width: 162px; top: 0px; right: 0%; }

	ul.ulsmu li { display: block; float: left; height: 82px; }
		li.col1, li.col2 { width: 80px; }
		li.mid { width: 160px; }
		li.col1 a, li.col2 a { width: 100%; }
		li.col2 a { margin-left: 2px; }
		li.mid a { margin-left: 41px; width: 50%; }

	a.smenu { display: block; height: 100%; padding-top: 1px; }
	img.vign { margin: auto; }
	img.vigntab { height: 70px; }
	a.smenu:hover { display: block; background-color: #ffc; }

/*	!!!!!!!!!!!!!!!!!  ci-dessous à remettre *//*
	.ultab li:hover ul, .ultab li a:hover ul { visibility:visible; }
*//*	!!!!!!!!!!!!!!!!!   */	
	
	.smenu  span  { display: block; visibility: hidden; position: absolute; width: 600px; height: 400px; 
		background-color: #ffffcc; }
		span.paysage  { left: -620px; top: 0px; }
		span.portrait  { left: -620px; top: 0px; }
	.smenu  span  img  { border: 0; }	
	.smenu:hover span { visibility: visible; }


	strong.tabtitre { font-weight: normal; }
	strong.tabtitre { display: block; font-size: 1.0em; color: red; } 

	em.techn , em.dispo, em.prix, em.cde , em.decript, em.detail { display: block; font-style: normal; }
	em.techn , em.dispo, em.prix, em.cde, em.detail { font-size: 1.0em;  }
	em.decript { font-size: 0.9em; margin-top: 0.6em; color: #0066cc; }
	em.techn , em.prix, em.cde { color: black; }
	em.dispo { font-weight: bold; color: navy; }
	em.prix { line-height: 2em; }
	em.filigrane { display: block; text-align: center; font-size: 0.9em; }
	
	

/* *****	fin CSS tableau	***** */

/* *****	CSS commande tableau	***** */

div.produit_tab { width: 49%; float: left;  height: 33em; border-right: 2px solid gray; margin-bottom: 15px; }
div.formulaire_tab { width: 49%; float: left; margin-bottom: 15px; }

div.vente_tab { width: 49%; float: left; }
div.retour_tab { width: 49%; float: right; height: 2em; text-align: center; }

.btnsubmit { width: 16em; height: 1.8em;  }
.produit_tab img { float: left; margin: 0 20px 0px 20px; }
.produit_tab strong { text-align: left; }

.tabcenter  { text-align: center; font-size: 1.2em; }
p.cdeprix { float: right; width: 8em; text-align: right; margin-right: 20px; line-height: 1.5em; }
p.cdeprix span, em.cdelabel span  { display: block; height: 1.5em; background-color: #FC3; }
p.cdeprix span, em.cdelabel span { border: 1px solid blue; }
p.cdeprix span       { border-left: none; }
em.cdelabel span { border-right: none; }

em.techn span { line-height: 2; }			
em.cdelabel { float: right; width: 8em; text-align: right; line-height: 1.5em; } 

strong.tabtitre {  height: 2em; }

em.cdedispo strong  {  font-style: normal; color: navy; line-height: 2em; } 
p.cdedispo { margin: 20px 20px 0; border: 1px solid red; padding: 5px; }
p.cdedispo em { font-size: 1.2em; margin-left: 5em;}
p.cdedispo em  strong  { font-style: normal; color: navy; line-height: 2em; } 

div.formulaire_tab form { margin: 0 10px; font-size: 1.1em; text-align: left; }
div.formulaire_tab p { clear: left; }
div.formulaire_tab label { display: block; float: left; width: 20%; text-align: right; margin-top: 1px; }
div.formulaire_tab input { margin-left: 10px; height: 1.5em; border: 1px solid blue; }
div.formulaire_tab .inputville { margin-top: 0px; }

#infodispo {  float: right; margin-top: 5px; width: 12em;  font-size: 0.9em; text-align: center; 
	background-color: #FF9; }
#infodispo strong {  float: left; width: 1em; font-size: 3em; text-align: center; background-color: yellow; }
#infodispo em {  display: block; margin-top: 5px; font-size: 1.1em; letter-spacing: 2px; }



#inpcodep { float: left; }
#labville { width: 3em; margin-left: 10px; }
#labapprouv { text-align: center; font-size: 0.9em; }

#btncond { float: right; height: 1.5em; width: 12em; background-color: #CCC;  margin-right: 4em;  
	border-left: 2px solid #CCF; border-top: 2px solid #CCF;
	border-right: 2px solid #366; border-bottom: 2px solid #366; }
#lablu { width: 30%; margin-right: 5px; }

.emvld  { height: 2em; line-height: 2; padding: 0 1.5em; margin-left: 2em; }

#btnannul { float: left; height: 2em; width: 12em; background-color: #FC6; margin-left: 2em; margin-top: 0.4em;
	border-left: 2px solid #FC0; border-top: 2px solid #FC0; 
	border-right: 2px solid #F93; border-bottom: 2px solid #F93; 
	font-size: 0.8em; }

#btncde { float: right; height: 2em; width: 16em; background-color: #FC6; margin-right: 2em; 
	border-left: 2px solid #FC0; border-top: 2px solid #FC0; 
	border-right: 2px solid #F93; border-bottom: 2px solid #F93; }

.aferr { padding: 4px; border: 2px dotted #C33; }

#messag { width: 95%; height: 3.8em; background-color: #CFF; }
	
.sp1 { margin-top: 5px;  }
.sp2 { margin-top: 15px;  }
.valid { background-color: #3F9; }
.error { background-color: #F96; }
.cntr { text-align: center; }

div.produit_tab_confirm { width: 30%; float: left; height: 33em; border-right: 2px solid gray; 
	margin-bottom: 15px; text-align: center; }
div.confirmation_tab { width: 69%; float: left; margin-bottom: 15px; }
.produit_tab_confirm  img { margin: auto; }
p.produit_tab_confirm { margin-left: 15px; }
p.cdedispo_confirm em { font-size: 1.2em; }
p.cdedispo_confirm em  strong  { font-style: normal; color: navy; line-height: 2em; } 

#pagefin_tab { float: left; width: 50%; height: 18em; text-align: center; margin-left: 24%; } 


/* *****	fin CSS commande tableau	***** */