a#menu_home{background: url(../btn_home.gif);
}




}








#btn_blog {
	background-image: url(../btn_blog.gif); 
	background-repeat: no-repeat; 
	width: 50px; 
	height: 100px; 
	float: left;
	cursor: pointer;
}

#btn_blog:hover {
	background-position: center -100px;
}

a#hotline_img {background-image: url(../btn_support.gif);  }

#hotline_img:hover {background-image: url(../btn_support_hover.gif);  }

#espaceHome{
	background-image: url(../espace-home.gif);
	width: 150px; 
	height: 147px; 
	position: absolute; 
	top: -1px; 
	left: 0;
}

#espaceHome:hover{
	background-position: center -147px;
}

p#hotline
{
	right: 96px;
	position: absolute;
	top: 81px;
	float: auto;
	padding: 0;
	width: 240px;
	height: 150px!important;
	font-size: 9px;
	text-decoration: none;
	height: 44px;
	margin: 0;
}

p#hotline a
{
	width: 123px;
	height: 25px;
	text-indent: -10000px;
	text-decoration: none;
	outline: none;
	z-index: 9;
	background-repeat: no-repeat;
}


body {
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: Arial, Tahoma, Verdana;
	text-align: center;
}

#page {
	width: 980px;
	padding: 0;
	margin: auto;
	margin-top: 30px;
	/*position: relative;*/
	text-align: left;
	font-family: Arial, Tahoma, Verdana;
	font-size: 10pt;
}

#mini_mariage, #mini_naissance, #mini_all, #mini_deuil {
	width: 128px; 
	float: left; 
	height: 30px; 
	z-index: 20; 
	background-repeat: no-repeat;
}

#mon-espace{
	background: url(../mon-espace.gif);
	display: block;
	width: 280px;
	height: 50px;
	margin: -5px auto 50px 0;
	background-repeat: no-repeat;
	background_position: center;
}

#mon-espace:hover{
	background-position: center -50px;
}

#mini_mariage {
	background-image: url(../menu_petit_mariage.gif);
}
#mini_naissance {
	background-image: url(../menu_petit_naissance.gif);
}
#mini_all {
	background-image: url(../menu_petit_all.gif);
}
#mini_deuil {
	background-image: url(../menu_petit_deuil.gif);
}

#mini_mariage:hover, #mini_naissance:hover, #mini_all:hover, #mini_deuil:hover {
	background-position: center -30px;
	cursor: pointer;
	
}

#pubmariage, #pubnaissance{
	height: 223px;
	width: 280px;
}

#pubmariage{
	background-image : url(../../../img_general/pubhomemariage_avechover.jpg);
}
#pubnaissance{
	background-image : url(../../../img_general/pubhomenaissance_avechover.jpg);
}

#remerciement_photo{
	height: 74px;
	width: 280px;
	background-image : url(../../../img_general/remerciement_photo.jpg);
}

#pubmariage:hover, #pubnaissance:hover{
	background-position: left -223px;
}

#remerciement_photo:hover{
background-position: left -74px;
}

#pubblog{
	text-align:left;
	width: 280px;
	font-size: 12pt;
	font-weight: bold;
	margin-left: 40px;
}

#ulpub{
	list-style-type:none;
}
#ulpub.li{
	margin-bottom: 3px;
}

/* Définition des principaux élements des pages */

h2 { text-indent: 10pt; font-size: 10pt; color: #333; text-decoration: underline; margin: 12px 0 15px 0; padding: 0; }
p { color: #333; text-align: justify; }
a { color: #4B6DB3; text-decoration: underline !important; }
a:hover { color: #333; text-decoration: none !important; }
ul li { color: #666; }
ul.txtBleu li { color: #4B6DB3 !important; }
.txtMini { font-size: 8.5pt !important; }






/* Blocs du haut de page */
.partieGauche {
	text-align: justify;
	float: left;
	width: 550px;
	margin: 0;
	padding: 0;
}
	.partieGauche p { margin: 0; padding: 0; }
	.partieGauche h3, .partieGauche h2 { }
	.partieGauche ul { margin: 20px 0 0 0; padding: 0 0 0 15px; list-style: square; }
		.partieGauche ul li { margin: 0 0 10px 0; padding: 0; }

	.partieGauche #listFpBg { float: right; width: 140px; float: right; margin: 0; padding: 0; }
		.partieGauche #listFpBg img { padding: 0 0 1px 15px; margin: 0; }

partieGaucheTitre {
	position: absolute; 
	width: 510px;
}

.partieDroite {
	text-align: justify;
	width: 360px;
	margin: 0;
	padding: 0;
	float: right;
}




/* Taille des différents blocs de texte */

.txtBleu { color: #4B6DB3; }
.txtGris { color: #666666; }
.txtGrisFonce { color: #333333; }



.voirTousNos a { font-style: italic; text-decoration: none !important; }
.voirTousNos a:hover { color: #4B6DB3; font-style: italic; text-decoration: underline !important; }




.blocFp { float: left; margin: 0 5px 0 6px; background-repeat: no-repeat; background-position: left top; width: 216px; height: 94px; position: relative; }
	.blocFp img { position: absolute; top: 8px; left: 19px; margin: 0; padding: 0; border: 0; }
	.blocFp h4 { position: absolute; top: 7px; left: 102px; font-size: 9pt; font-weight: normal; margin: 0; padding: 0 2px 0 0; }
	.blocFp p { position: absolute; bottom: 7px; left: 102px; margin: 0; padding: 0; }



.blocsFp { width: 460px; float: left; margin-bottom: 30px; }
.blocsFp .blocsFpTitre { position: relative; text-align: right; }
.blocsFp .blocsFpTitre h2 { margin: 0 0 20px 0; padding: 0; text-align: left; }
.blocsFp .blocsFpTitre div { position: absolute; top: 0; right: 10px; width: 300px; }
.blocsFp .blocsFpTitre div a { font-style: italic; text-decoration: none !important; }
.blocsFp .blocsFpTitre div a:hover { font-style: italic; text-decoration: underline !important; }



.fpBleu .blocFp { background-image: url(../blocFpBleu.jpg); }
.fpBleu h2, .fpBleu h4, .fpBleu p, .fpBleu a { color: #4B6DB3; text-decoration: none !important; }
.fpBleu a:hover { color: #4B6DB3; text-decoration: underline !important; }

.fpRouge { margin-left: 40px; margin-bottom: 20px !important; }
.fpRouge .blocFp { background-image: url(../blocFpRouge.jpg); }
.fpRouge h2, .fpRouge h4, .fpRouge p, .fpRouge a { color: #AB4742; text-decoration: none !important; }
.fpRouge a:hover { color: #AB4742; text-decoration: underline !important; }

.fpJaune { margin-left: 40px; }
.fpJaune .blocFp { background-image: url(../blocFpJaune.jpg); }
.fpJaune h2, .fpJaune h4, .fpJaune p, .fpJaune a { color: #ABA242; text-decoration: none !important; }
.fpJaune a:hover { color: #ABA242; text-decoration: underline !important; }

.fpVert { margin-bottom: 20px !important; }
.fpVert .blocFp { background-image: url(../blocFpVert.jpg); }
.fpVert h2, .fpVert h4, .fpVert p, .fpVert a { color: #42AB56; text-decoration: none !important; }
.fpVert a:hover { color: #42AB56; text-decoration: underline !important; }

.fpGris { margin-bottom: 20px !important; }
.fpGris .blocFp { background-image: url(../blocFpGris.jpg); }
.fpGris h2, .fpGris h4, .fpGris p, .fpGris a { color: #666; text-decoration: none !important; }
.fpGris a:hover { color: #4B6DB3; text-decoration: underline !important; }


h2.noBlocsFpStyle { color: #333 !important; text-decoration: underline !important; }


/* Classes de paragraphe */

#pMariage a#imgMariage { text-indent: -5000px; float: left; background: url(../alliances.jpg) no-repeat center top; display: block; height: 65px; width: 110px; }
#pMariage a#imgMariage:hover { text-indent: -5000px; background-position: center -65px; display: block; }

#pNaissance a#imgNaissance { text-indent: -5000px; float: left; background: url(../tetine.jpg) no-repeat center top; display: block; height: 80px; width: 80px; }
#pNaissance a#imgNaissance:hover { text-indent: -5000px; background-position: center -80px; display: block; }






/* Classe de séparation (ligne horizontale de sep) avec des pétales */

.separation {  background: url(../petaleFeuille.jpg) no-repeat bottom right; height: 60px; width: 60px; clear: both; position: relative; top: -30px; left: 50%; margin: 0 auto -30px -30px; }
.separation2 { background: url(../petales.jpg) no-repeat bottom right; height: 45px; width: 60px; clear: both; position: relative; top: -20px; left: 50%; margin: 0 auto -20px -30px; }
.separation3 { height: 45px; width: 60px; clear: both; position: relative; top: -20px; left: 50%; margin: 0 auto -20px -30px; }




/* Suivi de commande */

div#form_suivi {
	margin: auto;
	/*position: relative;*/
	display: block;
	width: 285px;
	height: 97px;
	padding-top: 1px;
	text-align: center;
	font-size: 9pt;
	background: url(../suiviCde.jpg) no-repeat top left;
}
	div form { margin: 0; padding: 0; }





/* Pied de page */

#footer_home {
	border-top: 1px #98A2F0 solid;
	background: url(../footerSite.jpg) repeat-x top;
	height: 116px;
	font-size: 9pt;
	margin: 40px 0 0 0;
	padding: 0;
}
	#footer_home #petale {
		margin: 0 auto 0 auto;
		padding: 20px 0 0 0;
		width: 880px;
		text-align: center;
	}
	#footer_home #petale p { text-align: center; }
	#footer_home #petale a { color: #666666; text-decoration: none !important; }
	#footer_home #petale a:hover { color: #000000; text-decoration: underline !important; }