/* *****	CSS page Fairepart	***** */
#contenu_fp-p0, #contenu_fp-p1, #contenu_fp-p2 { text-align: left; }
.affich_fp, #intro_fp { float: left; width: 75%; height: 400px; text-align: left; 
	padding-top: 5px; background-color: #ffffcc; } 
/* Menu faire-part */
#menu_fp { float: right; width: 24%; height: 420px; }
	/* Couleur menu page en cours */
	#contenu_fp-p0  a.lig0 { color: red;}
	#contenu_fp-p1  a.lig1 { color: red;}
	#contenu_fp-p2  a.lig2 { color: red;}
	/* Fin Couleur menu page en cours */
/* Fin Menu faire-part */
#menu_clt_plus { width: 80%; border-top: 1px dotted red; line-height: 4em; margin: 3em auto 0; }
/* page intro faire-part	*/
#intro_fp2 { margin: 40px 10% 0 10% ; }
#img_fp2 { margin: 0 10% 0 10% ; text-align: center; }
	#img_fp2  p.impgtxt { float: left; width: 28%; } 
	#img_fp2  p.plusegal { float: left; width: 8%; font-size: 40px; margin-top: 30px; } 
	#img_fp2  img { width: 100%; margin: auto; } 
/* Fin page intro faire-part	*/
/* autres pages faire-part	*/
.affich_fp * { margin: 0 ; padding: 0; }
.affich_fp * { border: 0px none; }
#contenu_fp-p1 div.affich_fp { background-image: url(images/cartefairepart.jpg); 
	background-position: 50% 80px; background-repeat: no-repeat; }
#contenu_fp-p2 div.affich_fp { background-image: url(images/sourisordi.jpg); 
	background-position: 50% 80px; background-repeat: no-repeat; }
#affich_fp1 { width: 500px; }
#affich_fp2 { width: 200px; } 
#affich_fp1, #affich_fp2 { height: 55px; margin: auto; }
a.fairepart { float: left; width: 50px; height: 55px;  position: relative; }
/*	a#fp1-01 { background: url(vignettes/vignettefairepartadoption.jpg) no-repeat; } 
	a#fp1-02 { background: url(vignettes/vignettefp2.jpg) no-repeat; }
	a#fp1-03 { background: url(vignettes/vignettefp1.jpg) no-repeat; }
	a#fp1-04 { background: url(vignettes/vignetteautressuggestions.jpg) no-repeat; }
	a#fp1-05 { background: url(vignettes/vignettefpsouris.jpg) no-repeat; }
	a#fp1-06 { background: url(vignettes/vignettefp3.jpg) no-repeat; }
	a#fp1-07 { background: url(vignettes/vignettefpours.jpg) no-repeat; }
	a#fp1-08 { background: url(vignettes/vignettemariage1.jpg) no-repeat; }
	a#fp1-09 { background: url(vignettes/vignettemariage2.jpg) no-repeat; }
*/
	a.fairepart span { visibility: hidden; position: absolute; top: 70px; }
a#fp1-01 span { left: +50px; }	a#fp1-02 span { left: +0px; }
a#fp1-03 span { left:-50px; }		a#fp1-04 span { left:-100px; }
a#fp1-05 span { left:-150px; }	a#fp1-06 span { left:-200px; }
a#fp1-07 span { left:-250px; }	a#fp1-08 span { left:-300px; }
a#fp1-09 span { left:-350px; }	a#fp1-10 span { left:-400px; }

a#fp2-01 span { left: -100px; }  	a#fp2-02 span { left: -150px; }
a#fp2-03 span { left:-200px; }	a#fp2-04 span { left:-250px; }
a.fairepart:hover { overflow: visible; text-decoration: none; z-index: 100; }	
	a.fairepart:hover span { visibility: visible; }	
a.fairepart:active, a.fairepart:focus { overflow: visible; text-decoration: none; z-index: 10; outline: none; }	
	a.fairepart:active span, a.fairepart:focus span { visibility: visible;  text-decoration: none; }	 
#affich_fp1 a .fpcaption, #affich_fp2 a .fpcaption { display: none; }
#affich_fp1 a:hover .fpcaption, #affich_fp2 a:hover .fpcaption
	{ display: block; background: #ffc; border: none; text-decoration: none;  
	font-family: verdana,sans-serif; height: 2.5em; text-align: center; color: #339;
	width: 450px; position: relative; left: -25px; top: 13px; z-index: 100; } 
#affich_fp1 a:active .fpcaption, #affich_fp1 a:focus .fpcaption , 
#affich_fp2 a:active .fpcaption, #affich_fp2 a:focus .fpcaption
	{ display: block; background: #ffc; border: none; text-decoration: none;  
	font-family: verdana,sans-serif;  height: 2.5em; text-align: center; color: #339;
	width: 450px; position: relative; left: -25px; top: 13px; z-index: 10; } 
/* Fin autres pages faire-part	*/
/* *****	fin CSS Fairepart	***** */
