/* CSS Document 3CRAYONS */


/*	DEFAULT	*/
body { margin: 0; padding: 0; }

/*body { margin: 0; padding: 0; background-color: #D9DAD4; background-image: url(/images/3crayons_BACK.gif); }*/

h1.en { margin: 0; padding: 0; width: 428px; height: 50px; background-image: url(/images/3crayons_logoEn.gif); }
h1.fr { margin: 0; padding: 0; width: 428px; height: 50px; background-image: url(/images/3crayons_logoFr.gif); }

div#header { margin:0px auto 0 auto; padding:0px 0 0 0; width: 780px; }



div.sep { margin: 10px 0 10px 0; width: 700px; height: 3px; background-image: url(/images/sep.gif); background-repeat: no-repeat; }

span.cache { display: none; }

ul { list-style: none; margin: 0; padding: 0; }

div.colagene a { width: 75px; height: 17px; top: 0px; margin: 0px; padding: 0px; background-image: url(/images/colageneLogo.gif); background-repeat: no-repeat; }

p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; }



/*	CONTENT	*/
table.content { width: 100%; height: 100%; position: absolute; }
table.contenu { height: 100%; }
td.menu { width: 426px; height: 460px; background-image: url(/images/bg_menu.gif); }
td.contenu { width: 354px; height: 460px; }

div.contenu { width: 100%; height: 100%; overflow: auto; }

table.bonCommande { width:730px; height: auto; }

	/*	TABLE	*/
	td#topLeft { width: 7px; height: 7px; background-image: url(/images/topLeft.gif); background-repeat: no-repeat; }
	td#topCenter { width: auto; height: 7px; background-image: url(/images/topCenter.gif); background-repeat: repeat-x; }
	td#topRight { width: 7px; height: 7px; background-image: url(/images/topRight.gif); background-repeat: no-repeat; }
	
	td#left { width: 7px; height: auto; background-image: url(/images/left.gif); }
	td#center { width: 340px; height: 445px; background-color: #FFF; }
	table.bonCommande td#center { width: 725px; background-color: #FFF; }
	td#right { width: 7px; height: auto; background-image: url(/images/right.gif); }
	
	td#bottomLeft { width: 7px; height: 7px; background-image: url(/images/bottomLeft.gif); background-repeat: no-repeat; }
	td#bottomCenter { width: auto; height: 7px; background-image: url(/images/bottomCenter.gif); background-repeat: repeat-x; }
	td#bottomRight { width: 7px; height: 7px; background-image: url(/images/bottomRight.gif); background-repeat: no-repeat; }
	
	
	/*	MENU  */
	td.menu div.menu { margin: 35px 0 0 0; padding: 0; }
	a { display: block; cursor: pointer; }
	div.sepMenu { margin: 5px 0 0 25px; width: 263px; height: 3px; background-image: url(/images/sepMenu.gif); background-repeat: no-repeat; }
	td.menu div li{ margin: 7px 0 0 0; padding: 0; }
	ul.menu1 { margin: 0 0 0 25px; }
	ul.menu2 { margin: 0 0 0 15px; }
	ul.menu3 { margin: 0 0 0 25px; }
	
	/*	EN  */
	li.mHomeEn a { width: 41px; height: 15px; background-image: url(/images/mHomeEn.gif); background-repeat: no-repeat; }
	li.mHomeEn a:hover { width: 41px; height: 15px; background-image: url(/images/mHomeEn_o.gif); background-repeat: no-repeat; }
	li.mHomeEnA a { width: 41px; height: 15px; background-image: url(/images/mHomeEn_a.gif); background-repeat: no-repeat; }
	
	li.mMarieVincentFoundationEn a { width: 181px; height: 15px; background-image: url(/images/mMarieVincentFoundationEn.gif); background-repeat: no-repeat; }
	li.mMarieVincentFoundationEn a:hover { width: 181px; height: 15px; background-image: url(/images/mMarieVincentFoundationEn_o.gif); background-repeat: no-repeat; }
	li.mMarieVincentFoundationEnA a { width: 181px; height: 15px; background-image: url(/images/mMarieVincentFoundationEn_a.gif); background-repeat: no-repeat; }
	
	div.tOurGreetingCardsEn { margin: 5 0 0 10px; width: 135px; height: 18px; background-image: url(/images/tOurGreetingCardsEn.gif); background-repeat: no-repeat; }
	
	li.mChristmasEn a { width: 105px; height: 19px; background-image: url(/images/mChristmasEn.gif); background-repeat: no-repeat; }
	li.mChristmasEn a:hover { width: 105px; height: 19px; background-image: url(/images/mChristmasEn_o.gif); background-repeat: no-repeat; }
	li.mChristmasEnA a { width: 105px; height: 19px; background-image: url(/images/mChristmasEn_a.gif); background-repeat: no-repeat; }

	li.mBirthdayEn a { width: 93px; height: 16px; background-image: url(/images/mBirthdayEn.gif); background-repeat: no-repeat; }
	li.mBirthdayEn a:hover { width: 93px; height: 16px; background-image: url(/images/mBirthdayEn_o.gif); background-repeat: no-repeat; }
	li.mBirthdayEnA a { width: 93px; height: 16px; background-image: url(/images/mBirthdayEn_a.gif); background-repeat: no-repeat; }

	li.mOtherOccasionsEn a { width: 150px; height: 16px; background-image: url(/images/mOtherOccasionsEn.gif); background-repeat: no-repeat; }
	li.mOtherOccasionsEn a:hover { width: 150px; height: 16px; background-image: url(/images/mOtherOccasionsEn_o.gif); background-repeat: no-repeat; }
	li.mOtherOccasionsEnA a { width: 150px; height: 16px; background-image: url(/images/mOtherOccasionsEn_a.gif); background-repeat: no-repeat; }

	li.mFeaturesEn a { width: 61px; height: 15px; background-image: url(/images/mFeaturesEn.gif); background-repeat: no-repeat; }
	li.mFeaturesEn a:hover { width: 61px; height: 15px; background-image: url(/images/mFeaturesEn_o.gif); background-repeat: no-repeat; }
	li.mFeaturesEnA a { width: 61px; height: 15px; background-image: url(/images/mFeaturesEn_a.gif); background-repeat: no-repeat; }

	li.mCustomServiceEn a { width: 111px; height: 15px; background-image: url(/images/mCustomServiceEn.gif); background-repeat: no-repeat; }
	li.mCustomServiceEn a:hover { width: 111px; height: 15px; background-image: url(/images/mCustomServiceEn_o.gif); background-repeat: no-repeat; }
	li.mCustomServiceEnA a { width: 111px; height: 15px; background-image: url(/images/mCustomServiceEn_a.gif); background-repeat: no-repeat; }

	li.mPriceListEn a { width: 67px; height: 15px; background-image: url(/images/mPriceListEn.gif); background-repeat: no-repeat; }
	li.mPriceListEn a:hover { width: 67px; height: 15px; background-image: url(/images/mPriceListEn_o.gif); background-repeat: no-repeat; }
	li.mPriceListEnA a { width: 67px; height: 15px; background-image: url(/images/mPriceListEn_a.gif); background-repeat: no-repeat; }

	li.mOrderFormEn a { width: 79px; height: 15px; background-image: url(/images/mOrderFormEn.gif); background-repeat: no-repeat; }
	li.mOrderFormEn a:hover { width: 79px; height: 15px; background-image: url(/images/mOrderFormEn_o.gif); background-repeat: no-repeat; }
	li.mOrderFormEnA a { width: 79px; height: 15px; background-image: url(/images/mOrderFormEn_a.gif); background-repeat: no-repeat; }

	li.mContactEn a { width: 55px; height: 15px; background-image: url(/images/mContactEn.gif); background-repeat: no-repeat; }
	li.mContactEn a:hover { width: 55px; height: 15px; background-image: url(/images/mContactEn_o.gif); background-repeat: no-repeat; }
	li.mContactEnA a { width: 55px; height: 15px; background-image: url(/images/mContactEn_a.gif); background-repeat: no-repeat; }

	li.mFrancais a { width: 60px; height: 19px; background-image: url(/images/mFrancais.gif); background-repeat: no-repeat; }
	li.mFrancais a:hover { width: 60px; height: 19px; background-image: url(/images/mFrancais_o.gif); background-repeat: no-repeat; }
	
	
	/*	FR  */
	li.mAccueilFr a { width: 53px; height: 15px; background-image: url(/images/mAccueilFr.gif); background-repeat: no-repeat; }
	li.mAccueilFr a:hover { width: 53px; height: 15px; background-image: url(/images/mAccueilFr_o.gif); background-repeat: no-repeat; }
	li.mAccueilFrA a { width: 53px; height: 15px; background-image: url(/images/mAccueilFr_a.gif); background-repeat: no-repeat; }
	
	li.mFondationFr a { width: 174px; height: 15px; background-image: url(/images/mFondationMarieVincentFr.gif); background-repeat: no-repeat; }
	li.mFondationFr a:hover { width: 174px; height: 15px; background-image: url(/images/mFondationMarieVincentFr_o.gif); background-repeat: no-repeat; }
	li.mFondationFrA a { width: 174px; height: 15px; background-image: url(/images/mFondationMarieVincentFr_a.gif); background-repeat: no-repeat; }
	
	div.tNosCartesSouhaitsFr { margin: 5 0 0 10px; width: 161px; height: 18px; background-image: url(/images/tNosCartesSouhaitsFr.gif); background-repeat: no-repeat; }
	
	li.mNoelFr a { width: 105px; height: 16px; background-image: url(/images/mNoelFr.gif); background-repeat: no-repeat; }
	li.mNoelFr a:hover { width: 105px; height: 16px; background-image: url(/images/mNoelFr_o.gif); background-repeat: no-repeat; }
	li.mNoelFrA a { width: 105px; height: 16px; background-image: url(/images/mNoelFr_a.gif); background-repeat: no-repeat; }

	li.mAnniversaireFr a { width: 122px; height: 16px; background-image: url(/images/mAnniversaireFr.gif); background-repeat: no-repeat; }
	li.mAnniversaireFr a:hover { width: 122px; height: 16px; background-image: url(/images/mAnniversaireFr_o.gif); background-repeat: no-repeat; }
	li.mAnniversaireFrA a { width: 122px; height: 16px; background-image: url(/images/mAnniversaireFr_a.gif); background-repeat: no-repeat; }

	li.mAutresOccasionsFr a { width: 154px; height: 15px; background-image: url(/images/mAutresOccasionsFr.gif); background-repeat: no-repeat; }
	li.mAutresOccasionsFr a:hover { width: 154px; height: 15px; background-image: url(/images/mAutresOccasionsFr_o.gif); background-repeat: no-repeat; }
	li.mAutresOccasionsFrA a { width: 154px; height: 15px; background-image: url(/images/mAutresOccasionsFr_a.gif); background-repeat: no-repeat; }

	li.mParticularitesFr a { width: 93px; height: 15px; background-image: url(/images/mParticularitesFr.gif); background-repeat: no-repeat; }
	li.mParticularitesFr a:hover { width: 93px; height: 15px; background-image: url(/images/mParticularitesFr_o.gif); background-repeat: no-repeat; }
	li.mParticularitesFrA a { width: 93px; height: 15px; background-image: url(/images/mParticularitesFr_a.gif); background-repeat: no-repeat; }

	li.mServiceSurMesureFr a { width: 137px; height: 15px; background-image: url(/images/mServiceSurMesureFr.gif); background-repeat: no-repeat; }
	li.mServiceSurMesureFr a:hover { width: 137px; height: 15px; background-image: url(/images/mServiceSurMesureFr_o.gif); background-repeat: no-repeat; }
	li.mServiceSurMesureFrA a { width: 137px; height: 15px; background-image: url(/images/mServiceSurMesureFr_a.gif); background-repeat: no-repeat; }

	li.mListePrixFr a { width: 87px; height: 18px; background-image: url(/images/mListePrixFr.gif); background-repeat: no-repeat; }
	li.mListePrixFr a:hover { width: 87px; height: 18px; background-image: url(/images/mListePrixFr_o.gif); background-repeat: no-repeat; }
	li.mListePrixFrA a { width: 87px; height: 18px; background-image: url(/images/mListePrixFr_a.gif); background-repeat: no-repeat; }

	li.mBonCommandeFr a { width: 137px; height: 15px; background-image: url(/images/mBonCommandeFr.gif); background-repeat: no-repeat; }
	li.mBonCommandeFr a:hover { width: 137px; height: 15px; background-image: url(/images/mBonCommandeFr_o.gif); background-repeat: no-repeat; }

	li.mContactFr a { width: 55px; height: 15px; background-image: url(/images/mContactFr.gif); background-repeat: no-repeat; }
	li.mContactFr a:hover { width: 55px; height: 15px; background-image: url(/images/mContactFr_o.gif); background-repeat: no-repeat; }
	li.mContactFrA a { width: 55px; height: 15px; background-image: url(/images/mContactFr_a.gif); background-repeat: no-repeat; }

	li.mEnglish a { width: 60px; height: 18px; background-image: url(/images/mEnglish.gif); background-repeat: no-repeat; }
	li.mEnglish a:hover { width: 60px; height: 18px; background-image: url(/images/mEnglish_o.gif); background-repeat: no-repeat; }
	
	
	span.mServiceContact a { width: 307px; height: 40px; background-image: url(/images/services_contact.gif); background-repeat: no-repeat; }
	span.mServiceContact a:hover { width: 307px; height: 40px; background-image: url(/images/services_contact_o.gif); background-repeat: no-repeat; }

	span.mCustomContact a { width: 307px; height: 40px; background-image: url(/images/custom_contact.gif); background-repeat: no-repeat; }
	span.mCustomContact a:hover { width: 307px; height: 40px; background-image: url(/images/custom_contact_o.gif); background-repeat: no-repeat; }

	span.mListePrixContact a { width: 307px; height: 40px; background-image: url(/images/listePrixContact.gif); background-repeat: no-repeat; }
	span.mListePrixContact a:hover { width: 307px; height: 40px; background-image: url(/images/listePrixContact_o.gif); background-repeat: no-repeat; }

	span.mPriceListContact a { width: 307px; height: 40px; background-image: url(/images/priceListContact.gif); background-repeat: no-repeat; }
	span.mPriceListContact a:hover { width: 307px; height: 40px; background-image: url(/images/priceListContact_o.gif); background-repeat: no-repeat; }
	
	span.mJContact a { width: 275px; height: 20px; background-image: url(/images/txtContactJmail.gif); background-repeat: no-repeat; margin: 0 0 0 18px; }
	span.mJContact a:hover { width: 275px; height: 20px; background-image: url(/images/txtContactJmail_o.gif); background-repeat: no-repeat; }
	
	span.mMContact a { width: 275px; height: 20px; background-image: url(/images/txtContactMmail.gif); background-repeat: no-repeat; margin: 0 0 0 17px; }
	span.mMContact a:hover { width: 275px; height: 20px; background-image: url(/images/txtContactMmail_o.gif); background-repeat: no-repeat; }

	span.mJContactEn a { width: 275px; height: 20px; background-image: url(/images/txtContactEnJ.gif); background-repeat: no-repeat; margin: 0 0 0 18px; }
	span.mJContactEn a:hover { width: 275px; height: 20px; background-image: url(/images/txtContactEnJ_o.gif); background-repeat: no-repeat; }
	
	span.mMContactEn a { width: 275px; height: 20px; background-image: url(/images/txtContactEnM.gif); background-repeat: no-repeat; margin: 0 0 0 18px; }
	span.mMContactEn a:hover { width: 275px; height: 20px; background-image: url(/images/txtContactEnM_o.gif); background-repeat: no-repeat; }


	span.mIndexFr a { width: 63px; height: 20px; background-image: url(/images/index_btnFr.gif); background-repeat: no-repeat; margin: 0 15px 0 0px; }
	span.mIndexFr a:hover { width: 63px; height: 20px; background-image: url(/images/index_btnFr_o.gif); background-repeat: no-repeat; }

	span.mIndexEn a { width: 56px; height: 20px; background-image: url(/images/index_btnEn.gif); background-repeat: no-repeat; margin: 0 0 0 15px; }
	span.mIndexEn a:hover { width: 56px; height: 20px; background-image: url(/images/index_btnEn_o.gif); background-repeat: no-repeat; }
	
	
table.carte { width: 315px; height: auto; }

div.carte li { float: left; margin-right: 5px; }




div#optionA { display: none; }
div#optionB { display: none; }



div.bonCommande { margin: 65px 0 0 22px; }
*html div.bonCommande { margin: -5px 0 0 22px; }