/* ----< Section définition globale de la page Web >---- */


body { padding: 0; margin: 0; text-align: center; font-family: Verdana, Lucida, sans-serif; font-size: small; }
	.Body_IE5 { font-size: x-small; }

/*	voice-family: "\"}\""; voice-family: inherit; */
/*	border: 1px solid #ff0000; */


	/* ----< Section définition du Conteneur Général >---- */


#container, #container_KHR { position: relative; display: block; top: 10px; margin: 0 auto 10px auto; width: 900px; padding: 0; font-size: 0.9em; text-align: left; }
		#container_KHR { font-size: 0.9em; }
	#BottContain { height: 10px; font-size: 3px; }


	/* ----< Section Header >---- */


#header { position: relative; z-index: 5; }
	#headerTxt { position: absolute; left: 0; top: 0; width: 900px; height: 120px; overflow: hidden; z-index: 0; }
		#headerTxt table { width: 900px; height: 120px; }
			#headerTxt td { padding: 0; vertical-align: middle; text-align: center; font-size: 2.5em; }
	#headerTL, #headerTC, #headerTC2, #headerTC3, #headerTR { float: left; }
		#headerTL_IE5, #headerTC_IE5, #headerTC2_IE5, #headerTC3_IE5, #headerTR_IE5 { float: left; margin: 0 -3px 0 -3px; }

#SiteButton { right: 0; top: 92px; width: 200px; height: 26px; }
	a#SiteButton:hover { background-position: 0 -26px; }


	/* ----< Section Menu >---- */


			/* ########  Voir CSS de chaque site  ######## */
	

	/* ----< Section Bords + Frame >---- */


#main { position: relative; display: block; width: 900px; text-align: center; z-index: 5; }

#frame, #frame_IE, #frame_IE5 { position: relative; display: block; margin: 0 10px 0 114px; width: 776px; min-height: 500px; }
	/* IE 6 */ #frame_IE { height: 500px; }
	/* IE 5 */ #frame_IE5 { height: 578px; }


	/* ----< Section Footer >---- */


#footer { position: relative; z-index: 50; /*border: 1px solid #ff0000; background: #ffffff;*/ }
	#footerL, #footerC, #footerR { float: left; height: 52px; }
		#footerL_IE5, #footerC_IE5, #footerR_IE5 { float: left; margin: 0 -3px 0 -3px; height: 52px; }

	#FooterTexte { left: 199px; margin-top: 17px; width: 610px; padding: 0; text-align: center; font-size: 0.85em; }
		#copyright { margin-top: 3px; }

	#AdminLogo, #AdminLogo:hover { overflow: hidden; }
		#AdminLogo, #AdminLogo img { width: 32px; height: 32px; }
			#AdminLogo { left: 861px; margin-top: 16px; }
				#AdminLogo:hover { background-position: 0 -32px; }


#W3CBrowsers { position: absolute; bottom: 8px; width: 78px; text-align: left; z-index: 50; }
	#W3CBrowsers ul, #W3CBrowsers ul li { margin: 0; padding: 0; display: inline; }
		#MenuFF img, #MenuCam img, #MenuOP img, #MenuW3C img { display: block; width: 78px; height: 13px; margin-bottom: -1px; z-index: +1; }
			#MenuFF img { background-position: 0 0; }
				#MenuFF a:hover img { background-position: 0 -13px; }
			#MenuCam img { background-position: 0 -26px; }
				#MenuCam a:hover img { background-position: 0 -39px; }
			#MenuOP img { background-position: 0 -52px; }
				#MenuOP a:hover img { background-position: 0 -65px; }
			#MenuW3C img { margin-bottom: 0; background-position: 0 -78px; z-index: 0; }
				#MenuW3C a:hover img { background-position: 0 -91px; }

	.CredFoot, .CredFoot a, .CredFoot img { width: 54px; height: 13px; overflow: hidden; }
		#CredFootIE5 { width: 56px; height: 15px; }
			.CredFoot { bottom: 8px; padding: 0; }
				.CredFoot img { background-image: url(../frames/Credits.png); }


	/* ----< Section Mise en Page Générale >---- */


img { border: none; text-align: center; }
.block { display: block; }
.inline { display: inline; }

li { list-style-type: none; list-style-position: outside; }

.absolute, .image05, .image05 ul, .image05 li, .image20 li, .image10, .image20 { position: absolute; }
	.image05, .PictCale { z-index: 5; margin: 0; }
	.image05 li, .image20 li { top: 0; padding: 0; list-style: none; }
	.image05 li, .image05 a, .image20 li, .image20 a { height: 100%; display: block; text-decoration: none; }
	.image10, .imagerel { z-index: 10; }
	.image20, .image20r { z-index: 20; margin: 0; }
.relative, .imagerel { position: relative; }

.center { margin-left: auto; margin-right: auto; }

.deco { z-index: 1; }

.PictCale { width: 10px; height: 56px; }
	* html .PictCale { height: 2px; display: block; }


.Titre, .TitrePge { width: 410px; font-size: 18px; font-style: italic; font-weight: bold; }
	.Titre { margin-top: 12px; height: 40px; }
	.TitrePge { margin-top: 15px; height: 50px; }

.Bullet1R { width: 8px; height: 8px; margin-right: 4px; font-weight: bold; color: #ff0000; }
.Bullets3R { display: block; margin: auto; width: 40px; height: 8px; }


.SmallIntro { margin: 2em auto 0 auto; width: 500px; }

h1 { font-size: 2.9em; font-weight: normal; font-stretch: expanded; }
h3 { margin: 2em auto 0 auto; font-size: 1.45em; font-weight: bold; }
h4 { text-align: center; font-size: 1.82em; font-weight: normal; }
h5 { text-align: center; font-size: 1.1em; font-weight: bold; }
h6 { text-align: center; font-size: 0.95em; font-weight: normal; }


.mgrT0 { margin-top: 0; }
.mgrT1 { margin-top: 1em; }
.mgrT2 { margin-top: 2em; }
.mgrT25 { margin-top: 2.5em; }
.mgrT3 { margin-top: 3em; }
.mgrT4 { margin-top: 4em; }
.mgrT5 { margin-top: 5em; }

.mgrT7p { margin-top: 7px; }
.mgrT14p { margin-top: 14px; }
.mgrT21p { margin-top: 21px; }
.mgrT35p { margin-top: 35px; }


.paddL020 { padding-left: 20px; }
.padT7p { padding-top: 7px; }


.TxtBloc, .ImgBloc, .VidBloc { display: block; margin: 3em auto 0 auto; /*border: 1px solid #ff0000;*/ }
	.TxtBloc { width: 600px; }
	.ImgBloc { width: 610px; font-size: 0.95em; }
		.ColLft2, .ColRgt2 { float: left; margin: 0; width: 305px; text-align: center; vertical-align: middle; }

.NoteBloc { width: 550px; text-align: justify; font-size: 0.95em; }

.IdBlk0, .IdBlk, .FestBlk0, .FestBlk { display: block; margin: auto; padding: 1px; text-align: left; }
		.IdBlkSub, .IdBlkSub_IE, .IdBlkSub_IE5, .FestBlkSub, .FestBlkSub_IE5 { margin: 0; }

.IdBlkSub ul, .IdBlkSub_IE5 ul, .FestBlkSub ul, .FestBlkSub_IE5 ul { margin: 0; padding: 0; }
	.IdBlkSub ul li, .IdBlkSub_IE5 ul li, .FestBlkSub ul li, .FestBlkSub_IE5 ul li { margin: 0; padding: 0 0 7px 10px; text-indent: -10px; list-style-type: none; }


.Pict, .Pict_IE, .Pict_IE5, .Pict_OP { float: left; margin: 0 7px 0 0; }
		.Pict_IE, .Pict_OP { margin: 0 17px 0 0; }


form { margin: 0; }
input { display: inline; font-size: 1em; font-family: Verdana,sans-serif; }
	.InpRadio { width: 15px; height: 1.3em; margin: 0 5px 0 0; vertical-align: middle; border: none; }
	.InpCheck { width: 15px; height: 1.3em; margin: 0 5px 0 0; vertical-align: middle; border: none; }
	.Validate { padding: 3px 8px 3px 8px; font-weight: bold; cursor: pointer; cursor: hand; }
label { cursor: pointer; cursor: hand; } /* 'cursor: hand;' pour IE 5.. /!\ à placer _après_ 'cursor: pointer;' ! */

select  { font-size: 1em; font-family: Verdana,sans-serif; }
textarea { display: inline; font-size: 1em; font-family: Verdana,sans-serif; overflow: auto; }

p { position: relative; border: 0 none; margin: 0 }
.pCaleduBas { margin: 0 }

hr { clear: left; margin: 0; border: none; height: 1px; }

table { font-size: 1em; }


	/* ----< Section navigation dans les pages >---- */


.FrmBotBlk, .FrmBotBlk_IE { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; }

#HautPage { position: absolute; left: 0; top: 0; }

.RetMenu { position: absolute; margin: 0; top: 80px; left: 40px; font-size: 0.95em; }
		/* Opera */ .RetMenu_OP8 { float: left; margin-top: 80px; margin-left: 40px; }

.ButtonBlk { margin-top: 2em; }
	.P01A, .P02A, .P03A, .P04A, .P05A, .P06A, .P07A, .P08A, .P09A, .P10A, .P01B, .P02B, .P03B, .P04B, .P05B, .P06B, .P07B, .P08B, .P09B, .P10B
		{ width: 27px; height: 27px; overflow: hidden; }
		.P01A, .P01B { margin: 0; }
			.P01B { background-position: 0 0; }
				a:hover .P01B { background-position: 0 -27px; }
			.P01A { background-position: 0 -54px; }
		.P02A, .P03A, .P04A, .P05A, .P06A, .P07A, .P08A, .P09A, .P10A, .P02B, .P03B, .P04B, .P05B, .P06B, .P07B, .P08B, .P09B, .P10B
			{ margin: 0 0 0 3px; }
			.P02B { background-position: -27px 0; }
				a:hover .P02B { background-position: -27px -27px; }
			.P03B { background-position: -54px 0; }
				a:hover .P03B { background-position: -54px -27px; }
			.P04B { background-position: -81px 0; }
				a:hover .P04B { background-position: -81px -27px; }
			.P05B { background-position: -108px 0; }
				a:hover .P05B { background-position: -108px -27px; }
			.P06B { background-position: -135px 0; }
				a:hover .P06B { background-position: -135px -27px; }
			.P07B { background-position: -162px 0; }
				a:hover .P07B { background-position: -162px -27px; }
			.P08B { background-position: -189px 0; }
				a:hover .P08B { background-position: -189px -27px; }
			.P09B { background-position: -216px 0; }
				a:hover .P09B { background-position: -216px -27px; }
			.P10B { background-position: -243px 0; }
				a:hover .P10B { background-position: -243px -27px; }
			.P02A { background-position: -27px -54px; }
			.P03A { background-position: -54px -54px; }
			.P04A { background-position: -81px -54px; }
			.P05A { background-position: -108px -54px; }
			.P06A { background-position: -135px -54px; }
			.P07A { background-position: -162px -54px; }
			.P08A { background-position: -189px -54px; }
			.P09A { background-position: -216px -54px; }
			.P10A { background-position: -243px -54px; }


.ButtUpS, .ButtLftS, .ButtRgtS { width: 14px; height: 14px; vertical-align: middle; }
		.ButtRgtS { margin-left: 2px; }
	a:hover .ButtUpS, a:hover .ButtLftS, a:hover .ButtRgtS { background-position: 0 -18px; }

.TabPrSvMa, .TabPrSvMa2 { display: block; margin: 2.5em auto 0 auto; width: 600px; font-size: 0.95em; }
		.TabPrSvMa2 { border-collapse: collapse; }
	.TabPrSvCe, .TabEmptCe, .TabPrSvCe2, .TabEmptCe2 { float: left; margin: 0; text-align: center; }
	.TabPrSvCe2, .TabEmptCe2 { float: none; }
		.TabPrSvCe, .TabPrSvCe2 { width: 275px; }
		.TabEmptCe, .TabEmptCe2 { width: 50px; }

#HautPageButt { font-size: 0.95em; }


	/* ----< Section définition des Tableaux contenant les vignettes >---- */


.TabMain { margin: 1.5em auto -1.5em auto; width: 630px; border: none; border-collapse: collapse; }
			/* Les marges verticales compensent le padding vertical des cellules.. */
		.TabCell { width: 315px; height: 100px; padding: 1.5em 0; text-align: center; vertical-align: middle; font-size: 0.95em; }
		/*.TabCell p { }*/
			.DivCell { position: relative; width: 100%; height: 100%; } /* Conteneur spécial pour "accrocher" les panoramiques.. */
				.imaDivCell, .imaDivCell_OP { position: absolute; } /* Conteneur portant l'image de fond ; spécial Opera !! */
					.imaDivCell img, .imaDivCell_OP img { width: 100%; height: 100%; } /* Image pour masquer le fond ; PAS pour Opera !! */
			.DivSmllCell { width: 180px; height: 124px; }
		#ASuivre { margin: 122px 29px 0 29px; }
			#ASuivre_IE { margin: 120px 29px 0 29px; }
				/* Décalage de 1px à l'écran plus bas pour IE.. La marge étant prise par rapport au milieu de la cellule,
				qui a raison de IE ou des autres ???? */
		#ASuivreSolo { margin: 30px 29px 0 29px; }

.photos1Hor { width: 250px; height: 160px; }
.photos2Hor { width: 250px; height: 188px; }
.photos2Ver { width: 188px; height: 250px; }
.photos3Hor { width: 250px; height: 132px; }


	/* ----< Section Boutons et Logos >---- */


#AcroBlk, #FlashBlk { display: block; margin: 3em auto 0 auto; width: 550px; text-align: center; }
	#AcroBlk p, #FlashBlk p { text-align: justify; font-size: 0.95em; }
	#AcroButt, #FlashButt { display: block; margin: 1em auto 0 auto; }
		#AcroButt, #AcroButt img, #FlashButt, #FlashButt img { width: 84px; height: 21px; overflow: hidden; }
			#AcroButt img, #FlashButt img { background: url(AcroRd-Flash_v5_01_AC2.png) no-repeat 0 0; }
				#FlashButt img { background-position: 0 -42px; }
					a#AcroButt:hover img { background-position: 0 -21px; }
					a#FlashButt:hover img { background-position: 0 -63px; }

.Logoff15, .Logoff15_OP8 { width: 15px; height: 15px; margin-left: -5px; vertical-align: -20%; background: url(apcaboutons/Logoff_15_C2.png); }
		/* Opera + IE */ .Logoff15_OP8, * html .Logoff15 { vertical-align: middle; }
	a:hover .Logoff15 { background-position: 0 -15px }

.TrashCan20, .TrashCan20_OP8 { width: 16px; height: 20px; vertical-align: -30%; background: url(apcaboutons/trashcan_empty_20.png); }
		/* Opera + IE */ .TrashCan20_OP8, * html .TrashCan20 { vertical-align: middle; }
	a:hover .TrashCan20 { background-position: 0 -20px }

.ButtonOK, .ButtonOK_OP8 { width: 12px; height: 12px; vertical-align: -15%; background: url(apcaboutons/button_ok_12.png); }
		/* Opera + IE */ .ButtonOK_OP8, * html .ButtonOK { vertical-align: middle; }

.ButtonCan, .ButtonCan_OP8 { width: 12px; height: 12px; vertical-align: -15%; background: url(apcaboutons/button_cancel_02_12.png); }
		/* Opera + IE */ .ButtonCan_OP8, * html .ButtonCan { vertical-align: middle; }

.radio { border: none; background: none; vertical-align: -15%; }
		/* Opera */ .radio_OP8 { background: #ffffff; }
		/* Opera + IE */ .radio_OP8, * html .radio { vertical-align: middle; }

.checkbox { border: none; background: #ffffff; vertical-align: -35%; margin-right: 5px; }
		/* Opera + IE */ .checkbox_OP8, * html .checkbox { vertical-align: middle; margin-right: 2px; }


	/* ----< Section définition du texte >---- */


.flecheRRxS, .flecheRRxSC2 { width: 8px; height: 8px; }
.flecheRLxS { width: 8px; height: 8px; margin-left: -10px; }
.AccroIco { width: 12px; height: 14px; vertical-align: -10%; }
		a:hover .flecheRRxS, a:hover .flecheRRxSC2, a:hover .flecheRLxS, a:hover .AccroIco { background-position: 0 -16px; }


.Alert, .Wait, .Done, .Alert_IE5, .Wait_IE5, .Done_IE5 { display: block; margin: 3em auto 0 auto; width: 420px; min-height: 24px; padding: 7px; }
		.Alert_IE5, .Wait_IE5, .Done_IE5 { width: 436px; }
	.Alert, .Alert_IE5 { color: #ff0000; border: 1px solid #ff0000; background: #FFF7FA; }
	.Wait, .Wait_IE5 { /*margin: 3em auto 0 auto;*/ color: #2E66B3; border: 1px solid #2E66B3; background: #E9F2FF; }
	.Done, .Done_IE5 { /*margin: 5em auto 0 auto;*/ color: #17B900; border: 1px solid #17B900; background: #F2FFF2; }
		.Alert ul, .Wait ul, .Done ul, .Alert_IE5 ul, .Wait_IE5 ul, .Done_IE5 ul { margin: 0 0 0 55px; padding: 5px 0; }
			.Alert ul li, .Wait ul li, .Done ul li, .Alert_IE5 ul li, .Wait_IE5 ul li, .Done_IE5 ul li { list-style-type: disc; list-style-position: outside; }
	.AlertTriang, .WaitClock, .WaitHelp, .WaitExcl, .DoneCoche { float: left; margin: 0; height: 24px; vertical-align: middle; }
		.AlertTriang { width: 29px; background: url(TriangleAtt_R2_A2.png); }
		.WaitClock { width: 24px; background: url(Clock-s_A2.png); }
		.WaitHelp { width: 24px; background: url(Help-s_A2.png); }
		.WaitExcl { margin: -2px 0 0 0; width: 28px; height: 28px; background: url(Wait_Exclam_01.png); }
		.DoneCoche { width: 28px; background: url(Button_OK_24_GreenLte.png); }

.spacerleft { position: relative; float: left; border: 0 none #000000; padding: 0; margin-right: 5px; }
.lettrine { float: left; height: 3em; border: 0 none #000000; padding: 0; margin-right: 5px; }

.verdana { font-family: Verdana, sans-serif; line-height: 126%; }
.arial { font-family: Arial, sans-serif; line-height: 126%; }
.times { font-family: "Times New Roman", Times, serif; line-height: 122%; }

	.font08 { font-size: 0.75em; }
	.font09 { font-size: 0.85em; }
	.font10 { font-size: 0.95em; }
	.font11 { font-size: 1em; }
	.font12 { font-size: 1.1em; }
	.font13 { font-size: 1.15em; }
	.font14 { font-size: 1.23em; }
	.font16 { font-size: 1.45em; }
	.font20 { font-size: 1.82em; }
	.font24 { font-size: 2.18em; }
	.font32 { font-size: 2.9em; }
	.font48 { font-size: 4.32em; }

.bleumauve { color: #443e85; }
.mauve { color: #6633ff; }
.noir { color: #000000; }
.rouge { color: #ff0000; }
.vert { color: #00E600; }
.blanc { color: #ffffff; }
.linkrouge a { color: #ff0000; text-decoration: none; }
	.linkrouge a:hover { color: #ff5588; text-decoration: underline; }
.bmarine { color: #000066; }

.txtit { font-style: italic; }
.txtbld { font-weight: bold; }
.txtund { text-decoration: underline; }

.txtlft { text-align: left; }
.txtrgt { text-align: right; }
.txtcnt { text-align: center; }
.txtjst { text-align: justify; }

.middle { vertical-align: middle; }