/* *****	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; }
/* *****	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    ***** */
/* *****	CSS  Collection page : faire-part-naissance-collections-page1.php	***** */
#fp_clt_navig { float: left; width: 84%; height: 38em; text-align: left; }
#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 { display: inline; float: left; width: 6.5em; height: 6.5em; overflow: hidden; }
.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;  }
.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.4em 2em; margin-right: 1em; width: 6em; 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; }

.cigogne_ens1 { background-image: url("vignettes/cigogne-vignprevisu-ens1.jpg"); }
.cigogne_ens2 { background-image: url("vignettes/cigogne-vignprevisu-ens2.jpg"); }
.cigogne_ens3 { background-image: url("vignettes/cigogne-vignprevisu-ens3.jpg"); }
.cigogne_ens4 { background-image: url("vignettes/cigogne-vignprevisu-ens4.jpg"); }
.cigogne_ens5 { background-image: url("vignettes/cigogne-vignprevisu-ens5.jpg"); }
.risette_ens1 { background-image: url("vignettes/risette-vignprevisu-ens1.jpg"); }
.layette_ens1 { background-image: url("vignettes/layette-vignprevisu-ens1.jpg"); }
.layette_ens2 { background-image: url("vignettes/layette-vignprevisu-ens2.jpg"); }
.ilparait_ens1 { background-image: url("vignettes/ilparait-vignprevisu-ens1.jpg"); }
.patchwork_ens1 { background-image: url("vignettes/patchwork-vignprevisu-ens1.jpg"); }
.patchwork_ens2 { background-image: url("vignettes/patchwork-vignprevisu-ens2.jpg"); }
.grand-frere_ens1 { background-image: url("vignettes/grand-frere-vignprevisu-ens1.jpg"); }
.grand-frere_ens2 { background-image: url("vignettes/grand-frere-vignprevisu-ens2.jpg"); }
.grand-frere_ens3 { background-image: url("vignettes/grand-frere-vignprevisu-ens3.jpg"); }
.grande-soeur_ens1 { background-image: url("vignettes/grande-soeur-vignprevisu-ens1.jpg"); }
.grande-soeur_ens2 { background-image: url("vignettes/grande-soeur-vignprevisu-ens2.jpg"); }
.grande-soeur_ens3 { background-image: url("vignettes/grande-soeur-vignprevisu-ens3.jpg"); }

.petitcoeur_ens1 { background-image: url("vignettes/petitcoeur-vignprevisu-ens1.jpg"); }
.couronne_ens1 { background-image: url("vignettes/couronne-vignprevisu-ens1.jpg"); }
.silhouette_ens1 { background-image: url("vignettes/silhouette-vignprevisu-ens1.jpg"); }
.amoureux_ens1 { background-image: url("vignettes/amoureux-vignprevisu-ens1.jpg"); }
.mariage_ens1 { background-image: url("vignettes/mariage-vignprevisu-ens1.jpg"); }

.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: 15em; font-size: 0.9em; margin-left: 2em; margin-bottom: 1em; }
.submitmltopt { height: 1.6em; width: 8em; font-size: 0.9em; margin-bottom: 1em; }
.submitpolice, .submitmltopt { background-color: DarkSeaGreen; border: 1px dotted 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 { background-color: DarkSeaGreen; border: 2px solid blue; }
#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; }

#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; }

#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_chxpolice { width: 675px; height: 444px; margin:  1em auto 2em; }
.form_police { float: left; width: 200px; height: 90px; 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; }
.form_option { float: left; width: 305px; height: 90px; margin: 5px; background-color: PaleTurquoise; }
.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; }

#zone_vfa, #zone_vfb { overflow: hidden; height: 200px; margin: 1em auto 2em; border: 2px dotted blue; }
#zone_vfa { width: 200px; }
	.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; }

#zone_vfb { width: 400px; }
	.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	***** */