#b .mallette:hover {color:#999}
					
	/* TEXT */
	#content {margin:0 0 2em}
		
		#yellow {height:32px; padding:6px 0 0 5px; color:#fff; background:url(/img/actu.png) no-repeat!important}
		#insert, #insert-left {margin:1em 0 2em; padding:1em; border:1px solid #ccc; background:#fafafa}
			#insert-left {float:left}
			#insert-left TABLE {float:left; width:175px; margin:0 5px}
			#insert-left LI {float:left; padding:1em; width:auto}
			#insert-left IMG {padding:5px; border:1px solid #ccc; background:#fff}
			#insert-left A IMG {padding:0!important; border:0!important}
			
	/* TABLES */
	TABLE {width:100%; margin:0 0 3em; font:11px/1.5em Verdana, Arial, Helvetica, sans-serif}
		CAPTION {padding:1em; font-weight:bold; text-transform:capitalize}
			TH {padding:.3em; text-transform:uppercase; color:#fff; background:#555}
			TH A {color:#fff}	
				TD {vertical-align:top; padding:.3em; background:#f5f5f5}
			
		/* TABLE FICHES */		
		#blank {border-collapse:collapse;}
			#blank TD {border-top:1px solid #ccc; background:none}
			
		
		/* FORM */
		FIELDSET {margin:1em 0 2em; padding:1em; border:1px solid #666}
			FIELDSET LEGEND {font:bold 16px/1em Arial; padding:0 .5em .5em; color:#666; text-transform:uppercase}
				FIELDSET LI {margin:0 8em .5em 0; text-align:right}
				FIELDSET LABEL {padding:0 1em 0 0; vertical-align:top}
				FIELDSET INPUT, FIELDSET TEXTAREA {width:300px; padding:.1em .3em .2em}
				#check, #bouton {width:auto}
				FIELDSET SELECT {width:312px}
				
	
	/* LEFT */
	#left {float:left; width:580px/*; margin:0 0 1em; padding:0 2em 0 0; border-right:1px dashed #999*/}
	/* RIGHT */
	#right {float:right; width:270px}
		#right H1, #right H1 A {color:#fff}
		#right H2 {font-size:18px; text-transform:uppercase; font-weight:normal}
		
		#split {clear:both; width:100%; padding:0 0 2em 0}
			#split H2 {border-bottom:1px solid}
			#split A IMG {padding:0!important; border:0!important}

				
	/* FOOTER */
	#footer {clear:both; border-top:2px solid #999}
	
	/* ACCUEIL */
	.odia:link, .odia:visited {
	color:#999;
	font-style: italic;
}
	.odia:hover, .odia:active {
	color:#f7c60d;
	font-style: italic;
}
.cadre {
	background-color: #DDDDDD;
	margin: 0px 0px 15px 0px;
	width: 580px;
}
.txt_cadre {
	text-align: justify;
	padding: 0px 8px 0px 8px;
}* {margin:0; padding:0}
BODY, HTML {font:11px/1.5em Verdana, Arial, Helvetica, sans-serif; color:#555; background:url(img/bg.gif) repeat-y center; background-color: #FFFFFF}

IMG {border:0}
UL {list-style-type:none}
	UL.disc {margin:0 0 2em 2em; list-style:square inside}
OL {margin:1em 0; list-style:inside decimal}
	OL LI {margin:.5em 0}
	
.liste1 {
	list-style-type: circle;
	left: 5px;
}

H1, H2, H3 {letter-spacing:-1px; clear:both}

H1 {margin:0 0 .5em; font:20px/1em Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; border-bottom:1px solid #999}
	H1 A {font-weight:normal}
	H1 A:hover {text-decoration:none}
	/*H1, H1 A {color:#399}*/

H2 {margin:.5em 0; font: 14px/1.2em Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-variant: small-caps;
	color:#333;
	}
	H2 A {
	font-weight: bold;
	font-variant: small-caps;
}
	H2 IMG {margin:0 4px 0 0}

/* ADMIN */
H3, #admin-left H3 A {margin:0 0 .5em; font:bold 12px/1.4em Verdana, Arial, Helvetica, sans-serif; color:#333}
/* avant : H3, #admin-left H3 A {margin:0 0 .5em; font:bold 14px/1.3em Verdana, Arial, Helvetica, sans-serif; color:#333}*/

	#admin-left LI {margin:1em 0 2em}
		#admin-left A {font-weight:normal; color:#666}

	#admin-right {}
	
H6 {margin:0 0 1em; font-size:10px}

EM {font:1em/1.3em Verdana; font-style:italic; color:#888}
	
P {padding:0 0 1em}

A {font-weight:bold; color:#555}
A:hover {text-decoration:none}		

#to-left {float:left}
#to-right {float:right}
#to-clear {clear:both}

#header A, H1 A, H2 A, #menu A {text-decoration:none}


	
/* CONTAINER */	
#container {width:890px; margin:0 auto 2em auto}
	
		/* ODIA */
		#odia {float:left;/* font:24px/1em "Lucida Sans"; letter-spacing:-1px;*/ padding:70px 0 10px}
			/*#odia A {color:#000}*/
			#odia A:hover {text-decoration:none}
		
		/* SEARCH */
		#chercher-odia {float:right; width:610px; padding:80px 0 0; display:block}
			#chercher-odia INPUT {padding:2px; color:#777}
			#recherche {width:200px}
				#chercher-odia FIELDSET LI {margin:0 0 .5em; text-align:right}

		/* nav */	
		#nav {clear:both}
		#menu {padding:.4em 0 2em; text-align:center; font-size:16px; color:#999}	
			#menu LI {line-height:1.4em}
				#menu A {letter-spacing:-1px}
				/*#menu A:hover {text-decoration:none; color:#000}*/
					#a A{font:bold 16px/1em Arial; color:#999/*76D700*/}
					#b A {font:18px/1em Arial; color:#f7c60d}
					#c A {font:bold 14px/1.1em Arial; color:#999; line-height:1.5em}
					#c A:hover {color:#f7c60d}
					#d {font-size:11px}
					
					#a .odia:hover, #a .actu:hover, #a .publication:hover {color:#f7c60d}
					#a .breve:hover {color:#9C0}
					#a .rencontre:hover {color:#D40068}
					#a .emploi:hover {color:#AA62C2}
					#a .urt:hover {color:#0aaafd}
					#b .repertoire:hover {color:#c00}
					#b .tech:hover {color:#ff6600}
					#b .cid:hover {color:#f677c4}		
					#b .mallette:hover {color:#999}
					
					
	/* TEXT */
	#content {margin:0 0 2em}
		
		#yellow {height:32px; padding:6px 0 0 5px; color:#ff6600;}		
		#insert, #insert-left {margin:1em 0 2em; padding:1em; border:1px solid #ccc; background:#fafafa}
			#insert-left {float:left}
			#insert-left TABLE {float:left; width:175px; margin:0 5px}
			#insert-left LI {float:left; padding:1em; width:auto}
			#insert-left IMG {padding:5px; border:1px solid #ccc; background:#fff}
			#insert-left A IMG {padding:0!important; border:0!important}
			
			
	/* TABLES */
	
	TABLE {width:100%; margin:0 0 3em; font:11px/1.5em Verdana, Arial, Helvetica, sans-serif}
		CAPTION {padding:1em; font-weight:bold; text-transform:capitalize}
			TH {padding:.3em; text-transform:uppercase; color:#fff; background:#555}
			TH A {color:#fff}	
				TD {vertical-align:top; padding:.3em; background:#f5f5f5}
			
		/* TABLE FICHES */		
		#blank {border-collapse:collapse;}
			#blank TD {border-top:1px solid #ccc; background:none}
			
		
		/* FORM */
		FIELDSET {margin:1em 0 2em; padding:1em; border:1px solid #666}
			FIELDSET LEGEND {font:bold 16px/1em Arial; padding:0 .5em .5em; color:#666; text-transform:uppercase}
				FIELDSET LI {margin:0 8em .5em 0; text-align:right}
				FIELDSET LABEL {padding:0 1em 0 0; vertical-align:top}
				FIELDSET INPUT, FIELDSET TEXTAREA {width:300px; padding:.1em .3em .2em}
				#check, #bouton {width:auto}
				FIELDSET SELECT {width:312px}
				
	
			
	/* LEFT */
	#left {float:left; width:580px/*; margin:0 0 1em; padding:0 2em 0 0; border-right:1px dashed #999*/}
		/* ACTU */		
		#actu H1 {clear:none; height:32px; padding:6px 0 0 5px; background:url(img/actu.png) no-repeat}
		#actu H1, #actu H1 A {color:#fff}
		#actu H2 {font-size:12px/1.4em; font-variant: small-caps; font-weight: bold}
			/* + */						
			#actu P IMG {float:left; margin:.3em 1em 0 0; padding:5px; border:1px solid #999}
			#left #archive, #right #archive {float:right; width:26px; margin:-12px 0 0; display:block; font:bold 16px/1em Arial; color:#666}
		#actu2 H1 {height:32px; padding:6px 0 0 5px; background:url(img/actu.png) no-repeat}
		#actu2 H1, #actu2 H1 A {color:#fff}
		#actu2 H2, #actu2 H2 A {
	color:#f7c60d;
	font-weight:bold;
	font-variant: small-caps;
}			
	/* RIGHT */
	#right {float:right; width:270px}
		#right H1, #right H1 A {color:#fff}
		#right H2 {font-size:18px; text-transform:uppercase; font-weight:normal}
		
		#split {clear:both; width:100%; padding:0 0 2em 0}
			#split H2 {border-bottom:1px solid}
			#split A IMG {padding:0!important; border:0!important}

		#breves, #rencontres, #emploi {margin:0 0 2em}	
		#breves H2, #breves H2 A, #rencontres H2, #rencontres H2 A, #emploi H2, #emploi H2 A {margin:.5em 0 0; font:bold 12px/1.4em Arial, Helvetica, sans-serif; text-transform:none; LETTER-SPACING: normal}	
			/* BREVES */
			#breves H1 {height:32px; padding:6px 0 0 5px; background:url(img/breves.png) no-repeat}
				#breves H2, #breves H2 A {color:#9C0}
			/* RENCONTRES */
			#rencontres H1 {height:32px; padding:6px 0 0 5px; background:url(img/rencontres.png) no-repeat}
				#rencontres H2 A {color:#D40068}
			/* EMPLOI */
			#emploi H1 {height:32px; padding:6px 0 0 5px; background:url(img/emploi.png) no-repeat}
				#emploi H2, #emploi H2 A {color:#AA62C2}
				
				
	/* ACTU LOGOS */
	#logo {clear:both; width:100%; text-align:center}
		#logo IMG {margin:0 .5em}

	/* FOOTER */
	#footer {clear:both; border-top:2px solid #999}
	
	/* BREVES */
	.date {font-size: 12px; font-weight: bold;}
	.lieu {font-weight: bold;}
	.norm {font-weight: normal; font-style: normal;}
	A.lire {font-size: 11px; font-weight:bold; color:#555; font-style: normal}
	A.lire:hover {font-size: 11px; text-decoration:none; font-style: normal}
	
	/* ACCUEIL */
	.odia:link, .odia:visited {
	color:#999;
	font-style: italic;
}
	.odia:hover, .odia:active {
	color:#f7c60d;
	font-style: italic;
}
.cadre {
	background-color: #DDDDDD;
	margin: 0px 0px 15px 0px;
	width: 580px;
}
.txt_cadre {
	text-align: justify;
	padding: 0px 8px 0px 8px;
}