body {
	font-family:			Georgia, "Times New Roman", Times, serif;
	margin:					0px;
	padding:				0px;
	background-color:		rgb(90%, 90%, 90%);
	}
h1, h2, h3, h4, h5, .menu {
	text-align:				left;
	text-indent:			0px;
	}
h1, h2 {
	font-weight:			bold;
	font-size:				28px;
	text-align:				center;
	margin:					0px;
	line-height:			48px;
	text-shadow:			2px 2px 4px rgb(70%, 70%, 70%);
	}
h2 {
	margin:					24px 24px 0px;
	line-height:			32px;
	color:					rgb(0%, 35%, 50%);
	letter-spacing:			4px;
	}
h2 a {
	text-decoration:		none;
	color:					rgb(0%, 35%, 50%);
	letter-spacing:			4px;
	}
h3 a	{text-decoration:	none;}
h3.rubrique {
	margin-top:				70px;
	margin-bottom:			20px;
	text-align:				justify;
	margin:					60px 0px 0px;
	border-top:				1px solid #069;
	padding:				4px 20px;
	}
h3, h5 {
	text-indent:			0px;
	margin-top:				14px;
	margin-bottom:			4px;
	line-height:			18px;
	font-weight:			bold;
	font-style:				italic;
	font-size:				15px;
	letter-spacing:			1px;
	}
h4 {
	margin:					18px 0px 12px 0px;
	text-indent:			0px;
	font-weight:			bold;
	font-style:				normal;
	font-size:				16px;
	letter-spacing:			1px;
	color:					rgb(0%, 40%, 60%);
	}
h5 {
	font-style:				normal;
	font-size:				12px;
	font-weight:			bold;
	text-align:				left;
	text-indent:			0px;
	}
/* h6 est réservé pour l’animation */
h6 {
	position:				absolute;
	font-size:				24px;
	z-index:				4;
	width:					60px;
	top:					10px;
	left:					10px;
	margin:					0px;
	text-align:				center;
	vertical-align:			text-bottom;
	text-shadow:			4px 4px 5px rgb(20%, 10%, 0%);
	display:				block;
	visibility:				hidden;
	}
p {
	font-family:			Georgia, "Times New Roman", Times, serif;
	font-style:				normal;
	font-size:				12px;
	line-height:			16px;
	text-align:				justify;
	text-indent:			0px;
	margin:					8px 0px;
	}
p::first-letter {
	font-size:				160%;
	color:					rgb(0%, 34%, 44%);
	}


#haut {
	margin:					0px;
	font-size:				0px;
	height:					0px;
	line-height:			0px;
	}
.titrehaut {
	position:				absolute;
	z-index:				2;
	right:					10px;
	top:					0px;
	line-height:			50px;
	font-size:				50px;
	color:					#dedede;
	font-style:				italic;
	text-shadow:			2px 2px 4px #000;
	letter-spacing:			4px;
	}

/* -------------------
	BARRES DE MENUS*/

/* menu fixe */
.menu {
	font-family:			helvetica neue, arial, helvetica, geneva, swiss, sans-serif;
	font-size:				14px;
	font-weight:			bold;
	margin:					0px;
	text-indent:			0px;
	}
.menufixe {
	position:				fixed;
	z-index:				6;
	top:					0px;
	left:					0px;
	float:					left;
	background-color:		transparent;
	margin:					0px;
	}


.barremenu, .barremenuici, .barresousmenu {
	font-family:			helvetica neue, arial, helvetica, geneva, swiss, sans-serif;
	font-weight:			bold;
	margin:					0px;
	padding:				0px;
	overflow:				hidden;
	font-size:				10px;
	text-align:				right;
	letter-spacing:			1px;
	text-align:				right;
	background-color:		rgb(94%, 94%, 94%);
	background-image:		url(../../images/graph/ombre_v.gif);
	background-repeat:		repeat-y;
	background-position:	left;
	border:					none;
	border-bottom:			1px solid rgb(100%, 20%, 0%);
	border-right:			1px solid rgb(100%, 20%, 0%);
	}
.barremenuici a, .barresousmenu a {text-decoration:		none;}
.barremenu {
	background-color:		rgb(94%, 94%, 94%);
	background-image:		url(../../images/graph/ombre_v.gif);
	border-bottom:			1px solid rgb(100%, 20%, 0%);
	}
.barremenuici, .barresousmenu {
	background-color:		rgb(76%, 0%, 0%);
	background-image:		url(../../images/graph/ombre_vr.gif);
	background-repeat:		no-repeat;
	font-weight:			bold;
	color:					rgb(100%, 100%, 100%);
	width:					116px;
	padding:				0px;
	}
.barresousmenu {
	margin-left:			18px;
	width:					98px;
	line-height:			10px;
	border-bottom:			1px solid rgb(100%, 20%, 0%);
	border-right:			1px solid rgb(100%, 20%, 0%);
	text-align:				right;
	font-weight:			normal;
	}
.mblanc {
	display:				block;
	background-color:		transparent;
	color:					#ffffff;
	padding:				4px;
	font-weight:			bold;
	}
a.mblanc:hover	{color:		#FFCC00;}

.mrouge, .mjaune, .mbleu, .mvert, .mcyan, .mretour {
	display:				block;
	padding:				4px;
	}
.intervalle {
	height:					4px;
	line-height:			1px;
	font-size:				1px;
	background-color:		transparent;
	border-bottom:			1px solid rgb(100%, 20%, 0%);
	}

.barremenu, .intervalle {width:					116px;}



/* commun au menu horizontal de bas de bloc et au menu fixe */
.frouge, .fjaune, .fbleu, .fvert, .fcyan, .retour,
.mrouge, .mjaune, .mbleu, .mvert, .mcyan, .mretour {
	letter-spacing:			1px;
	color:					rgb(40%, 0%, 0%);
	text-decoration:		none;
	}
a.retour {
	color:					rgb(100%, 100%, 100%);
	background-color:	 	rgb(80%, 0%, 0%);
	}
a.mretour	{color:			#069;}
a.retour:hover, a.mretour:hover {
	color:					rgb(0%, 0%, 0%);
	background-color:		rgb(100%, 100%, 100%);
	}

/* menu horizontal de bas de bloc */
.barreau {
	margin:					0px 32px 0px 120px;
	border:					1px solid rgb(100%, 20%, 0%);
	border-top:				none;
	background-color:		rgb(94%, 94%, 94%);
	text-align:				left;
	font-size:				10px;
	font-weight:			bold;
	box-shadow:				4px 4px 16px #304040
	}
.frouge, .fjaune, .fbleu, .fvert, .fcyan, .retour {
	letter-spacing:			1px;
	border-right:			1px solid rgb(100%, 20%, 0%);
	background-color:		transparent;
	padding:				0px 4px;
	border-bottom:			1px solid rgb(100%, 20%, 0%);
	}
a.frouge:hover,	a.mrouge:hover	{color:		black;	background-color:	rgb(100%, 50%, 0%);}
a.fjaune:hover,	a.mjaune:hover	{color:		black;	background-color:	#FFCC00;}
a.fbleu:hover,	a.mbleu:hover	{color:		white;	background-color:	#330099;}
a.fvert:hover,	a.mvert:hover	{color:		white;	background-color:	#006633;}
a.fcyan:hover,	a.mcyan:hover	{color:		white;	background-color:	#069;}
a.mblanc:hover					{color:		black;	background-color:	rgb(100%, 100%, 100%);}

/* -------------------------------------------
	LOGOS, IMAGES ET BOÎTE DE PRÉSENTATION */

#logo1 {
	position:				absolute;
	z-index:				3;
	top:					7px;
	right:					24px;
	width:					351px;
	height:					32px;
	}
#logo2 {
	position:				absolute;
	z-index:				3;
	top:					34px;
	right:					0px;
	}
img	{border:				none;}


/* classe partie présentation */
.present, .presentserre, .presentprem, .presentmoyen, .presentpetit, .presentpetitserre {
	text-align:				center;
	margin:					18px 0px 0px 0px;
	text-indent:			0px;
	}
.presentserre, .presentpetitserre
				{margin-top:0px;}
.presentprem	{margin-top:32px;}
.presentmoyen	{margin-top:10px;}
.presentpetit, .presentpetitserre	{font-size:	11px;}


/* ----------------------------
	GESTION DES PARAGRAPHES */

.droite, .gauche, .centre, .centremoyen, .centrelarge
		{text-indent:		0px;}
.droite	{text-align:		right;}
.gauche	{text-align:		justify;}
.centre, .centremoyen, .centrelarge
		{text-align:		center;}
.centremoyen {margin-top:	6px;}
.centrelarge {margin-top:	12px;}
.centreimg, .imageavignettes {
	margin:					0px;
	margin-top:				12px;
	width:					100%;
	}
.cadreminiature {
	left:					0px;
	position:				relative;
	overflow:				hidden;
	margin-top:				16px;
	}
.imageaminiature	{width:		600px;}
.miniature			{position:	absolute;}

.surligne {
	margin-top:				60px;
	margin-bottom:			30px;
	border-top:				1px #006699 dashed;
	padding-top:			5px;
	padding-left:			36px;
	font-size:				13px;
	font-style:				normal;
	}
.titre {
	margin-top:				70px;
	margin-bottom:			20px;
	}
.grand, .grandlarge
			{font-size:		14px;line-height:18px;}
.tresgrand, .tresgrandlarge
			{font-size:		18px;}
.affiche	{font-size:		20px;}
.affichetitre {font-size:	28px;}
.serre		{margin-top:	0px;}
.proche		{margin-top:	4px;}
.moyen		{margin-top:	10px;}
.moyenlarge	{margin-top:	20px;}
.large, .grandlarge, .tresgrandlarge
			{margin-top:	40px;}
.ecarte		{margin-bottom:	4px;}
.eloigne	{margin-bottom:	16px;}

.intitule, .intituleitalique {
	font-size:				13px;
	font-weight:			bold;
	color:					#069;
	letter-spacing:			1px;
	}
.intituleitalique {
	font-size:				13px;
	font-style:				italic;
	color:					#906;
	}


.vignette {
	width:					72px;
	height:					48px;
	margin:					0px;
	margin-right:			12px;
	float:					left;
	box-shadow:				4px 4px 12px #708080
	}
.vignette, .miniature, .cadre, .petiteimage {
	border-bottom:			2px solid rgb(20%, 30%, 40%);
	border-right:			2px solid rgb(20%, 30%, 40%);
	border-top:				1px solid rgb(100%, 100%, 100%);
	border-left:			1px solid rgb(100%, 100%, 100%);
	}
.petiteimage {
	width:					72px;
	height:					48px;
	margin:					3px 5px;
	}

.parag {
	margin:					4px 16px 40px 50px;
	background-color:		white;
	background-image:		url(../../images/graph/ombre_g.jpg);
	background-repeat:		repeat-y;
	padding:				4px 10px;
	border:					1px solid red;
	}

.encadre, .encadrelarge, .encadreaere, .encadreaerelarge, .grandnote,
.listecadre, .listecadresuite, .listecadreprem, .listecadreouvert, .listecadrepremouvert {
	font-size:				14px;
	padding:				0px 4px;
	text-indent:			12px;
	border:					solid red 1px;
	background-color:		white;
	background-image:		url(../../images/graph/ombre_g.jpg);
	background-repeat:		repeat-y;
	line-height:			16px;
	text-align:				justify;
	text-indent:			0px;
	padding:				4px 12px;
	box-shadow:				2px 2px 8px #888
	}
.encadre, .encadrelarge, .encadreaere {
	margin-left:			0px;
	margin-top:				12px;
	padding:				6px 20px 4px 20px;
	}
.encadrelarge {margin-top:			60px;}
.encadreaere, .encadreaerelarge {
	padding:				16px 30px 22px 30px;}
.encadreaerelarge {margin-top:	60px;}
.encadre a, .encadrelarge a {text-decoration:		none;}
.grandnote {
	padding-left:			50px;
	text-indent:			-30px;
	}

.listecadre, .listecadresuite, .listecadreprem, .listecadreouvert, .listecadrepremouvert {
	position:				relative;
	display:				block;
	font-size:				12px;
	font-weight:			bold;
	color:					rgb(0%, 40%, 60%);
	height:					16px;
	}
.listecadreprem {margin-bottom:			0px;}
.listecadresuite, .listecadreouvert {
	margin-top:				0px;
	margin-bottom:			0px;
	border-top:				none;
	}
.listecadreouvert, .listecadrepremouvert {
	border-bottom:			none;
	padding-bottom:			0px;
	}
.tab, .tab0, .tab1, .tab2, .tab3,
.tab4, .tab5, .tab6, .tabtitre {
	position:				absolute;
	top:					4px;
	padding:				0px;
	}
.tab {
	width:					72px;
	left:					4px;
	text-align:				right;
	}
.tab0 {
	left:					20px;
	text-align:				left;
	}
.tab1 {
	left:					4px;
	text-align:				left;
	}
.tab2, .tab3 {
	text-align:				left;
	padding-left:			8px;
	}
.tab2	{left:				90px;}
.tab3	{left:				200px;}
.tab4	{left:				310px;}
.tab5, .tab6, .tab0 {
	color:					#555555;
	font-weight:			normal;
	}
.tab5	{left:				380px;}
.tab6	{left:				430px;}
.tabtitre{left:				30px;}

.ecart	{margin-top:		160px;clear: right;}
.copyright {
	 color:					#666;
	 text-align:			center;
	 margin:				0px;
	 line-height:			13px;
	 font-size:				10px;
	}
.cog, .cod {
	font-size:			12px;
	line-height:		16px;
	margin:				0px;
	}
.cog {
	text-align:			right;
	width:				80px;
	margin-left:		-40px;
	}
.cod {
	font-weight:		bold;
	color:				rgb(0%, 40%, 60%);
	width:				auto;
	margin-left:		50px;
	margin-right:		10px;
	overflow:			hidden;
	}
.coord, .coordlarge {
	margin:				0px;
	font-size:			12px;
	font-weight:		bold;
	text-align:			center;
	}
.coordlarge	{margin-top:	10px;}
.coordg		{float:			left;}
.adresse {
	position:			relative;
	left:				0px;
	width:				240px;
	}


/* -------------------------------
	INLINES & COULEUR DE TEXTE */

strong {
	font-weight:			bold;
	letter-spacing:			1px;
	color:					rgb(0%, 40%, 60%);
	}
.gras		{font-weight:		bold;}
.souligne	{text-decoration:	underline;}
.nonsouligne{text-decoration:	none;}
a {
	color:					#000;
	text-decoration:		underline;
	border:					0px;
	}
a:hover	{color:				rgb(90%, 10%, 0%);}

.noir	{color:				black;}
.gris	{color:				#555;}
.grisclair{color:			#777;}
.grispale{color:			#aaa;}
.blanc	{color:				#FFF;}
.jaune	{color:				#FFCC00;}
.cyan, .cyansimple, .cyanmaigre	{
		font-weight:		bold;
		color:				#069;
		}
.cyanmaigre	{font-weight:	normal;}
.cyansimple, .simple
		{text-decoration:	none;}
.or		{color:				rgb(100%, 80%, 53%);}
.rouge	{color:				rgb(78%, 0%, 0%);}
.brun	{color:				rgb(50%, 0%, 0%);}
.vert	{color:				rgb(20%, 50%, 0%);}
.fond	{
	background-color:		rgb(100%, 90%, 53%);
	text-align:				justify;
	line-height:			48px;
	}

.petit		{font-size:		12px;}
.pluspetit {
	font-size:				11px;
	letter-spacing:			1px;
	}
.trespetit	{
	font-size:				10px;
	font-weight:			normal;}
.plusgrand	{font-size:		16px;}
.maigre		{font-weight:	normal;}
.reduit		{font-size:		60%;}

.ptg {
	color:					rgb(20%, 20%, 20%);
	font-weight:			normal;
	margin-left:			2px;
	margin-right:			2px;
	}
.aere, .aerelarge	{letter-spacing:	2px;}
.aerelarge			{margin-top:		16px;}
.dense	{letter-spacing:	-2px;font-size:90%;}
.romain	{font-style:		normal;}

.remarque, .remarquelarge,
.remarqueserree, .remarquedroite {
	font-size:				10px;
	font-style:				italic;
	}
.remarquedroite {
	font-size:				11px;
	text-align:				right;
	margin:					0px 52px;
	}
.remarquelarge, .remarqueserree {
	font-size:				11px;
	margin:					20px 26px 4px;
	padding:				4px 6px;
	text-indent:			0px;
	border:					1px solid rgb(50%, 50%, 50%);
	}
.remarqueserree {margin-top:			0px;}

.remarqueboite, .remarquecoord {
	font-size:				11px;
	margin:					0px;
	color:					rgb(40%, 40%, 40%);
	background-color:		 #ffffff;
	}
.remarqueboite	{
	position:				absolute;
	bottom:					2px;
	text-align:				right;
	right:					4px;
	}
.remarquecoord	{
	clear:					both;
	text-align:				center;
	}
.remarqueboite:hover {
	color:					red;
	cursor:					pointer;
	}

.indication {
	font-family:			helvetica;
	font-style:				normal;
	/*text-decoration:		none;*/
	font-weight:			bold;
	color:					#069;
	font-size:				11px;
	}
.italique {
	font-style:				italic;
	font-weight:			normal;
	color:					#444;
	color:					rgb(0%, 0%, 0%);
	margin-top:				0px;
	padding-top:			3px;
	line-height:			13px;
	}
.italiquesimple {font-style:italic;}
.siecle {
	text-transform:			uppercase;
	font-size:				11px;
	}
.capitales {text-transform:	uppercase;}
.expo {
	vertical-align:			super;
	text-transform:			lowercase;
	font-size:				9px;
	line-height:			9px;
	}
.indice {
	vertical-align:			baseline;
	text-transform:			lowercase;
	font-size:				80%;
	}
.barre	{
	text-decoration:	line-through;
	color:				#666;
	}

/* -------------------------------
	GESTION DES BLOCS DE TEXTE */

.bloc, .bloc1, .bloc2, .blocob, .blocoh {
	z-index:				2;
	border:					1px solid rgb(100%, 20%, 0%);
	background-color:		#f0f0f0;
	padding:				16px 32px;
	margin:					0px 32px 0px 120px;
	box-shadow:				4px 4px 16px #304040
	}
.bloc,.barreau {
	background-image:		url(../../images/fonds/degrade_inv.jpg);
	background-repeat:		repeat-y;
	background-position:	right;
	}
.bloc1 {
	margin-top:				44px;
	background-repeat:		no-repeat;
	background-position:	left top;
	}
.bloc2 {
	margin-top:				20px;
	padding:				0px;
	clear:					right;
	background-color:		rgb(100%, 100%, 100%);
	}
.blocoh	{border-top:		none;margin-top:				0px;}
.blocob	{border-bottom:		none;margin-bottom:				0px;}

.legende, .legendeserree, .legendenoire, .legendelarge {
	font-size:				11px;
	line-height:			14px;
	font-style:				italic;
	text-indent:			0px;
	border:					none;
	margin:					0px;
	padding:				0px 8px 4px;
	background-color:		transparent;
	text-align:				justify;
	}
.legende, .legendeserree, .legendelarge {
	line-height:			14px;
	font-style:				italic;
	text-indent:			0px;
	padding:				0px 8px 4px;
	background-color:		transparent;
	margin:					0px 12px 0px 12px;
	}
.legendelarge {margin-top: 			4px;}
.legendeserree {
	line-height:			12px;
	padding:				0px 0px 4px;
	background-color:		transparent;
	margin-top: 			0px;
	}
.legendenoire {
	line-height:			12px;
	font-style:				italic;
	font-weight:			bold;
	text-indent:			0px;
	padding:				4px 8px 4px;
	color:					rgb(100%, 100%, 100%);
	background-color:		rgb(0%, 0%, 0%);
	border-bottom:			2px solid rgb(20%, 30%, 40%);
	border-right:			2px solid rgb(20%, 30%, 40%);
	border-top:				1px solid rgb(100%, 100%, 100%);
	border-left:			1px solid rgb(100%, 100%, 100%);
	margin-top:				-4px;
	}
.illustration {
	margin:					0px;
	padding:				0px;
	width:					100%;
	}

.illustration100,
.illustration80,
.illustration75,
.illustration70,
.illustration66,
.illustration60,
.illustration55,
.illustration50,
.illustration45,
.illustration40,
.illustration35,
.illustration33,
.illustration30,
.illustration25,
.illustration20,
.illustration18,
.illustration15,
.illustration12,
.illustration10 {
	margin:					0px 1% 0px 1%;
	padding:				0px;
	line-height:			1px;
	}
.illustration100{width:		97%;}
.illustration80	{width:		77%;}
.illustration75	{width:		72%;}
.illustration70	{width:		67%;}
.illustration66	{width:		63%;}
.illustration60	{width:		57%;}
.illustration55	{width:		52%;}
.illustration50	{width:		47%;}
.illustration45	{width:		42%;}
.illustration40	{width:		37%;}
.illustration35	{width:		32%;}
.illustration33	{width:		30%;}
.illustration30	{width:		27%;}
.illustration25	{width:		22%;}
.illustration20	{width:		18%;}
.illustration18	{width:		16%;}
.illustration15	{width:		14%;}
.illustration12	{width:		11%;}
.illustration10	{width:		9%;}

.case {
	background-color:		white;
	padding:				4px;
	margin-bottom:			10px;
	font-size:				15px;
	border:					1px solid red;
	}
.cased {
	border-left:			1px solid red;
	float:					right;
	padding-left:			10px;
	}

.rubriq {
	text-align:				left;
	margin-left:			126px;
	margin-top:				60px;
	}
.rubriqmenu, .rubriqmenuesp, .rubriqmenuesplarge,
.rubriqmenularge, .rubriqmenuserre {
	margin:					14px 12px 0px;
	font-size:				14px;
	}
.rubriqmenuesp, .rubriqmenuesplarge {margin-bottom:	32px;}
.rubriqmenularge, .rubriqmenuesplarge {margin-top:	32px;}
.rubriqmenuserre {margin-top:	4px;}
.rubriqcadre {
	font-size:				14px;
	margin:					16px 12px 8px -10px;
	}

.ombre {box-shadow:			4px 4px 12px #708080;}


/* --------------------
	BOÎTES DE NOTES */

.note, .notecoord {
	position:				absolute;
	display:				block;
	visibility:				hidden;
	right:					20px;
	width:					320px;
	width:					auto;
	z-index:				3;
	background:				rgb(94%, 94%, 94%) url(../../images/fonds/papier_1.jpg);
	border:					#0099BB solid 1px;
	border-right:			#004477 solid 3px;
	border-bottom:			#004477 solid 3px;
	padding:				14px 20px;
	box-shadow:				4pt 4pt 26pt #102020;
	}
.notecoord	{width:			320px;}
a.note:hover, .notecoord:hover
			{color:			black;}


/* -------------------------------------------
	ÉLÉMENTS GRAPHIQUES ET TEXTES ASSOCIÉS */

/* images flottantes */
.imageg, .imaged, .imagedpetite {
	z-index:				ytrf&é;
	bordear0:					#0099BB solid 1px;
	border-right:			#004477 solid 3px;
	border-bottom:			#004477 solid 3px;
	background-color:		rgb(100%, 100%, 100%);
	box-shadow:				4px 4px 16px #304040
	}
.imageg {
	float:					left;
	margin:					4px 20px 10px 0px;
	}
.imaged, .imagedpetite {
	float:					right;
	margin:					24px 10px 0px 20px;
	}
.imagedpetite	{margin:	20px -40px 0px 20px;}
.imagecontour {
	float:					left;
	margin:					4px 20px 10px -10px;
	}

.icone, .iconep {vertical-align:		top;}
.iconep	{height:			14px;}

/* LIGNES */
.ligne, .ligneserree,
.lignetresserree, .lignelarge	{
	font-size:				1px;
	border:					none;
	border-bottom:			red dashed 1px;
	margin:					20px 0px;
	line-height:			2px;
	height:					2px;
	width:					auto;
	text-align:				left;
	background-color:		transparent;
	}
.ligneserree	{margin:	8px 0px;}
.lignetresserree, .lignebarre {margin:	0px;}
.lignelarge		{margin-top:80px;}

.annee	{
	padding:				2px 6px;
	line-height:			22px;
	border-top:				2px solid red;
	font-weight:			bold;
	font-style:				italic;
	font-size:				18px;
	letter-spacing:			1px;
	margin:					28px 0px 0px 0px;
	}

.rss {
	margin-top:				-40px;
	padding:				0px 6px;
	border:					1px solid rgb(100%, 100%, 100%);
	background-color:		rgb(100%, 50%, 20%);
	color:					rgb(100%, 100%, 100%);
	font-size:				10px;
	line-height:			16px;
	text-align:				center;
	letter-spacing:			1px;
	}
a.rss:hover  {
	border:						1px solid rgb(0%, 0%, 0%);
	background-color:			rgb(100%, 100%, 100%);
	color:						rgb(60%, 0%, 0%);
	}



/*	styles des enum */

.enumligne, .enumligneserre, .enumlignelarge {
	font-size:				12px;
	text-indent:			0px;
	margin:					24px 0px 18px 0px;
	padding-top:			4px;
	font-weight:			bold;
	border-top:				1px dashed red;
	letter-spacing:			1px;
	clear:					left;
	}
.enumligneserre	{margin-top:	0px;}
.enumlignelarge	{margin-top:	40px;}




.enumin, .enuminserre, .enuminlarge {
	font-size:				12px;
	text-indent:			-18px;
	margin:					16px 40px 0px 19px;
	text-align:				justify;
	line-height:			18px;
	}
.enuminserre	{margin-top:	0px;}
.enuminlarge	{margin-top:	44px;}

.enum1in, .enum1inserre, .enum1inlarge {
	font-size:				12px;
	text-indent:			-18px;
	margin:					9px 40px 0px 37px;
	text-align:				justify;
	line-height:			16px;
	}
.enum1inserre	{margin-top:	0px;}
.enum1inlarge	{margin-top:	30px;}

.enum2in, .enum2inserre, .enum2inlarge {
	font-size:				12px;
	text-indent:			-18px;
	margin:					5px 40px 0px 55px;
	text-align:				justify;
	line-height:			16px;
	}
.enum2inserre	{margin-top:	0px;}
.enum2inlarge	{margin-top:	20px;}

.enum3in, .enum3inserre, .enum3inlarge {
	font-size:				11px;
	text-indent:			-18px;
	margin:					4px 40px 0px 73px;
	text-align:				justify;
	line-height:			15px;
	}
.enum3inserre	{margin-top:	0px;}
.enum3inlarge	{margin-top:	16px;}



.enum, .enumserre, .enumlarge {
	font-size:				12px;
	text-indent:			0px;
	margin:					16px 40px 0px 18px;
	text-align:				justify;
	line-height:			18px;
	}
.enumserre	{margin-top:	0px;}
.enumlarge	{margin-top:	44px;}

.enum1, .enum1serre, .enum1large {
	font-size:				12px;
	text-indent:			0px;
	margin:					9px 40px 0px 36px;
	text-align:				justify;
	line-height:			16px;
	}
.enum1serre	{margin-top:	0px;}
.enum1large	{margin-top:	30px;}

.enum2, .enum2serre, .enum2large {
	font-size:				12px;
	text-indent:			0px;
	margin:					5px 40px 0px 54px;
	text-align:				justify;
	line-height:			16px;
	}
.enum2serre	{margin-top:	0px;}
.enum2large	{margin-top:	20px;}

.enum3, .enum3serre, .enum3large {
	font-size:				12px;
	text-indent:			0px;
	margin:					4px 40px 0px 72px;
	text-align:				justify;
	line-height:			15px;
	}
.enum3serre	{margin-top:	0px;}
.enum3large	{margin-top:	16px;}



.enumimage, .enumimagecentre {
	margin:					12px 0px 0px;
	padding:				0px;
	text-indent:			0px;
	line-height:			16px;
	}
.enumimagecentre{text-align:center;}
.enumimage, .enumimagegauche {
	margin:					12px 0px 0px 32px;
	}


.enumt, .enumtlarge {
	font-size:				12px;
	margin:					4px 10px 4px 36px;
	text-indent:			0px;
	}
.enumtlarge	{margin-top:	10px;}

.enumtv, .enumtw {
	margin:					4px 10px 4px 52px;
	text-indent:			-18px;
	}
.enumtw {
	margin:					16px 10px 16px 52px;
	text-indent:			-28px;
	}


.enumtable	{
	margin:					16px 4px 4px 10px;
	border-top:				solid 1px rgb(100%, 100%, 100%);
	border-left:			solid 1px rgb(86%, 90%, 90%);
	border-right:			solid 1px rgb(40%, 50%, 60%);
	border-bottom:			solid 1px rgb(0%, 0%, 0%);
	background-image:		url(../../images/graph/trame.gif);
	box-shadow:				1px 1px 6px #9999aa
	}
.enumtabletexte {
	margin:					16px 18px 12px;
	font-size:				13px;
	line-height:			15px;
	}
.enumtableicone	{
	margin:					10px 0px 2px 18px;
	}
.iconeliste {
	height:					64px;
	margin:					0px 10px 10px 0px;
	box-shadow:				1px 2px 4px #002040;
	}


.enumlien {
	font-size:				11px;
	line-height:			15px;
	padding:				0px 10px 4px 80px;
	color:					rgb(60%, 0%, 0%);
	}
.commentaire {
	font-size:				10px;
	color:					rgb(60%, 60%, 60%);
	}

.cadregris {
	margin:					0px;
	padding:				0px 0px 18px 0px;
	border-top:				solid 1px rgb(100%, 100%, 100%);
	border-left:			solid 1px rgb(86%, 90%, 90%);
	border-right:			solid 1px rgb(40%, 50%, 60%);
	border-bottom:			solid 1px rgb(0%, 0%, 0%);
	background-color:		rgb(97%, 97%, 97%);
	}
.bouton {
	margin:					0px;
	padding:				0px 4px;
	border-top:				solid 1px rgb(100%, 100%, 100%);
	border-left:			solid 1px rgb(86%, 90%, 90%);
	border-right:			solid 1px rgb(40%, 50%, 60%);
	border-bottom:			solid 1px rgb(0%, 0%, 0%);
	background-color:		rgb(97%, 97%, 97%);
	font-weight:			bold;
	font-size:				9px;
	letter-spacing:			1px;
	text-decoration:		none;
	}

.reference, .referencetable {
	position:				absolute;
	right:					0px;
	margin:					0px;
	font-size:				10px;
	line-height:			12px;
	font-style:				italic;
	border-bottom:			solid 1px rgb(0%, 0%, 0%);
	border:					none;
	background-color:		transparent;
	color:					rgb(0%, 40%, 50%);
	}
.reference {margin-right:			72px;}
.referencetable {margin-right:			94px;}
.referencevaleur, .referencevaleurtable {
	font-size:				11px;
	font-style:				normal;
	color:					rgb(60%, 0%, 0%);
	font-weight:			bold;
	font-family:			courier, courier new, serif;
	}


.frise, .frisepremiere {
	margin-top:				60px;
	height:					auto;
	padding:				0px;
	vertical-align: 		bottom;
	text-align:				center;
	word-spacing:			4px;
	margin-left:			auto;
	margin-right:			auto;
	}
.frisepremiere {
	position:			absolute;
	top:				560px;
	left:				63px;
	width:				900px;
	z-index:			2;
	margin:				0px;
	overflow:			hidden;
	}
.imafrise, .imafrisepremiere,
.imafrisegauche, .imafrisepremieregauche,
.imafrisedroite, .imafrisepremieredroite
	{
	border-top:			red solid 1px;
	border-bottom:		red solid 1px;
	width:				12.4%;
	}
.imafrisegauche, .imafrisepremieregauche
	{border-left:		red solid 1px;}
.imafrisedroite, .imafrisepremieredroite
	{border-right:		red solid 1px;}
.imafrisepremiere, .imafrisepremieregauche, .imafrisepremieredroite
    {width:             11%;}