/* *****	CSS  COLLECTION	***** */
/* *****	CSS  Collection page : collection.php	***** */
 #menu_collect { float: right; width: 29%; height: 420px; border: 0 none; border-left: 1px solid navy; }
.fp_lien { display: block; font-size: 1.3em; margin-bottom: 1em; color: blue; text-align: center; }
.affich_collect	{ float: left; width: 60%; height: 420px; margin-left: 5%; display: inline; }
.affich_collect h3 { text-align: center; font-size: 1.4em; margin-top: 1em; margin-bottom: 1.5em; }
.fp_accueil { margin-left: 20%; width: 400px; margin-bottom: 2em; }
#menu_collect img { width: 80px; border: none 0px; margin: auto; }
#menu_clt_conseil { width: 80%; border-top: 1px dotted red; 
	margin: 0 auto 0; padding: 1em 0 1em; margin-top: 8em; }
#menu_clt_plus { width: 80%; border-top: 1px dotted red; line-height: 3em; margin: auto; }
/* *****	CSS page Faire-part	** COPIE dans formulaire.css !! ** */
#bann { margin-top: 4px; }
#f-p_clt_collection, #f-p_clt_naissance, #f-p_clt_mariage  { height: 65px; background-repeat: no-repeat;
	background-color: #87CEFA; background-position: center top; }
#f-p_clt_collection { background-image:url(images/bann-accueil-faire-part.jpg); }
#f-p_clt_naissance { background-image:url(images/bann-naissance.jpg); }
#f-p_clt_mariage { background-image:url(images/bann-mariage.jpg); }
#f-p_navig_clt { float: left; width: 16em; padding-left: 1em; }
	#f-p_navig_clt ul { list-style: none; text-align: center; }
	#f-p_li_retour { float: left; width: 14.5em; margin-top: 0.6em; margin-bottom: 0.4em; text-align: center; }
		#f-p_li_retour a { margin-left: 0; }
		#f-p_li_retour a:hover { background-color: plum; }
		#f-p_li_retour em { text-align: center; }
#f-p_logo_clt { float: right;  width: 16em; padding-right: 1em; }
	#f-p_logo_clt h1  { font-size: 1em; line-height: 2.6em; text-align: right; font-weight: bold; }
	#f-p_logo_clt h2  { font-size: 0.8em; line-height: 1.6em; text-align: right; }
	#f-p_logo_clt h1  { margin-top: 0.5em; }
	#f-p_logo_clt h1  a { color: black; }
/* *****	fin CSS Faire-part	** COPIE dans formulaire.css !! ** */
#ZZZpretipage { margin: 0 15em; height: 100%; }
#ZZZpretipage h2 { line-height: 4.5em; text-align: center; }
	#ZZZpretipage h2 { font-size: 0.9em; }
/* *****	fin CSS page : collection.php	***** */
/* *****	CSS ENTETE demi_larg et total_larg    ***** */
#tar_larg { float: left; width: 33em; }
#pre_larg { float: left; width: 52%; }
#logo_clt { float: left;  width: 17em;  background-color: wheat; }
#tar_larg, #logo_clt { margin-bottom: 0.5em; }
	#logo_clt img { float: right; width: 6.5em; }
#navig_clt { float: right; width: 15em; }
	#navig_clt ul { list-style: none; text-align: center; }
.li_menu { float: left; width: 7em; margin-right: 0.5em; }
	.li_menu a { display: block; height: 2em; font-size: 1em; color: #006666; font-family: arial;
		font-weight: bold; text-decoration: none; }
	.li_menu a:hover { background-color: #ffcccc; }
#li_retour { float: left; width: 14.5em; margin-top: 0.5em; text-align: center; }
	#li_retour a { margin-left: 0; }
	#li_retour a:hover { background-color: plum; }
	#li_retour em { text-align: center; }
#logo_clt h1, #logo_clt h2  { font-size: 1em; line-height: 1.6em; width: 10em; text-align: center; }
	#logo_clt h1  { margin-top: 0.5em; }
#pretipage { clear: left; }
#tartipage h2, #pretipage h2 { line-height: 3.5em; text-align: center; }
	#tartipage h2 { font-size: 1.3em; }
	#pretipage h2 { font-size: 1.2em; }
/* *****	fin CSS ENTETE demi_larg et total_larg    ***** */
.navig_localisation a { margin: 0 0.5em; }
#navig_loc_a { margin-left: 4em; padding: 0.2em 2em; 
	line-height: 2em; text-align: center; background-color: palegreen;}
/* *****	CSS  Collection page : faire-part-naissance-collections-page1.php	***** */
#fp_clt_navig { width: 61em; margin: auto; }
#fp_clt_navig h1 { font-size: 1.6em; text-align: center; line-height: 2em; }
.fp_intro { margin-top: 0.5em; } .fp_intro span { font-size: 1.1em; color: blue; }
.fp_intro_bis { margin-top: 2em; font-style: italic; } .fp_intro_bis span { font-size: 1.1em; color: orange; }
#fp_clt_navig hr { height: 4px; background-color: orange; margin-top: 2em; margin-bottom: 1em; }
.div_hr { clear: both; width: 100%; border-top: 6px dotted orange; margin-top: 3em; line-height: 2em; margin-bottom: 1em; }
#fp_clt_pave_bis { width: 730px; margin: auto; text-align: left; }
h2 { font-size: 1.3em; text-align: right; }
.cltvfa	{ display: block; background-repeat:no-repeat; width: 200px; height: 200px; }
.cltvfb	{ display: block; background-repeat:no-repeat; width: 400px; height: 200px; }
.cltvf61 { display: block; background-repeat:no-repeat; width: 600px; height: 100px; border: 1px solid red; margin: auto; }
	.cltvfa	{ border: 4px solid yellow; border: 0 none; }
.cigogne-ens1-sx1 { background-image:url(images/cigogne-ens1-vfa-sx1.jpg); }
.cigogne-ens1-sx2 { background-image:url(images/cigogne-ens1-vfa-sx2.jpg); }
.cigogne-ens2-sx1 { background-image:url(images/cigogne-ens2-vfa-sx1.jpg); }
.cigogne-ens2-sx2 { background-image:url(images/cigogne-ens2-vfa-sx2.jpg); }
.cigogne-ens3-sx1 { background-image:url(images/cigogne-ens3-vfa-sx1.jpg); }
.cigogne-ens3-sx2 { background-image:url(images/cigogne-ens3-vfa-sx2.jpg); }
.cigogne-ens4-sx1 { background-image:url(images/cigogne-ens4-vfb-sx1.jpg); }
.cigogne-ens4-sx2 { background-image:url(images/cigogne-ens4-vfb-sx2.jpg); }
.cigogne-ens5-sx1 { background-image:url(images/cigogne-ens5-vfb-sx1.jpg); }
.cigogne-ens5-sx2 { background-image:url(images/cigogne-ens5-vfb-sx2.jpg); }
.risette-ens1-sx1 { background-image:url(images/risette-ens1-vfa-sx1.jpg); }
.risette-ens1-sx2 { background-image:url(images/risette-ens1-vfa-sx2.jpg); }
.patchwork-ens1-sx3 { background-image:url(images/patchwork-ens1-vfa-sx3.jpg); }
.patchwork-ens2-sx3 { background-image:url(images/patchwork-ens2-vfa-sx3.jpg); }
.layette-ens1-sx1 { background-image:url(images/layette-ens1-vfa-sx1.jpg); }
.layette-ens1-sx2 { background-image:url(images/layette-ens1-vfa-sx2.jpg); }
.layette-ens2-sx1 { background-image:url(images/layette-ens2-vfa-sx1.jpg); }
.layette-ens2-sx2 { background-image:url(images/layette-ens2-vfa-sx2.jpg); }
.ilparait-ens1-sx1 { background-image:url(images/ilparait-ens1-vfa-sx1.jpg); }
.ilparait-ens1-sx2 { background-image:url(images/ilparait-ens1-vfa-sx2.jpg); }
.grand-frere-ens1-sx3 { background-image:url(images/grand-frere-ens1-vfa-sx3.jpg); }
.grand-frere-ens2-sx3 { background-image:url(images/grand-frere-ens2-vfa-sx3.jpg); }
.grand-frere-ens3-sx3 { background-image:url(images/grand-frere-ens3-vfa-sx3.jpg); }
	.grand-frere-option { background-image:url(images/grand-frere-option.jpg); }
.grande-soeur-ens1-sx3 { background-image:url(images/grande-soeur-ens1-vfa-sx3.jpg); }
.grande-soeur-ens2-sx3 { background-image:url(images/grande-soeur-ens2-vfa-sx3.jpg); }
.grande-soeur-ens3-sx3 { background-image:url(images/grande-soeur-ens3-vfa-sx3.jpg); }
	.grande-soeur-option { background-image:url(images/grande-soeur-option.jpg); }
.petitcoeur-ens1-sx3 { background-image:url(images/petitcoeur-ens1-vfa-sx3.jpg); }
.couronne-ens1-sx3 { background-image:url(images/couronne-ens1-vfa-sx3.jpg); }
.silhouette-ens1-sx3 { background-image:url(images/silhouette-ens1-vfa-sx3.jpg); }
.amoureux-ens1-sx3 { background-image:url(images/amoureux-ens1-vfa-sx3.jpg); }
.zzone_vfa, .zzone_vfb { overflow: hidden; height: 200px; margin: 1em auto 0.5em; border: 1px solid navy; }
.zzone_vfa img, .zzone_vfb img { border: 0 none; }
.zzone_vfa { width: 200px; }
.zone_vfa, .zone_vfb { overflow: hidden; height: 200px; margin: 1em auto 0.5em; border: 1px solid navy; }
.zone_vfa img, .zone_vfb img { border: none; }
.zone_vfa input, .zone_vfb input { cursor: hand; cursor: pointer; }
	.zone_vfa { width: 200px; }
	.zone_vfb { width: 400px; }
.zone_vf61 { display: block; height: 100px; margin: 1em auto 0.5em; border: 1px solid navy; }	
	.zone_vf61 { width: 600px; }
	.vfa_mdl1_vfa_mispg1{ background-position: 0px 0px; }
		.bis_vfa_mdl1_vfa_mispg1{ background-position: -400px 0px; }
	.vfa_mdl1_vfa_mispg2{ background-position: 0px -200px; }
	.vfa_mdl1_vfa_mispg3{ background-position: 0px -400px; }
	.vfa_mdl1_vfa_mispg4{ background-position: 0px -600px; }
	.vfa_mdl1_vfa_mispg5{ background-position: 0px -800px; }
	.vfa_mdl2_vfa_mispg1 { background-position: -200px 0px; }
		.bis_vfa_mdl2_vfa_mispg1 { background-position: -600px 0px; }
	.vfa_mdl2_vfa_mispg2 { background-position: -200px -200px; }
	.vfa_mdl2_vfa_mispg3 { background-position: -200px -400px; }
	.vfa_mdl2_vfa_mispg4 { background-position: -200px -600px; }
	.vfa_mdl2_vfa_mispg5 { background-position: -200px -800px; }
	.vfa_mdl3_vfa_mispg1 { background-position: -400px 0px; }
	.vfa_mdl3_vfa_mispg2 { background-position: -400px -200px; }
	.vfa_mdl3_vfa_mispg3 { background-position: -400px -400px; }
	.vfa_mdl3_vfa_mispg4 { background-position: -400px -600px; }
	.vfa_mdl3_vfa_mispg5 { background-position: -400px -800px; }
	.vfa_mdl4_vfa_mispg1 { background-position: -600px 0px; }
	.vfa_mdl4_vfa_mispg2 { background-position: -600px -200px; }
	.vfa_mdl4_vfa_mispg3 { background-position: -600px -400px; }
	.vfa_mdl4_vfa_mispg4 { background-position: -600px -600px; }
	.vfa_mdl4_vfa_mispg4 { background-position: -600px -800px; }
	.vfa_mdl5_vfa_mispg1 { background-position: -800px 0px; }
	.vfa_mdl5_vfa_mispg2 { background-position: -800px -200px; }
	.vfa_mdl5_vfa_mispg3 { background-position: -800px -400px; }
	.vfa_mdl5_vfa_mispg4 { background-position: -800px -600px; }
	.vfa_mdl5_vfa_mispg5 { background-position: -800px -800px; }
	.vfa_mdl6_vfa_mispg1 { background-position: -1000px 0px; }
	.vfa_mdl6_vfa_mispg2 { background-position: -1000px -200px; }
	.vfa_mdl6_vfa_mispg3 { background-position: -1000px -400px; }
	.vfa_mdl6_vfa_mispg4 { background-position: -1000px -600px; }
	.vfa_mdl6_vfa_mispg5 { background-position: -1000px -800px; }
	.vfa_mdl7_vfa_mispg1 { background-position: -1200px 0px; }
	.vfa_mdl7_vfa_mispg2 { background-position: -1200px -200px; }
	.vfa_mdl7_vfa_mispg3 { background-position: -1200px -400px; }
	.vfa_mdl7_vfa_mispg4 { background-position: -1200px -600px; }
	.vfa_mdl7_vfa_mispg5 { background-position: -1200px -800px; }
	.vfa_mdl8_vfa_mispg1 { background-position: -1400px 0px; }
	.vfa_mdl8_vfa_mispg2 { background-position: -1400px -200px; }
	.vfa_mdl8_vfa_mispg3 { background-position: -1400px -400px; }
	.vfa_mdl8_vfa_mispg4 { background-position: -1400px -600px; }
	.vfa_mdl8_vfa_mispg5 { background-position: -1400px -800px; }
	.vfa_mdl9_vfa_mispg1 { background-position: -1600px 0px; }
	.vfa_mdl9_vfa_mispg2 { background-position: -1600px -200px; }
	.vfa_mdl9_vfa_mispg3 { background-position: -1600px -400px; }
	.vfa_mdl9_vfa_mispg4 { background-position: -1600px -600px; }
	.vfa_mdl9_vfa_mispg5 { background-position: -1600px -800px; }
	.vfa_mdl10_vfa_mispg1 { background-position: -1800px 0px; }
	.vfa_mdl10_vfa_mispg2 { background-position: -1800px -200px; }
	.vfa_mdl10_vfa_mispg3 { background-position: -1800px -400px; }
	.vfa_mdl10_vfa_mispg4 { background-position: -1800px -600px; }
	.vfa_mdl10_vfa_mispg5 { background-position: -1800px -800px; }
#zzone_vfb { width: 400px; }
	.vfb_mdl1_vfb_mispg1 { background-position: 0px 0px; }
	.vfb_mdl1_vfb_mispg2 { background-position: 0px -200px; }
	.vfb_mdl1_vfb_mispg3 { background-position: 0px -400px; }
	.vfb_mdl1_vfb_mispg4 { background-position: 0px -600px; }
	.vfb_mdl1_vfb_mispg5 { background-position: 0px -800px; }
	.vfb_mdl2_vfb_mispg1 { background-position: -400px 0px; }
	.vfb_mdl2_vfb_mispg2 { background-position: -400px -200px; }
	.vfb_mdl2_vfb_mispg3 { background-position: -400px -400px; }
	.vfb_mdl2_vfb_mispg4 { background-position: -400px -600px; }
	.vfb_mdl2_vfb_mispg5 { background-position: -400px -800px; }
	.vfb_mdl3_vfb_mispg1 { background-position: -800px 0px; }
	.vfb_mdl3_vfb_mispg2 { background-position: -800px -200px; }
	.vfb_mdl3_vfb_mispg3 { background-position: -800px -400px; }
	.vfb_mdl3_vfb_mispg4 { background-position: -800px -600px; }
	.vfb_mdl3_vfb_mispg5 { background-position: -800px -800px; }
	.vfb_mdl4_vfb_mispg1 { background-position: -1200px 0px; }
	.vfb_mdl4_vfb_mispg2 { background-position: -1200px -200px; }
	.vfb_mdl4_vfb_mispg3 { background-position: -1200px -400px; }
	.vfb_mdl4_vfb_mispg4 { background-position: -1200px -600px; }
	.vfb_mdl4_vfb_mispg5 { background-position: -1200px -800px; }
.sspan_blockimage, .sspan_blockmaquette_s, .sspan_blockmaquette_d { clear: both; margin-bottom: 4em; border: 1px solid green; padding-left: 1.5em; }
#crea_illu_deb { text-align: center; }
#crea_illu_fin { clear: both; font-size: 0.9em; text-align: center; line-height: 2em; }
.sspan_blockimage { clear: both; margin-top: 2em; padding-top: 0.5em; }
.sspan_blockimg_vfa { float: left; width: 350px; height: 350px; overflow: hidden; }
.sspan_blockimg_vfb { text-align: center; margin: auto; width: 700px; height: 350px; overflow: hidden; }
	.sspan_blocktxt_vfa { margin-left: 350px; }
	.sspan_blocktxt_vfb { margin-left: 0px; }
.bloc2_img_vfa { margin-left: -350px; }
.bloc2_img_vfb { margin-left: -700px; }
.block700px { width: 703px; margin: auto; overflow: hidden; }
	.block700px img { border: 0 none; }
.k0_span_blockimg_vfa { width: 350px; height: 350px; text-align: center; margin: auto; overflow: hidden; }
.k1_span_blockimg_vfa { float: left; width: 350px; height: 350px; overflow: hidden; }
.k2_span_blockimg_vfa { width: 350px; height: 350px; overflow: hidden; }
.bloc3_rect_no_vfa { margin-left: -350px; }
.bloc3_rect_ye_vfa { margin-left: -700px; }
.bloc4_rect_no_vfa { margin-left: -700px; }
.bloc4_rect_ye_vfa { margin-left: -1050px; }
.k1_span_blockimg_vfb { float: left; width: 700px; height: 350px; overflow: hidden; }
.k2_span_blockimg_vfb { width: 700px; height: 350px; overflow: hidden; }
.bloc3_rect_no_vfb { margin-left: -700px; }
.bloc3_rect_ye_vfb { margin-left: -1400px; }
.bloc4_rect_no_vfb { margin-left: -1400px; }
.bloc4_rect_ye_vfb { margin-left: -2100px; }
/*     NEW CSS       */
/*     NEW CSS       */
/*     NEW CSS       */
.p_ref { line-height: 3em; font-size: 1.1em; color: navy; margin-left: 1em; }
	.p_ref span { color: black; font-size: 0.9em; margin-left: 2em; }
.blockmaquette_p { margin: 1em; }
.tbl_cde_il { text-align: center; margin: 0.5em auto 1.5em; }
.tbl_cde_fp { text-align: center; margin-left: 2em; margin-top: 0.5em; margin-bottom: 1.5em; }
.tbl_cde_fp_p0, .tbl_cde_fp_p1, .tbl_cde_fp_p3 { padding: 0.8em; }
	.tbl_cde_fp_p0 { width: 27em; margin: auto; }
	.tbl_cde_fp_p1 { margin: 0; text-align: left; }
	.tbl_cde_fp_p2 { margin: 0 2em; text-align: left; }
.tbl_cde_fp_p3 { width: 13em; }
	.tbl_cde_fp_p3 strong { line-height: 1.5em; }
.tbl_cde_fp_p4 { width: 27em; margin: auto; padding: 0.4em 0.8em; }
	.tbl_cde_fp_p4 strong { margin: 0 1em; }
.tbl_cde_fp_p5 { margin: auto; padding: 0.4em 0.8em; }
	.tbl_cde_fp_p5 strong { margin: 0 1em; }
.tbl_cde_fp_td1 { text-align: left; }
	.tbl_cde_fp_td1 span { margin-left: 2em; color: red; }
.tbl_cde_fp_color1 { background-color: PaleGoldenrod; }
.tbl_cde_fp_color2 { background-color: none; }
.tbl_cde_fp_color3, .tbl_cde_fp_color4 { background-color: WhiteSmoke; 
	border-right: 1px solid green; border-bottom: 1px solid green; }
/*  TABLE avec les Btn commande Avec ou Sans Personalisation   */
.tb_table_sans, .tb_table_avec  { text-align: center; margin: auto;
	border-right: 1px solid green; border-bottom: 1px solid green;}
	.tb_table_sans  { margin-bottom: 0em; background-color: WhiteSmoke; }
	.tb_table_avec { margin-bottom: 0em; background-color: WhiteSmoke;  }
.tb_what { width: 15em;  }
.tb_prix { width: 4em; background-color: lightcyan; line-height: 3em; }
.tb_cde { width: 12em; }
.tb_cde input { height: 1.8em; width: 7em; background-color: #FC6; cursor: pointer; cursor: hand;
	border-left: 2px solid #FC0; border-top: 2px solid #FC0; 
	border-right: 2px solid #F93; border-bottom: 2px solid #F93;  }
#etapes img { text-align: center; margin: auto; }
/*  fin   NEW CSS       */
/*  fin   NEW CSS       */
/*  fin   NEW CSS       */
.ttarif_img_pair, .ttarif_img_impair { border: 0 none; }
#fp_clt_pave { width: 49.5em; height: 37em; margin: auto; position: relative; }
	#fp_clt_pave a { border: 0 none; text-decoration: none; }
.fp_clt_a { float: left; height: 12em; overflow: hidden; margin-right: 1em; 
	text-align: center; text-decoration: none; border: 0 none; margin-bottom: 3em; }
.fp_sm { width: 13.5em; height: 13.5em; overflow: hidden; }
.fp_sm img { border: 0 none; }
	.fp_lg { width: 29em; }
.fp_sm span, .fp_lg span { display: block; height: 13.5em; overflow: hidden; }
	.fp_sm span { width: 13.5em; margin-left: 0.25em; }
	.fp_lg span { width: 26.5em; margin-left: 1.25em; }
	.fp_clt_a span img { width: 100%; border: 0 none; }
	.fp_ofst span img { margin-top: -9em; }
.fp_ofst_2 span img { margin-top: -13.5em; }
.fp_ofst_3 span img { margin-top: -27em; }
.fp_ofst_4 span img { margin-top: -40.5em; }
.fp_ofst_5 span img { margin-top: -54em; }
.fp_ofst_6 span img { margin-top: -67.5em; }
.fp_ofst_7 span img { margin-top: -81em; }
.img_ofst1 { margin-left: -13.5em; }
.img_ofst2 { margin-left: -27em; }
.img_ofst3 { margin-left: -40.5em; }
.fp_ofst_2  img { margin-top: -13.5em; }
.fp_ofst_3  img { margin-top: -27em; }
.fp_ofst_4  img { margin-top: -40.5em; }
.fp_ofst_5  img { margin-top: -54em; }
.fp_ofst_6  img { margin-top: -67.5em; }
.fp_ofst_7  img { margin-top: -81em; }
.img_ofst1 { margin-left: -13.5em; }
.img_ofst2 { margin-left: -27em; }
.img_ofst3 { margin-left: -40.5em; }
.fp_clt_adiv { clear: both; margin-top: 3em; margin-bottom: 1em; border-top: 3px dotted orange; }
.fp_clt_titre { width: 50%; background-color: Beige; text-align: center; margin: 0.5em; }
.fp_p1 { font-size: 1.8em; text-align: center; line-height: 2em; color: white; }
.fp_p2 { text-align: center; line-height: 2em; }
.fp_clt_titre span { text-align: left; font-size: 1em; color: navy; }
.fp_clt_txt { float: right; width: 48%; text-align: center; margin-top: 1em; }
.fp_clt_aa { float: left; overflow: hidden; margin-right: 1em; 
	text-align: center; text-decoration: none; border: 0 none; margin-bottom: 1.5em; }
	.fp_clt_aa span img { width: 400%; border: 0 none; }
	.fp_clt_aa img { width: 400%; border: 0 none; }
.lab_perso { margin-top: 1em; color: blue; }
.fp_clt_adiv2 { clear: both; margin-bottom: 1em; }
.fp_clt_adiv21 { clear: both; margin-bottom: 1em; }
.fp_clt_titre2 p span { color: navy; font-size: 0.6em;}
.fp_clt_titre_h1 { width: 60%; text-align: center; padding-top: 0.5em; }
.fp_clt_titre2 { text-align: center; padding-top: 0.5em; }
.fp_p1 { font-size: 1.8em; text-align: center; line-height: 2em; background-color: 	Thistle ; }
.fp_p2 { text-align: center; line-height: 2em; }
.fp_clt_titre2 span { text-align: left; font-size: 1em; color: navy; }
.fp_clt_txt2 p { line-height: 2.5em; font-size: 1.3em; color: Crimson; }
.fp_clt_txt2 { float: right; width: 26em; text-align: center; margin-top: 0em; }
	.fp_clt_txt2 a { display: block; width: 12em; line-height: 2em; }
.fp_clt_txt21 th { line-height: 2.5em; font-size: 1.3em; color: Crimson; font-weight: normal; }
.fp_clt_txt21 { text-align: center; margin-top: 0em; }
	.fp_clt_txt21 a { display: block; margin: auto; width: 12em; line-height: 2em; }
.fp_clt_titre3 { width: 50%; text-align: center; }
.fin { margin-top: 5em; margin-bottom: 3em; }
.fin a { margin-left: 1em; }
.fin .fp_p1 a { font-size: 0.8em; }
.fp_clt_a4_sm1 { display: inline; float: left; width: 240px; 
	text-align: center; text-decoration: none; margin-bottom: 1.5em; }
.fp_clt_a4_sm2 { display: inline; float: left; width: 360px;
	text-align: center; text-decoration: none; margin-bottom: 1.5em; }
.fp_clt_a4_sm3 { display: inline; float: left; width: 720px;
	text-align: center; text-decoration: none; margin-bottom: 1.5em; }
.fp_clt_a4_md0 { display: inline; float: left; width: 480px;
	text-align: center; text-decoration: none; margin-bottom: 1.5em; }
.fp_clt_a4_lg0 { display: inline; float: left; width: 720px; 
	text-align: center; text-decoration: none; margin-bottom: 1.5em; }
.fp_clt_a4_opt61 { text-align: center; margin-bottom: 0.5em; margin-top: 1em; }
	.fp_clt_a4_opt61 p { margin: 1em 1em 0; }
.fp_clt_a4_sm1 span { display: block; }	
.fp_clt_a4_sm2 span { display: block; }	
.fp_clt_a4_sm3 span { display: block; }	
.fp_clt_a4_md0 span { display: block; }	
.fp_clt_a4_lg0 span { display: block; }	
.marg { margin-right: 0.7em; margin-bottom: 0.7em; }
.bas { margin-bottom: 0.5em; }
#clt_navig { float: left; width: 80%; height: 38em; text-align: left; }
#clt_pave { width: 47.7em; height: 37em; margin: auto; position: relative; }
	#clt_pave a { border: 0 none; text-decoration: none; }
.clt_a { float: left; width: 11.2em; height: 11.2em; overflow: hidden; }
.clt_vign { height: 100%; border: 0 none; }
.lgnd_mdl { display: block; width: 100%; letter-spacing: 1px; font-size: 0.9em; 
	text-align: center; line-height: 1.0em; font-style: normal; visibility: hidden;
	position: absolute; top: 22em; background-color: palegreen;	}	
	.lgnd_mdl strong { font-size: 1.2em; line-height: 1.6em; }		
#clt_vign0 { margin-left: 0; }			#clt_vign1 { margin-left: -11.2em; }
#clt_vign2 { margin-left: -22.4em; }		#clt_vign3 { margin-left: -33.6em; }
#clt_vign4 { margin-left: -44.8em; }		#clt_vign5 { margin-left: -56em; }
#clt_vign6 { margin-left: -67.2em; }		#clt_vign7 { margin-left: -78.4em; }
#clt_vign8 { margin-left: -89.6em; }		#clt_vign9 { margin-left: -100.8em; }
/* 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é */
a.clt_a:hover { border: 0 none; background-color: white; } 
	a.clt_a:hover em { visibility: visible; } 
span.clt_a { background-color: #cccccc; } 
	/*  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; }
.clt_span { position: absolute; visibility: hidden; border: 0.1em solid green; 
	width: 34.8em; height: 22.9em; overflow: hidden; }
	.clt_span img { width: 34.7em; border: 0 none; }
.clt_img_impair { margin-top: -22.9em; }
#clt_span_mdl0, #clt_span_mdl1, #clt_span_mdl4 { top: 11.9em; left: 11.9em; }
#clt_span_mdl2, #clt_span_mdl3, #clt_span_mdl5 { top: 11.9em; left: 0; }
#clt_span_mdl6, #clt_span_mdl7 { top: 0; left: 11.9em; }
#clt_span_mdl8, #clt_span_mdl9 { top: 0; left: 0; }
#textcentral { display: block; float: left; width: 22.8em; height: 11em; margin-right: 0.7em; 
	margin-bottom: 0.7em; background-color: #ffddcc; }
	#textcentral p { margin: 0.7em; }
	#textcentral p span { font-size: 0.9em; color: navy; }
#textcentral_clt { text-align: center; font-size: 1.2em; color: orange; }
/* 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é */
#clt_pave a:hover span { visibility: visible; } 
#fp_clt_pave a span { position: absolute; visibility: hidden; } /*background-color définit avec palette */
.fp_clt_span, .clt_span { z-index: 80; }
.fp_clt_span { left: 8.5em; width: 31.5em; height: 21em; position: relative; }
	.uneligne { top: 8em; }
	.deuxlignes { top: 16em; }
	.bbbclt_span { top: 8em; left: 3.5em; width: 41.5em; height: 28em; }
.fp_clt_em_ga { float: left; height: 28em; width: 21.21em; margin-left: 2em; overflow: hidden; display: inline; }
.fp_clt_em_to { width: 100%; height: 19em; }
.fp_clt_img_ga { display: inline; height: 19em; }
.fp_clt_info_clt { display: block; height: 2em;  width: 65%; letter-spacing: 1px; text-align: 
	center; font-style: normal; }	/* color definit dans palette */	
	.fp_clt_info_clt strong { font-size: 1.1em; }		
.fp_clt_info_nbmdl { display: block; margin-left: 19em; height: 4em;  width: 12em; 
		margin-top: -21.5em; letter-spacing: 1px; text-align: center; font-style: normal; }	/* color definit dans palette */	
	.fp_clt_info_nbmdl strong { font-size: 0.8em; font-weight: normal; }	/* color definit dans palette */		
.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, .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; }
.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; }
/* 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: 31.5em; height: 21em; margin: 1.5em 1.5em 1.5em 8.5em; 
	text-align: left; }
	#fp_clt_acceuil span { display: block; text-align: center; height: 2em; margin-top: 1em;
		font-style: normal; font-size: 1.1em; }	/* color definit dans palette */		
#fp_clt_acceuil img { display: block; float: left; width: 10em; margin: 0 1.5em 0 0.5em; }
#p1, #p2 { display: block; float: left; font-style: normal; }
	#p1 { width: 19em; }	/* color definit dans palette */
	#p2 { width: 100%; margin-top: 1em; text-align: center; }	/* color definit dans palette */
#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; border-left: 1px solid navy; }
	#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; }
/* *****	fin CSS page : faire-part-naissance-collection-page1.php	***** */
/* *****	CSS  Collection page: faire-part-collection-xxxxx.php	***** */
#clt_menu { height: 37em; float: right; width: 17%; text-align: center; border-left: 1px solid navy; }
#menu_clt_titre {display: block; height: 3em; font-size: 1.1em; margin-bottom: 2em; }
/*   ligne ci-dessous provisoire dans le cas d'une seule page de collections    */
#menu_clt_titre { margin-top: 6em; height: 12em; } /* provisoire !!!! */
#menu_clt_conseil { margin-top: 1em; font-size: 0.9em; } 
#menu_clt_plus { 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_ul_somm { display: block; height: 14em; }
#sommaire_collect { width: 100%; margin-bottom: 2em; }
	#sommaire_collect a { text-decoration: underline; }
#page_collect { width: 100%; }
#clt_ul_somm  { list-style-type: none; }
	#clt_ul_somm  li { line-height: 4em; }
	#clt_ul_somm  li a { display: block; width: 100%; }
	#clt_ul_somm li.pgcours a { color: red; font-size: 1.3em; }	
#menu_clt_mdl_titre {display: block; height: 3em; font-size: 1.1em; }
/*   ligne ci-dessous provisoire dans le cas d'une seule page de collections    */
#clt_mdl_ul_somm { display: block; height: 24em; } /* provisoire !!!! */
#clt_mdl_ul_somm  { list-style-type: none; width: 11em; margin: auto; }
	#clt_mdl_ul_somm  li { clear: left; }
	#clt_mdl_ul_somm  li a { display: block; }
.clt_lien_txt { width: 100%; }
.clt_lien_img { float: left; width: 3.4em; margin-left: 0.2em; margin-top: 0.3em; display: inline;
	text-decoration: none; overflow: hidden; position: relative; }
	.clt_lien_img img { height: 3.4em; border: 0 none; }
#clt_mdl_ul_somm li.pgcours { height: 17em; background-color: wheat; }
#clt_mdl_ul_somm li.pgautre { height: 2em; margin-top: 1em; }
	#clt_mdl_ul_somm li.pgcours p { line-height: 2em; background-color: pink; }
#clt_lien_img1 { margin-left: 0; }
#clt_lien_img2 { margin-left: -3.4em; }
#clt_lien_img3 { margin-left: -6.8em; }
#clt_lien_img4 { margin-left: -10.2em; }
#clt_lien_img5 { margin-left: -13.6em; }
#clt_lien_img6 { margin-left: -17em; }
#clt_lien_img7 { margin-left: -20.4em; }
#clt_lien_img8 { margin-left: -23.8em; }
#clt_lien_img9 { margin-left: -27.2em; }
#clt_lien_img10 { margin-left: -30.6em; }
#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	***** */
/* *****	CSS  Collection page: Description et tarifs	***** */
#description_collection aa { display: block; float: left; width: 25%; background-color: palegreen; text-align: center; 
	line-height: 200%; font-size: 1.2em; text-decoration: none; margin-top: 0.5em; }
#description_collection a:hover { background-color: violet; } 
#description_collection h3 { font-size: 1.2em; line-height: 200%;
	letter-spacing: 2px; font-weight: bold; margin-top: 0.5em; margin-bottom: 2em; text-align: center; }
#description_collection h4 { font-size: 1.2em; margin-bottom: 0.5em; }
	#description_collection h4 span { font-size: 0.9em; color: black; }
.h4space { clear: both; margin-top: 2em; }
.retour_clt { display: block; clear: both; width: 100%; text-align: right; }
.retour_clt a, .retour_clt_direct1 a, .retour_clt_direct2 a { padding: 0.2em 2em; margin-left: 6em;
	line-height: 2em; text-align: center; background-color: palegreen; }
.retour_clt_bis a { padding: 0.2em 1em; line-height: 2em; text-align: center; color: green; }
.retour_clt_direct1, .retour_clt_direct2 { display: block; text-align: right; }
.retour_clt_direct2 a { margin-left: 1.5em; }
.retour_clt_direct1 a { margin-left: 0; }
.retour_clt_direct2 { float: right; margin-bottom: 1em; }
.retour_tab_direct { float: right; margin-left: 1.5em; }
#intro { width: 94%; margin: auto; margin-bottom: 3em; }
.para { margin-left: 2em; margin-bottom: 3em; }
	.para em { display: block; margin-left: 4em; margin-top: 1em; }
	.para em.em_comment { font-size: 0.9em; font-style: normal; }
.clr { clear: both; }
.strong_txt { display: block; margin-top: 2em; line-height: 2.2em; margin-left: 2em; 
	background-color: lightgreen; }
	.strong_txt em { display: block; margin-left: 12em; background-color: #ffffcc; }
.span_form { float: left; width: 10em; margin-right: 1em; line-height: 2em; 
	border-bottom: 0.2em solid lightgreen; text-align: center; background-color: #ffffcc; }
.clt_img_detail_800, .clt_img_detail_400 { margin-top: 2em; margin-bottom: 3em; }
.clt_img_detail_800 { width: 800px; }
.clt_img_detail_400 { width: 400px; margin-left: 200px; }
.clt_img_detail_100 { height: 150px; margin-left: 200px; }
.clt_img_p_gauche { float: right; height: 8em; background-color: violet; }
.nb_ligne_4 { line-height: 2em; }
	.nb_ligne_4 span { display: block; margin-bottom: 3em; }
.span_blockimage { display: block; float: left; width: 200px; margin-bottom: 1em; }
	.span_blockimage strong { display: block; text-align: center; }
.span_image { display: block; width: 180px; height: 120px; margin: auto; overflow: hidden; }
.tarif_img_pair, .tarif_img_impair { width: 180px; border: 0 none; }
.tarif_img_impair { margin-top: -120px; }
.lien_other_ens { display: block; text-align: center; margin: 0.5em auto 0; }
.other_clt, .encours_clt { margin-left: 1.5em; margin-right: 1.5em; }
.encours_clt { color: orange; }
#h5illus { display: block; float: left; width: 60%; margin-right: 3%; }
#h5texte { display: block; float: left; width: 35%; }
.h4etape { clear: both; margin-top: 2em; margin-left: 1em; border-bottom: 0.2em solid plum; }
	.h4etape  span { padding: 0.7em 1em 0; margin-right: 1em; margin-left: 3em; background-color: plum; }
.pconseil { margin-left: 4em; margin-bottom: 3em; }
	.pconseil span { color: green; }
	.pconseil img { margin-top: 1em; margin-bottom: 1.5em; }
.previsu_clt, .ancre_previsu_clt { display: block; clear: both; width: 100%; text-align: center; }
	.previsu_clt a { padding: 0.4em 3em; line-height: 2em; text-align: center; background-color: palegreen; }
	.ancre_previsu_clt a { background-color: red; }
#span_submit { display: block; text-align: center; margin: auto; }
#span_submitd { text-align: center; }
.btnsubmitm, .btnsubmitf, .btnsubmitg { width: 15em; margin: 0 1.5em 2em; 
	padding-top: 0.3em; padding-bottom: 0.3em; cursor: pointer; cursor: hand; }
.btnsubmitm, .btnsubmitf, .btnsubmitg { }
.btnsubmitm { background-color: #6C6; }
.btnsubmitf { background-color: #F9F; }
.btnsubmitg { background-color: #69F; }
.btnsubmitd { background-color: salmon; padding: 0em 0.6em; cursor: pointer; cursor: hand; }

.imgsubmit-1, .imgsubmit-2, .imgsubmit-3, .imgsubmit-4, .imgsubmit-5,
.imgsubmit-6, .imgsubmit-7, .imgsubmit-8, .imgsubmit-9, .imgsubmit-10,
.mpgsubmit-1, .mpgsubmit-2, .mpgsubmit-3, .mpgsubmit-4, .mpgsubmit-5
{ width: 60px; height: 60px; border: 0 none; margin: 2px; background-repeat: no-repeat; }
.imgsubmit-1 { background-position:      0 0; }
.imgsubmit-2 { background-position:  -60px 0; }
.imgsubmit-3 { background-position: -120px 0; }
.imgsubmit-4 { background-position: -180px 0; }
.imgsubmit-5 { background-position: -240px 0; }
.imgsubmit-6 { background-position: -300px 0; }
.imgsubmit-7 { background-position: -360px 0; }
.mpgsubmit-1 { background-position:      0 0; }
.mpgsubmit-2 { background-position: 0  -60px; }
.mpgsubmit-3 { background-position: 0 -120px; }
.mpgsubmit-4 { background-position: 0 -180px; }
.mpgsubmit-5 { background-position: 0 -240px; }
.imgsubmit3-1 { background-position:      0 -120px; }
.imgsubmit3-2 { background-position:  -60px -120px; }
.imgsubmit3-3 { background-position: -120px -120px; }
.imgsubmit3-4 { background-position: -180px -120px; }
.imgsubmit3-5 { background-position: -240px -120px; }
.imgsubmit4-1 { background-position:      0 -180px; }
.imgsubmit4-2 { background-position:  -60px -180px; }
.imgsubmit4-3 { background-position: -120px -180px; }
.imgsubmit4-4 { background-position: -180px -180px; }
.imgsubmit4-5 { background-position: -240px -180px; }
.imgsubmitmi, .imgsubmitfi, .imgsubmitga { width: 65px; height: 30px; margin-right: 10px; margin-left: 10px; border: 1px dotted orange; cursor: pointer; cursor: hand; background-color: lightyellow; }
.sltm_submit, .sltf_submit, .sltg_submit { cursor: pointer; cursor: hand; }
.sltm_submit  { background-color: MediumSpringGreen; }
.sltf_submit  { background-color: hotpink; }
.sltg_submit  { background-color: turquoise; }
.imgsubmitfor, .imgsubmitfor, .sltfor_submit { cursor: pointer; cursor: hand; }
.imgsubmitfor { width: 75px; height: 25px; margin-right: 5px; margin-left: 5px; }
.imgsubmitfor { background-color: lightyellow; border: 1px dotted orange; }
.sltfor_submit { background-color: Moccasin; }
.imgsubmitopt, .imgsubmitopt, .sltopt_submit { cursor: pointer; cursor: hand; }
.imgsubmitopt { width: 35px; height: 20px; margin-right: 5px; margin-left: 5px; }
.imgsubmitopt { background-color: lightyellow; border: 1px dotted orange; }
.sltopt_submit { background-color: Moccasin; }
.slt_submit { border: 2px solid red; cursor: pointer; cursor: hand; }
.submitcde { height: 2em; width: 16em; background-color: #FC6; cursor: pointer; cursor: hand;
	border-left: 2px solid #FC0; border-top: 2px solid #FC0; 
	border-right: 2px solid #F93; border-bottom: 2px solid #F93; }
.submitpolice, .submitmltopt { cursor: pointer; cursor: hand; }
.submitpolice { height: 1.6em; width: 11em; font-size: 0.9em; }
.submitmltopt { height: 1.6em; width: 8em; font-size: 0.9em; margin-bottom: 1em; }
.submitpolice, .submitmltopt { background-color: DarkSeaGreen; border: 1px solid orange; }
div.formulaire_chxpolice { text-align: center; margin-top: 2em; } 
.typosubmit-n, .typosubmit-m, .slttypo_submit { cursor: pointer; cursor: hand; }
.typosubmit-n, .typosubmit-m { float: left; width: 200px; height: 90px; margin: 5px; }
.typosubmit-n { background: url("images/typo-naissance.gif") no-repeat 0 0; }
.typosubmit-m { background: url("images/typo-mariage.gif") no-repeat 0 0; }
	.slttypo_submit { border-right: 2px solid blue; border-bottom:  2px solid blue; }
div.formulaire_chxcouleur { text-align: center; margin-top: 2em; } 
.colosubmit-n, .colosubmit-m, .slttypo_submit { cursor: pointer; cursor: hand; }
.colosubmit-n, .colosubmit-m { float: left; width: 200px; height: 90px; margin: 5px; }
.colosubmit-n { background-color: white; }
.colosubmit-m { background-color: white; }
	.sltcolo_submit { border-right: 2px solid blue; border-bottom: 2px solid blue; }
div.formulaire_chxoption { text-align: center; margin-top: 2em; } 
.optisubmit-n, .optisubmit-m, .sltopti_submit { cursor: pointer; cursor: hand; }
.optisubmit-n, .optisubmit-m { float: left; width: 100px; height: 100px; margin: 5px; }
	.sltopti_submit { border-right: 2px solid lime; border-bottom:  2px solid lime; }
.opt_sbt-grand-frere { background: url("images/grand-frere-option.jpg") no-repeat 0 0; }
.opt_sbt-grande-soeur { background: url("images/grande-soeur-option.jpg") no-repeat 0 0; }
#imgtypo1 { background-position:  0 0; }
#imgtypo2 { background-position:  0px -90px; }
#imgtypo3 { background-position:  0px -180px; }
#imgtypo4 { background-position:  0px -270px; }
#imgtypo5 { background-position:  0px -360px; }
#imgtypo6 { background-position:  -200px -0px; }
#imgtypo7 { background-position:  -200px -90px; }
#imgtypo8 { background-position:  -200px -180px; }
#imgtypo9 { background-position:  -200px -270px; }
#imgtypo10 { background-position: -200px -360px; }
#imgoptio1 { background-position:  0 0; }
#imgoptio2 { background-position:  -100px 0; }
#imgoptio3 { background-position:  -200px 0; }
#imgoptio4 { background-position:  -300px 0; }
#imgoptio5 { background-position:  -400px 0; }
#imgoptio6 { background-position:  -500px 0; }
#imgoptio7 { background-position:  -600px 0; }
#imgoptio8 { background-position:  -800px 0; }
#imgoptio9 { background-position:  -900px 0; }
#imgoptio10 { background-position: -1000px 0; }
.coul1 { color: #004A99; }
.coul2 { color: #5EC5ED; }
.coul3 { color: #678713; }
.coul4 { color: #E95D0F; }
.coul5 { color: #E2001A; }
.coul6 { color: #EA6878; }
.coul7 { color: #8A5B9D; }
.coul8 { color: #97BF0D; }
.coul9 { color: 	#8F4D2B; }
.coul10 { color: #1A2627; }
#annulretour { width: 160px; height: 25px; margin: 10px 20px 0px; cursor: pointer; cursor: hand;
	font-size: 0.9em; background-color: #FC6;
	border-left: 2px solid #FC0; border-top: 2px solid #FC0; 
	border-right: 2px solid #F93; border-bottom: 2px solid #F93; }
#test { border: 2px solid red; display: block; height: 50px; width: 50px; margin-left: 100px; }
.multiopt_div, .multiopt_div_slt { float: left; width: 100px; height: 135px; margin-right: 5px; 
	margin-top: 5px; overflow: hidden; }
	.multiopt_div_slt { border: 1px solid green; }
	.multiopt_div_slt { border: 2px solid blue; }
	#multiopt_img_1 { }
	#multiopt_img_2 { margin-left: -100px; }
	#multiopt_img_3 { margin-left: -200px; }
	#multiopt_img_4 { margin-left: -300px; }
	#multiopt_img_5 { margin-left: -400px; }
	#multiopt_img_6 { margin-left: -500px; }
	#multiopt_img_7 { margin-left: -600px; }
	#multiopt_img_8 { margin-left: -700px; }
	#multiopt_img_9 { margin-left: -800px; }
	.multiopt_div input, .multiopt_div_slt input { width: 60px; height: 25px; margin-top: 5px; 
		cursor: pointer; cursor: hand; }
#imgmulo1 { background-position:  0 0; }
#imgmulo2 { background-position:  0px -90px; }
#imgmulo3 { background-position:  0px -180px; }
#imgmulo4 { background-position:  0px -270px; }
#imgmulo5 { background-position:  0px -360px; }
#imgmulo6 { background-position:  -200px -0px; }
#imgmulo7 { background-position:  -200px -90px; }
#imgmulo8 { background-position:  -200px -180px; }
#imgmulo9 { background-position:  -200px -270px; }
#imgmulo10 { background-position: -200px -360px; }
.form_chx-p-c-o { width: 675px; height: 444px; margin:  1em auto 2em; }
	.p_chxoption { float:left; width: 110px; text-align: center; }
.form_police { float: left; width: 200px; height: 90px; text-align: center; margin: 5px; background-color: PaleTurquoise; }
.form_option { float: left; width: 320px; height: 90px; text-align: center; margin: 5px; background-color: PaleTurquoise; }
	.form_police p, .form_option p  { margin-top: 5px; }
	.form_police p span, .form_option p span { font-size: 1.2em; color: blue; }
.span_txt_mdl { margin-left: 1em; }
.descript_clt { display: block; clear: both; width: 100%; text-align: center; margin-top: 2em; }
	.descript_clt a { padding: 0.4em 3em; line-height: 2em; text-align: center; background-color: palegreen; }
#presentation { width: 94%; margin: auto; } 
	#presentation h5 { font-size: 1.1em; line-height: 150%; color: orange; } 
	#presentation img { float: left; width: 120px; margin-right: 20px; margin-bottom: 2em; } 
	#presentation p { margin-left: 2em; line-height: 150%; margin-bottom: 1.5em; } 
		#presentation p strong { width: 6em; background-color: lightblue; } 
		#presentation p strong#basic { padding: 0.4em 2em 0.2em; }
		#presentation p strong#suppl { padding: 0.2em 2em 0.1em; font-weight: normal; }
		#presentation p span { margin-left: 2em; font-size: 0.9em;  }
.infos { border: 2px solid red; text-align: center; margin-top: 3em; }
	.infos p { clear: both; width: 86%; margin: auto; text-align: left; margin-bottom: 1em; }
	.infos div { display: block; margin: auto; }
.option { display: block; line-height: 3em; border-bottom: 2px solid red; margin-bottom: 1em; font-size: 1.3em; }
	.option strong { display: block; float: left; width: 20%; border-right: 2px dotted red; 
		background-color: wheat; }
.option3col1 { width: 90%; border: 0.1em solid blue; margin-top: 1em; margin-bottom: 2em; }
	.option3col1 .p_titre { text-align: center; line-height: 3em; background-color: lightblue; 
		width: 80%; margin: 1em auto 1em; }
	.option3col1 .p_titre span { display: block; float: left; height: 3em; width: 50%; 
		background-color: deepskyblue; }
	.option3col1 p { margin-left: 3em; }	
	.option3col1 p strong, .p_soustitre strong { display: block; margin-bottom: 0.5em; color: blue; }
ul.ul_deb li { border-top: 0.1em solid green; }
.ul_option { list-style-type: none; display: block; width: 31.5em; height: 2.5em; margin: auto; 
	margin-bottom: 2em; background-color: pink; }
	.ul_option li { display: block; float: left; width: 9.9em; line-height: 2em; border-right: 0.1em solid green;
		border-bottom:  0.1em solid green; background-color: palegreen; border-top: 0.1em solid green; }
	.ul_option li.li_titre { width: 20.9em; border-left: 0.1em solid green; background-color: wheat; }
.span_conseil { display: block; font-size: 0.9em; text-align: left; margin-top: 3em; margin-bottom: 2em; }
	.span_conseil strong { font-size: 1.0em; color: blue; font-style: normal; }
.span_smallfont { font-size: 0.9em; margin-left: 2em; }
.span_soustitre { display: block; text-align: left; margin-top: 2em; color: blue; }
#conclusion { text-align: center; margin-top: 0em; margin-bottom: 2em; margin: auto; }
/* *****	fin CSS  Collection page: Description et tarifs	***** */
#aff_form, #aff_intro, #aff_cde { float: right; width: 47%; border-left: 2px solid gray; }
#aff_img { float: left; width: 52%; margin-top: 1em; margin-bottom: 0.3em; }
#aff_cde  { clear: right; margin-bottom: 0.3em;  }
	#aff_cde form { display: block; margin: 1em auto 1.5em; text-align: center; }
	#aff_intro em { display: block; text-align: center; margin-bottom: 3em; }
	#aff_intro em a { padding: 0.4em 2em; line-height: 2em; text-align: center; background-color: palegreen; }
	#aff_intro p { text-align: center; margin-bottom: 0.6em; }
	#aff_intro p a { padding: 0.4em 0.5em; line-height: 2em; color: orange; }
.ligne_img { text-align: center; }
.info_choix, .info_choix_mlt { color: blue; font-size: 1.1em; }
	.info_choix { clear: both; }
	.info_choix_mlt { float: left; width: 48%; }
.info_choix  span { color: black; font-size: 0.9em; margin-right: 0.5em; }
	.info_choix  span { margin-left: 2em; text-align: center; }
	.info_choix_mlt  span { float: left; width: 35%; line-height: 1.9em; margin-left: 0.6em; text-align: right; }
	.vfa_mdl1 { margin-left:    0px; }
	.vfa_mdl2 { margin-left: -200px; }
	.vfa_mdl3 { margin-left: -400px; }
	.vfa_mdl4 { margin-left: -600px; }
	.vfa_mdl5 { margin-left: -800px; }
	.vfa_mdl6 { margin-left: -1000px; }
	.vfa_mdl7 { margin-left: -1200px; }
	.vfa_mdl8 { margin-left: -1400px; }
	.vfa_mdl9 { margin-left: -1600px; }
	.vfa_mdl10 { margin-left: -1800px; }
	.vfa_mispg1 { margin-top:    0px; }
	.vfa_mispg2 { margin-top: -200px;  }
	.vfa_mispg3 { margin-top: -400px; }
	.vfa_mispg4 { margin-top: -600px; }
	.vfa_mispg5 { margin-top: -800px; }
	.vfb_mdl1 { margin-left:    0px; }
	.vfb_mdl2 { margin-left: -400px; }
	.vfb_mdl3 { margin-left: -800px; }
	.vfb_mdl4 { margin-left: -1200px; }
	.vfb_mispg1 { margin-top:   0px; }
	.vfb_mispg2 { margin-top: -200px; }
	.vfb_mispg3 { margin-top: -400px; }
	.vfb_mispg4 { margin-top: -600px; }
	.vfb_mispg5 { margin-top: -800px; }
/* *****	FORMULAIRE fin CSS  Collection page: Description et tarifs	***** */
.sp1, .sp1_opt { margin-left: 3em; }
	.sp1 { margin-bottom: 1em; }
	.sp1 span { line-height: 2em; margin-left: -1em; }
.sp1_opt { margin-top:   0.4em; margin-right: 1em; }
.sp1bis { text-align: center; margin-bottom: 1em; }
.sp1ter { text-align: center; margin-bottom: 0.4em; }
.sp1quad { text-align: center; margin-bottom: 1em; font-size: 0.9em; }
#choixtypo { text-align : center; margin-top: 1em; margin-bottom: 1em; }
	#choixtypo span { color: red; }
.input_rd, .input_rd_cr { margin-left: 1em; }
	.input_rd_cr { margin-top: 0.1em; }
#form_opt { float: left; width: 75%;  }
#form_cde { float: left; width: 23%; text-align: center; }
/* *****	fin CSS page : ???.php	***** */
/* *****	CSS  Collection page: collection_telechargement.php	***** */
#telecharg_lien h3 { width: 70%; line-height: 1.5em; font-size: 1.1em; margin-bottom: 0.3em; margin-left: 0.5em; 
	padding-left: 0.2em; background-color: plum; }
#telecharg_lien div { margin-top: 1.8em; }
#telecharg_lien p { text-align: center; margin-top: 0.7em; margin-bottom: 0.6em; }
#telecharg_lien a { margin-left: 20px; }
.ssubmitpolice, .sssubmitpolice { float: right; width: 20%; }
.ssssubmitpolice { float: right; width: 35%; margin-top: 0.6em; }
.sssubmitpolice { margin-top: 1.5em; }
.slted { background-color: wheat; }
#telecharg_lien, #telecharg_info, #telecharg_retour { float: left; margin-bottom: 2em; }
#telecharg_lien { width: 55%; margin-right: 2%; padding-right: 1%; border-right: 2px solid grey; }
#telecharg_retour { width: 40%; text-align: center; margin-top: 1.5em; }
#telecharg_retour a { display: block; width: 12em; margin: auto; padding-top: 0.8em; padding-bottom: 0.5em; border: 2px dotted violet; }
#telecharg_info { width: 40%; }
#telecharg_info p {  }
#telecharg_info p em { display: block; padding-left: 1em; font-style: normal; }
span#info { display: block; width: 7em; margin-bottom: 0.3em; text-align: center; background-color: wheat; margin-right: 0.5em; }
span#gene { margin-left: 1em; font-size: 1.2em; color: orange; }
span#deta { margin-left: 1em; font-size: 1.15em; color: green; }
/* *****	fin CSS page : collection_telechargement.php	***** */

