/*******************************************************/
/*    feuille de style commune à toutes les pages !!   */
/*******************************************************/

html, body
{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #000;
	background-color: #fff;
	min-width: 1050px;
}

h1 { font-size: 1.6em; }
h3 { font-size: 1.2em; text-align: center; margin: 5px 0 10px 0;}
h4 { font-size: 1em; margin: 0;}
h5 { font-size: 0.8em; margin: 0; padding: 0;}
h6 { font-size: 0.6em; }

a:link, a:visited, a:hover, a:active
{
	text-decoration: none;
}

div#title
{
	float: left;
	margin: 0;
	padding: 0;
	width:774px;
	height: 79px;
	background-repeat: no-repeat;
}

a#logo
{
	float: left;
	margin: -3px 0 0 17px;
	width: 454px;
	height: 79px;
	color: #000;
	text-indent: -5000px;
	text-decoration: none;
	background-repeat: no-repeat;
}

div#topright
{
	position: absolute;
	top: 0;
	right: 0;
	width: 250px;
	height: 79px;
	background-repeat: no-repeat;
}

div#menu_container
{
	height: 44px;
}

a#menu_home
{
	float: left;
	margin: 0 0 0 20px;
	width: 31px;
	height: 44px;
	color: #fff;
	text-indent: -10000px;
	text-decoration: none;
	outline: none;
	background-repeat: no-repeat;
}

a#menu_marriage
{
	float: left;
	margin: 0 0 0 1px;
	width: 126px;
	height: 44px;
	color: #fff;
	text-indent: -10000px;
	text-decoration: none;
	outline: none;
	background-repeat: no-repeat;
}

a#menu_marriage:hover
{
	height: 44px;
}

a#menu_remerciement_menu
{
	float: left;
	margin: 0 0 0 1px;
	width: 117px;
	height: 44px;
	color: #fff;
	text-indent: -10000px;
	text-decoration: none;
	outline: none;
	background-repeat: no-repeat;
}

a#menu_remerciement_menu:hover
{
	height: 44px;
}

a#menu_birth
{
	float: left;
	margin: 0 0 0 1px;
	width: 126px;
	height: 44px;
	color: #fff;
	text-indent: -10000px;
	text-decoration: none;
	outline: none;
	background-repeat: no-repeat;
}

a#menu_all
{
	float: left;
	margin: 0 0 0 1px;
	width: 126px;
	height: 44px;
	color: #fff;
	text-indent: -10000px;
	text-decoration: none;
	outline: none;
	background-repeat: no-repeat;
}

a#menu_all:hover
{
	height: 44px;
}

a#menu_mourning
{
	float: left;
	margin: 0 0 0 1px;
	width: 126px;
	height: 44px;
	color: #fff;
	text-indent: -10000px;
	text-decoration: none;
	outline: none;
	background-repeat: no-repeat;
}

a#menu_mourning:hover
{
	height: 44px;
}

a#menu_birth_photo
{
	float: left;
	margin: 0 0 0 1px;
	width: 126px;
	height: 44px;
	color: #fff;
	text-indent: -10000px;
	text-decoration: none;
	outline: none;
	background-repeat: no-repeat;
}

a#menu_birth_photo:hover
{
	height: 44px;
}

a#menu_agenda
{
	float: left;
	margin: 0 0 0 1px;
	width: 126px;
	height: 44px;
	color: #fff;
	text-indent: -10000px;
	text-decoration: none;
	outline: none;
	background-repeat: no-repeat;
}

a#menu_agenda:hover
{
	height: 44px;
}

a#menu_invitedlist
{
	float: left;
	margin: 0 0 0 1px;
	width: 126px;
	height: 44px;
	color: #fff;
	text-indent: -10000px;
	text-decoration: none;
	outline: none;
	background-repeat: no-repeat;
}

a#menu_invitedlist:hover
{
	height: 44px;
}

a#menu_organisation
{
	float: left;
	margin: 0 0 0 1px;
	width: 126px;
	height: 44px;
	color: #fff;
	text-indent: -10000px;
	text-decoration: none;
	outline: none;
	background-repeat: no-repeat;
}

a#menu_organisation:hover
{
	height: 44px;
}

a#menu_parameters
{
	float: left;
	margin: 0 0 0 1px;
	width: 126px;
	height: 44px;
	color: #fff;
	text-indent: -10000px;
	text-decoration: none;
	outline: none;
	background-repeat: no-repeat;
}

a#menu_parameters:hover
{
	height: 44px;
}

a#menu_fp_favoris, a#menu_new, a#menu_top, a#menu_promo, a#menu_coupdecoeur, a#menu_flash, a#menu_packexpress, a#menu_faq
{
	float: left;
	margin: 0 0 0 1px;
	width: 31px;
	height: 34px;
	color: #fff;
	text-indent: -10000px;
	text-decoration: none;
	outline: none;
}

a#menu_faq{
	width: 60px;
}

a#menu_lang_fr
{
	float: left;
	margin: 0 0 0 1px;
	width: 31px;
	height: 34px;
	color: #fff;
	text-indent: -10000px;
	text-decoration: none;
	outline: none;
}

a#menu_lang_en
{
	float: left;
	margin: 0;
	width: 32px;
	height: 34px;
	color: #fff;
	text-indent: -10000px;
	text-decoration: none;
	outline: none;
}

ul#promo
{
	margin: 10px 10px 0 25px;
	padding: 0;
}

div#collection_nav
{
	margin: 10px auto 0 auto;
	width: 730px;
/*	width: 92%;*/
}

ul#collection_list, ul#collection_list li
{
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#collection_list a
{
	float: left;
	margin: 5px;
	width: 111px;
	height: 111px;
	color: #fff;
	text-indent: -10000px;
	text-decoration: none;
	outline: none;
}

div#previous a
{
	display: block;
	margin: 158px 0 0 0;
	width: 61px;
	height: 38px;
	color: #fff;
	text-indent: -10000px;
	text-decoration: none;
	outline: none;
}

div#next a
{
	display: block;
	margin: 158px 0 0 0;
	width: 61px;
	height: 38px;
	color: #fff;
	text-indent: -10000px;
	text-decoration: none;
	outline: none;
}




div#top
{
	margin: 0 0 2px 0;
	padding: 0;
	width: 100%;
	height: 79px;
}

ul#menu
{
	list-style: none;
	margin: 0 0 0 -5px;
	padding: 0;
}

#contents_container_right hr
{
	height: 1px;
	border: 0;
	width: 127px;
}

#contents_container_right li hr
{
	margin-right: 16px;
}

ul#menu li
{
	display: inline;
}

p#hotline
{
	float: right;
	padding: 0 3px 0 0;
	width: 205px;
	color: #000;
	line-height: 27px;
	font-size: 9px;
	text-decoration: none;
	height: 44px;
	margin: 0;
}

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

div#contents_container
{
	padding: 10px;
}

div#contents_full_container
{
	margin: 35px auto 0 auto;
	width: 90%;
	font-size: 12px;
}

h2, div#contents_full_container DT
{
	margin: 50px 0 0 0;
	font-weight: bold;
	font-size: 18px;
}
 
div#contents_full_container DD
{
	margin: 5px 0 0 16px;
	text-align: justify;
}

div#contents_full_container div.image
{
	text-align: center;
}

div#contents_full_container div.return_top
{
	margin-top: 10px;
	font-size: 9px;
	text-align: right;
}

ol.liste_num li
{
	margin-bottom: 14px;
	text-align: justify;
	font-size: 12px;
}

div#titleandmenu_container
{
	margin: 0;
	padding: 0;
	position: relative;
}

div#contents_container_right
{
	float: right;
	width: 190px;
	right: 16px;
	position: relative;
	margin: 0;
	padding: 0;
	margin-bottom: -40px;
}

div#contents_container_right p
{
	margin: 10px 10px 0 10px;
	font-size: 11px;
	color: #000;
	text-align: center;
}

div#contents_container_right img
{
	border: 0;
}

ul#promo li
{
	padding: 0;
	margin: 0;
	font-size: 12px;
}

ul#promo a
{
	margin: 0 0 0 -3px;
	padding: 0;
}

div.promo_bloc
{
	text-align: center;
	padding: 5px 0 5px 0;
}

img#top_vente
{
	margin: 10px 0;
}

div#contents_container_left
{
	margin: 0;
}

div#fairepart_select
{
	margin: 0 auto !important;
	padding: 0;
	position: relative;
	width: 755px;
	height: 500px;
}

div#fairepart_nav
{
	float: left;
	position: relative;
	margin: 23px 9px 10px 9px;
	width: 610px;
}

div#flash_nav, div#pack_nav
{
	margin: -10px auto 0 auto;
	padding: 0;
	width: 730px;
}

ul#flash_list, ul#flash_list li
{
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#flash_list li
{
	margin: 0 15px 0 -5px !important;
	margin: 0 0 0 0;
	float: left;
	width: 111px;
}

ul#flash_list a, .fpcadre
{
	display: block;
	margin: 5px;
	width: 111px;
	height: 111px;
	color: #fff;
	text-decoration: none;
	text-align: center;
}

.fpcadre strong 
{
	color: #222; 
}

ul#flash_list img, .fpcadre img
{
	margin: 5px 1px 0 0;
	border: 0;
}

ul#flash_list P
{
	margin: 0 0 0 12px;
	padding: 0;
}

ul#fairepart_list,
ul#fairepart_list li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#fairepart_list
{
	width: 610px;
}

ul#fairepart_list li
{
	margin: 0 5px 0 5px !important;
	float: left;
	width: 111px;
	height: 148px;
	position: relative;
}
/*
ul#fairepart_list a, .fpcadre
{
	display: block;
	position: relative;
	margin: 0;
	width: 111px;
	height: 111px;
	color: #fff;
	text-decoration: none;
	text-align: center;
}

*/



ul#fairepart_list img, .fpcadre img
{
	margin: 0;
	border: 0;
}

ul#fairepart_list P
{
	margin: 0 0 0 12px;
	padding: 0;
}

table.fairepartList tr td div.fpMark
{
	position: relative;
}

div.fpFavoris
{
	position: absolute;
	background: url(../img_general/favoris.gif) no-repeat;
	top: 10px;
	left: 90px;
	width: 16px;
	height: 14px;
}





/* miniature FP */
.miniFairePart
{
	display: block;
	position: relative;
	width: 111px;
	height: 150px;
	padding: 0;
	/*border: solid 1px pink;*/
}

.miniFairePart p
{
	padding: 0 0 0 10px;
	margin: 0;
}

.bkg_fairepart, .fpcadre
{
	display: block;
	padding: 6px 8px 8px 7px !important;
	width: 96px;
	height: 96px;
	background-repeat: no-repeat;
	text-align: center;
}
.bkg_fairepart img
{
	border: 0;
}


.fpLogos
{
	position: absolute;
	height : 23px;
	top: 3px;
	left: 3px;
}

.logo_fav
{
	float  : left;
	width  : 22px;
	height : 20px;
	background: url('../img_general/logo_fav.png') no-repeat;

}
.logo_express
{
	float  : left;
	width  : 18px;
	height : 20px;
	background: url('../img_general/logo_express.png') no-repeat;
}
.logo_flash
{
	float  : left;
	margin : 0 0 0 2px;
	width  : 18px;
	height : 20px;
	background: url('../img_general/logo_flash.png') no-repeat;
}

.logo_solde
{
	position: absolute;
	top: 62px;
	left: -4px;
	width: 108px;
	height: 43px;
	background: url('../img_general/logo_solde.gif') no-repeat;
}

.logo_mini_format
{
	position: absolute;
	top: -20px;
	left: 60px;
	width: 60px;
	height: 59px;
	background: url('../img_general/petit_format_petit_prix.gif') no-repeat;
}

/*
div.fpFavorisFlash
{
	position: absolute;
	margin: 4px 0 0 10px;
	background: url(../img_general/flash.gif) no-repeat;
	width: 16px;
	height: 20px;
}
*/
/* ANCIENS LABELS en GIF */
div.fpFlash
{
	position: absolute;
	background: url(../img_general/flash.gif) no-repeat;
	top: 10px;
	left: 10px;
	width: 16px;
	height: 20px;
}

div.fpPackExpress
{
	position: absolute;
	top: 120px;
	left: 96px;

	background: url(../img_general/packexpress.gif) no-repeat;
	width: 16px;
	height: 20px;
}

div#fpFlashLink
{
	float: left;
	margin: 10px 0 0 0;
	width: 730px;
	text-align: right;
}


div#fp_multi_page
{
   	margin: 0 auto 0 auto;
    padding: 0;
    width: 610px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

div#footer
{
	clear: both;
	margin: 0;
	padding: 70px 0 10px;
	width: 100%;
	text-align: center;
}

p#arbo
{
	margin: 20px 0 0 19px;
	padding: 0px;
	font-size: 13px;
	font-weight: bold;
	color: #000;
}

p#pagination
{
	clear: both;
	width: 100%;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}

p#pagination a
{
	font-weight: normal;
}

div#previous
{
	float: left;
	margin: 50px 0 0 0;
	width: 61px;
	height: 363px;
}

div#next
{
	float: left;
	margin: 50px 0 0 0;
	width: 61px;
	height: 363px;
}

.hidden
{
	display: none;
}

.tcenter
{
	text-align: center;
}

select.input_select
{
	margin: 2px 0 2px 0;
	padding: 0;
	border: 0;
	height: 24px;
}

input.input_text
{
	margin: 2px 0 2px 0;
	padding: 3px 0 0 5px;
	border: 0;
	width: 193px;
	height: 19px;
}

textarea.input_textarea
{
	margin: 2px 0 2px 0;
	padding: 3px 0 0 5px;
	border: 0;
}

input.input_text_error
{
	margin: 0 0 10px 0;
	padding: 3px 0 0 5px;
	border: 0;
	width: 193px;
	height: 19px;
}

input.input_list
{
	margin: 0 0 10px 0;
	padding: 3px 0 0 5px;
	border: 0;
	width: 193px;
	height: 19px;
	cursor: pointer;
	cursor: hand; /* IE, Opéra */
}

input.input_text_dayandmonth
{
	margin: 0 0 10px 0;
	padding: 3px 0 0 5px;
	border: 0;
	width: 45px;
	height: 19px;
}

input.input_text_dayandmonth_error
{
	margin: 0 0 10px 0;
	padding: 3px 0 0 5px;
	border: 0;
	width: 45px;
	height: 19px;
}

input.input_text_year
{
	margin: 0 0 10px 0;
	padding: 3px 0 0 5px;
	border: 0;
	width: 73px;
	height: 19px;
}

input.input_text_yearh_error
{
	margin: 0 0 10px 0;
	padding: 3px 0 0 5px;
	border: 0;
	width: 73px;
	height: 19px;
}

input.input_submit
{
	margin: 0 0 10px 6px;
	padding: 0 0 2px 0;
	border: 0;
	width: 102px;
	height: 22px;
	font-weight: bold;
	cursor: pointer;
	cursor: hand; /* IE, Opéra */
}

input.btn_reset
{
	border: 0;
	width: 193px;
	height: 35px;
	cursor: hand;
}

div.text
{
	margin : 0 auto 0 auto;
	width: 730px;
}

div.img_left
{
	float: left;
	width: 145px;
}

div.text_right
{
	float: right;
	width: 550px;
	text-align: justify;
}

div.text ul
{
	margin : 0;
	padding: 0 0 0 25px;
	text-align: justify;
}

div.text p
{
	text-align: justify;
}

p.error
{
	width: 286px;
	padding: 5px 10px 5px 10px;
	font-weight: bold;
	color: #E32121;
	text-align: justify;
	border: #E84B4B 2px solid;
	background-color: #FDC7C7;
}

p.error_large
{
	padding: 5px 10px 5px 10px;
	font-weight: bold;
	color: #E32121;
	text-align: justify;
	border: #E84B4B 2px solid;
	background-color: #FDC7C7;
}

div.text_center
{
	margin : 0 auto 0 auto;
	width: 350px;
	text-align: center;
}

div.form_list {
	overflow : auto;
	margin: -11px 0 10px 0;
	padding: 3px 0 3px 5px;
	border: 0;
	width: 191px;
	height: 225px;
}

div.form_list a {
	display: block;
	margin: 0 0 0 -1px;
	padding: 0;
	width: 172px;
	height: 18px;
}

div.clear
{
	clear: both;
	padding: 15px;
	font-size: 0px;
}

.no_border
{
    border: 0 !important;
}


/* Liste des FP */
table.fairepartList
{
    padding: 0;
    margin: 0;
    border: 0;
    border-collapse:collapse;
}

table.fairepartList tr, table.fairepartList td, table.fairepartList a
{
    padding: 0 !important;
    margin: 0 !important;
    border: 0;
    border-collapse: collapse;
}
table.fairepartList a
{
	width: 111px;
	height: 111px;
	display: block;
}
table.fairepartList td
{
    width: 120px;
}


/* Je sais, c'est pas super, mais ca permet d'avoir des faire part de plusieur catégories dans la home par exemple */
a.bkg_fairepartList_marriage       { background-image: url(marriage/bkg_fairepart.gif); }
a.bkg_fairepartList_marriage:hover { background-image: url(marriage/bkg_fairepart_hover.gif); }

a.bkg_fairepartList_birth       { background-image: url(birth/bkg_fairepart.gif); }
a.bkg_fairepartList_birth:hover { background-image: url(birth/bkg_fairepart_hover.gif); }

a.bkg_fairepartList_all       { background-image: url(all/bkg_fairepart.gif); }
a.bkg_fairepartList_all:hover { background-image: url(all/bkg_fairepart_hover.gif); }

a.bkg_fairepartList_mourning       { background-image: url(mourning/bkg_fairepart.gif); }
a.bkg_fairepartList_mourning:hover { background-image: url(mourning/bkg_fairepart_hover.gif); }



#box { width: 600px; margin: auto; }
#box ul { list-style: none; margin: 0; padding: 0; }
#box ul li { text-align: center; position: relative; float: left; list-style: none; width: 180px; height: 250px; margin: 5px; padding: 0; border: 1px solid #A77FD3; }
#box ul.petit li { height: 150px; }
#box ul li div.titre { text-align: center; font-weight: bold; line-height: 50px; border-bottom: 1px solid #A77FD3; }
#box ul.petit li div.titre { line-height: 30px; }
#box ul li p { margin: 0; padding: 5px; }
#box ul li div.valider { position: absolute; width: 100%; line-height: 30px; text-align: center; bottom: 0; left: 0; border-top: 1px dotted #A77FD3; }
#box ul li div.valider a { font-weight: bold; }

div.cheminProgressCde { height: 50px; }
div.cheminProgressCde a {  }
div.cheminProgressCde span {  }

.important { color: red; font-weight: bold; }


/* CADRES SIMPLES */
.simpleBox
{
    position: relative;
    max-width: 1024px;
    margin: 0 auto 0 auto;
}

.simpleBox h3
{
    font-size: 17px;
    padding : 0 0 10px 0;
    margin: 0;
    text-align: left;
}

.simpleBoxUpperleft, .simpleBoxUpperright, .simpleBoxLowerleft, .simpleBoxLowerright {
	height: 19px;
	font-size: 0px;
}
.simpleBoxUpperleft, .simpleBoxLowerleft {
	margin-right: 19px;
}
.simpleBoxUpperright, .simpleBoxLowerright {
	margin-left: 19px;
	margin-top: -19px;
}
.simpleBoxUpperright {
	background-position: top right;
}
.simpleBoxLowerleft  {
	background-position: bottom left;
}
.simpleBoxLowerright {
	background-position: bottom right;
}
.simpleBoxInside
{
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #fff;
	padding-left: 19px;
	padding-right:19px;
}


div.simpleBoxInside p    { margin: 0; padding: 0 0 7px 0; }
div.simpleBoxInside form { margin: 0; padding: 0; }

/* CADRES PLEINS */

.filledBox
{
    position: relative;
}
.filledBoxUpperleft, .filledBoxUpperright, .filledBoxLowerleft, .filledBoxLowerright {
	height: 10px;
	font-size: 2px;
}
.filledBoxUpperleft, .filledBoxLowerleft {
	margin-right: 10px;
}
.filledBoxUpperright, .filledBoxLowerright {
	margin-left: 10px;
	margin-top: -10px;
}
.filledBoxUpperright {
	background-position: top right;
}
.filledBoxLowerleft  {
	background-position: bottom left;
}
.filledBoxLowerright {
	background-position: bottom right;
}
.filledBoxInside
{
    color: #fff;
    font-weight: bold;
	padding-left: 10px;
	padding-right:10px;
}


table.beautifulTable th    { color: white; font-weight: bold; padding: 4px; margin: 1px;}
table.beautifulTable thead { color: white; font-weight: bold; }
table.beautifulTable       { background: #fff; }
table.beautifulTable td    { border-collapse: collapse; padding: 2px; margin: 1px;}
table.beautifulTable tfoot { background: #fff; color: #aaa; font-weight: bold; }



/************************************
 * Fiche Produit
 **************************************/


	#prodBox
	{
	    /*width: 347px;*/
	    width: 237px;
	    height: 393px;
	    padding: 20px;
	    position: relative;
	    text-align: center;
	}

	#prodBoxIcons
	{
		position: absolute;
		bottom: 19px; left: 0;
		height: 40px;
		width: 100%;
		text-align: center;
	}
	#prodBoxIcons img
	{
		border: 0;
	}



	#smallImgList div
	{
		/*text-align: center;*/
	}

	#smallImgList p
	{
		text-align: left;
	}

	#smallImgList .bkg_fairepart
	{
		display: block;
		width: 96px;
		height: 110px;
		padding: 6px 8px 8px 7px;
		margin: 0 0 0 10px;
		text-align: center;
		float : left;
		position: relative;
		background-repeat: no-repeat;
	}

	#smallImgList .bkg_fairepart .prodLabel
	{
		position: absolute;
		bottom: 0;
		left: 0;
		text-align: center;
		width: 110px;
	}

	#smallImgList .bkg_fairepart img
	{
		border: 0;
	}

	#smallImgList h3
	{
		padding: 0 0 15px 0;
		margin: 0;
	}

	#fpSim
	{
		text-align: left;
		margin: 0;
		padding: 0 0 0 15px;
	}

	#plisBox
	{
		float: right;
		clear: both;
		text-align: center;
		margin: 5px 0 0 5px;
		font-size: 10px;

		width: 80px;
	}

	#ccoeurBox
	{
		float: right;
		clear: both;
		text-align: center;
		width: 100px;
		margin: 5px 0 0 5px;
	}
	#prodDesc
	{
		overflow: auto;
		/*width: 420px;*/
		width: 320px;
		height: 357px;
	}

	#mainBox
	{
		/*width: 987px;*/
		width: 740px;
		margin: 17px auto 0 auto;
		position: relative;
	}

	#buttonBox
	{
		font-style: italic;
		/*font-weight: bold;*/
		position: absolute;
		bottom: 19px;
		/*width: 562px;*/
		width: 262px;
	}

	#prixBarre
	{
		color: red;
		width: 90px;
		float: right;
		clear: both;
		font-weight: bold;
		text-align: right;
	}

	#fav_notification
	{
		vertical-align: middle;
		margin: 0 5px 5px 0;
		border: 0;
	}

/*************************************************/
/*************************************************/

#error
{
    padding: 15px;
    margin: 0 auto;
}

#error h3
{
    color: red;
    text-align: left;
    font-size: 18px;
    padding: 0;
    margin: 0 0 5px 0;
}

#error ul
{
    padding: 0 0 0 25px;
    margin: 0;
}

#error li
{
    list-style-type: circle;
    font-size: 12px;
    margin: 0;
    padding: 0;
}


.mvcAjaxLoader
{
	display: none;
	position: absolute;
	width: 300px;
	height: 200px;
	background: #fff;
	border: 2px outset #ccc;
	top: 50%;
	left: 50%;
	margin-left: -150px;
	margin-top: -100px;
	z-index: 9;
}
.mvcAjaxLoader h2
{
	font-size: 13px;
	margin: 0;
	padding: .2em .5em .2em .5em;
	background: #ccc;
	font-weight: bold;
}
.mvcAjaxLoader p
{
	padding: 1em .5em .5em .5em;
}



/*<i class="btn_corners"></i><span class="btn_corners"><i class="btn_corners"></i><span class="btn_corners"></span>Mariage</span>*/


.btn { background: #aaa; color: #fff; position: relative; text-decoration: none; cursor: pointer; }

.btnC { float: none !important; margin: 0px auto; text-align: center; }

.btn i.btn_corners,
.btn span.btn_corners,
.btn span.btn_corners i.btn_corners,
.btn span.btn_corners span.btn_corners
{ font-style: normal; background-image: url(../img_general/btn_default.png); background-repeat: no-repeat; }




.btn { display: block; position: relative; background: #aaa; float: left; padding: 5px; color: #fff; text-decoration: none; cursor: pointer; }

.btnC { float: none !important; margin: 0px auto; text-align: center; }

.btn i.btn_corners,
.btn span.btn_corners,
.btn span.btn_corners i.btn_corners,
.btn span.btn_corners span.btn_corners
{ font-style: normal; background-image: url(../img_general/btn_default.png); background-repeat: no-repeat; display: block; position: relative; }


.btn i.btn_corners { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span.btn_corners { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span.btn_corners i.btn_corners { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span.btn_corners span.btn_corners { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }


* html .btn span.btn_corners,
* html .btn i.btn_corners { background-image: none; cursor: pointer; }


.btn { background: #ccc; }
.btn:hover { background: #aaa; }

.btn.bir { background: #dAEa3F; }
.btn.bir:hover { background: #AAC11F; }

.btn.mar { background: #A77FD3; }
.btn.mar:hover { background: #875FB3; }

.btn.all { background: #FFADEE; }
.btn.all:hover { background: #DF8DCE; }

.btn.mou { background: #7C97AC; }
.btn.mou:hover { background: #5C778C; }

.btn.maz { background: #FDD303; }
.btn.maz:hover { background: #DDB303; }

.btn.main { font-weight: bold; }

.btn.back { background: #ddd; }
.btn.back:hover { background: #bbb; }


a.btn { color: #fff !important; }

.btn:hover { text-decoration: none !important; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(../img_general/btn_shade.png); background-position: bottom; }

.btn img { border: 0; vertical-align: middle; }

* html .btn { border: 3px double #aaa; }
* html .btn:hover { border-color: #B51E9E; text-decoration: none !important; }

p.p_btn { clear: both; padding: 7px; }
p.p_btn .btn { margin-right: 1em; }

#fav_notification
{
	cursor: pointer;
}