/**** BALISES HTML
_________________*/

		
		html, body{ height: 100%; }
		
		body{			
			background: url(../contributed_images/picto/base/bg_body.gif) repeat-x top left #919c24; 
			background-position: -1px 0;
			margin: 0 !important;	
			padding: 0 !important;			
			color: #ffffff;		
			font: 90%/118% Arial, Geneva, Helvetica, sans-serif;			
		}		
		
		/* Test pour un hack Opera
		body{ font: 90%/118% Arial, Geneva, Helvetica, sans-serif; }
		html>body { font: 100%/118% Arial, Geneva, Helvetica, sans-serif; }
		head:first-child+body{ font: 90%/118% Arial, Geneva, Helvetica, sans-serif; }
		*/

		a{ text-decoration: none; color: #ffffff !important; }
		img, a, from{ border: none; margin: 0; padding: 0;}		

		h2{ font-size: 1.5em; }


/**** CLASSES GENERALES
______________________*/

		div#nav_invisible{ width: 0px; height: 0px; line-height: 0px; background: transparent; overflow: hidden; }

		.hidden{ 
			position: absolute;
			left: 2000px;
			top: -2000px;
			display: block !important;
			width: 0 !important;
			height: 0 !important;
			margin: 0 !important;
			padding: 0 !important;
			line-height: 0 !important;
			font-size: 0 !important;
			overflow: hidden !important;	
		}
		.invisible{ visibility: hidden; }
		.nobold{ font-weight: normal; }
		.bold{ font-weight: bold; }
		.btn_form{ background: transparent; border: 0; color: #ffffff; padding: 0; font-size: .9em;}
		.nofloat{ float: none !important; }
		.nobg{ background: none !important; }
		.noborder{ border: 0 !important; }

/**** STRUCTURE GENERALE
_______________________*/

div#super_container{ 	
	position: relative;
	background: url(../contributed_images/picto/base/bg_ctn_left.gif) repeat-y -1px 0px #c2d23b;
	width: 50.1em !important;
	margin: 0; 
	padding: 0 0 40px 7px;	
	overflow: hidden;
}

/**** HEADER */
div#super_container div#header{ 	
	width: 50.18em !important;  
	width: 722px; 
	position: relative; 
	height: 135px; 
	background: url(../contributed_images/picto/base/bg_header.gif) repeat-x #c2d23b; 
}
		
		/* Entetes et logos 
		______________*/
		
		div#header div#entete{ }
				
		div#entete span#logo_cg13 { position: absolute; top: 0; left: 0;}
		div#entete span#logo_cg13 img{ width: 12em; height: 3.2em;  }
		div#entete span#museon_arlaten img{ width: 15em; height: 3.85em; margin: 13px 0 0 12.5em; } 
		div#entete span#musee_deptal_ethno{ position: absolute; top: 0; left: 28em; }
		div#entete span#musee_deptal_ethno img{ width: 20em; height: 1.3em; }
		
		div#entete span#fabrique_memoire{ 
			display: block;		
			margin: -7px 0 0 0;
			background: url(../contributed_images/picto/base/bg_top_leftmenu.gif) no-repeat bottom left; 
			text-align: right;											
		}		
		div#entete span#fabrique_memoire img{ vertical-align: -8.6px !important; vertical-align: -10px; width: 17.8em; height: 1.3em; }	
		
		
		
		
		/* Barre de navigation principale 
		________________________*/
		
		div#header div#nav_principale{ 
			
			width: 100%;
			height: 48px; 			
			background: url(../contributed_images/picto/base/bg_nav.gif) repeat-x #919c24; 
		}
		* html div#header div#nav_principale{ width: 50.2em; height: 3em; }
		div#nav_principale ul#rub_premier_niveau{ margin: 0; padding: 0; list-style: none; }
		div#nav_principale ul#rub_premier_niveau li{
			float: left;							
			display: inline;			
			
			width: 115px;
			height: 50px;			
			
			/* IE/MAC HACK ... oblige de lui donner une taille de bloc sinon le pas content \*/
			width: auto;
			height: auto;
			/* */
		}
		
		div#nav_principale ul#rub_premier_niveau li a{ 								
			display: block; 			
			margin: 8px 0 0 0 !important; 			
			margin: 8px 0 1px 0; 			
			border-left: 1px solid #ffffff;			
			padding: 0 11px 7px 10px !important;
			padding: 0 11px 6px 10px;			

			font-size: 1.0em;
		}		
		div#nav_principale ul#rub_premier_niveau li.first a{			
			border: 0 !important;
			padding: 0 10px 7px 10px !important;
			padding: 0 16px 6px 17px;		
		}		
		div#nav_principale ul#rub_premier_niveau li.on img{ 
			width: .5em; 
			height: .5em; 
			position: absolute;
			margin: 5px 0 0 0;
			font-size: 0.8em;
		}
		
		div#nav_principale ul#rub_premier_niveau li ul li a, 
		div#nav_principale ul#rub_premier_niveau li.on ul li a,
		div#nav_principale ul#rub_premier_niveau li.first ul li a
		{ margin: 0 !important; padding: 0 !important; }
		
				
		div#nav_principale ul#rub_premier_niveau li.r1{ background: url(../contributed_images/picto/base/bg_menu_r1.gif) repeat-x bottom left #363636;  }
		div#nav_principale ul#rub_premier_niveau li.r2{ background: url(../contributed_images/picto/base/bg_menu_r2.gif) repeat-x bottom left #363636;  }
		div#nav_principale ul#rub_premier_niveau li.r3{ background: url(../contributed_images/picto/base/bg_menu_r3.gif) repeat-x bottom left #363636;  }
		div#nav_principale ul#rub_premier_niveau li.r4{ background: url(../contributed_images/picto/base/bg_menu_r4.gif) repeat-x bottom left #363636;  }
		div#nav_principale ul#rub_premier_niveau li.r5{ background: url(../contributed_images/picto/base/bg_menu_r5.gif) repeat-x bottom left #363636;  }
		div#nav_principale ul#rub_premier_niveau li.r6{ background: url(../contributed_images/picto/base/bg_menu_r6.gif) repeat-x bottom left #363636;  }
		
		div#nav_principale ul#rub_premier_niveau li ul{ 									
			position: absolute;			
			left: 0;
			
			/* \*/
			margin-top: 0;
			/* */
			
/* 			width: 62.7em !important;*/
			width: 66.85em;
			height: 1.6em;
			padding: 0; 
			margin: 0;
/*			font-size: .75em !important; */
			font-size: .75em;
			
			z-index: 666 !important;
		}
		* html div#nav_principale ul#rub_premier_niveau li ul{
			clear: both;
		}
		div#nav_principale ul#rub_premier_niveau li ul li{ 			
			float: left;
			display: inline;			
			
			width: 75px;
			/* \*/
			width: auto;
			/* */
			
			background: url(../contributed_images/picto/base/border_srub2.gif) no-repeat top left;
			margin: 0;
			padding: 2px 10px 0 10px !important;
			line-height: 1.1em;
			font-size:1.1em; 			
			color: #000000;
		}
		
		div#nav_principale ul#rub_premier_niveau li ul li.back{ 			
			float: left;
			display: inline;						
			width: 10px;			
			width: auto;	
			padding: 2px 0px 0 0px !important;	
			background: none;
		}
		
		/*div#nav_principale ul#rub_premier_niveau li ul li.noscript{ padding: 0 !important; }*/

		div#nav_principale ul#rub_premier_niveau li ul li a, div#nav_principale ul#rub_premier_niveau li ul li span
		{ border: 0; margin: 0; padding: 0 !important; color: #000000; }
		
		div#nav_principale ul#rub_premier_niveau li.r1 ul{ background: #D8B200; color:#000000; }
		div#nav_principale ul#rub_premier_niveau li.r1 ul a,
		div#nav_principale ul#rub_premier_niveau li.r1 ul span
		{ color: #000000 !important; }
		
		div#nav_principale ul#rub_premier_niveau li.r2 ul{ background: #B3AEFB;}
		div#nav_principale ul#rub_premier_niveau li.r2 ul a,
		div#nav_principale ul#rub_premier_niveau li.r2 ul span
		{ color: #000000 !important; }
		
		div#nav_principale ul#rub_premier_niveau li.r3 ul{ background: #F47B4C;}
		div#nav_principale ul#rub_premier_niveau li.r3 ul a,
		div#nav_principale ul#rub_premier_niveau li.r3 ul span
		{ color: #000000 !important; }
		
		div#nav_principale ul#rub_premier_niveau li.r4 ul{ background: #0151AD; }
		div#nav_principale ul#rub_premier_niveau li.r4 ul a, 
		div#nav_principale ul#rub_premier_niveau li.r4 ul span, 
		div#nav_principale ul#rub_premier_niveau li.r4 ul li
		{ color: #ffffff !important; }
		
		div#nav_principale ul#rub_premier_niveau li.r5 ul{ background: #DE6C9D;}		
		div#nav_principale ul#rub_premier_niveau li.r5 ul a,
		div#nav_principale ul#rub_premier_niveau li.r5 ul span
		{ color: #000000 !important; }
		
		div#nav_principale ul#rub_premier_niveau li.r6 ul{ background: #5DB4AB;}
		div#nav_principale ul#rub_premier_niveau li.r6 ul a,
		div#nav_principale ul#rub_premier_niveau li.r6 ul span
		{ color: #000000 !important; }
		
		div#nav_principale ul#rub_premier_niveau li ul li.on{ background: url(../contributed_images/picto/base/border_srub2.gif) no-repeat top left transparent; }
		div#nav_principale ul#rub_premier_niveau li ul li.on span{ padding-left: 10px !important; }
		div#nav_principale ul#rub_premier_niveau li ul li.first{ background: none; }	




/**** COLONNE DE GAUCHE */
div#super_container div#ctn_bloc_central{ 
	position: relative;
	clear: both; 				
/*	width: 50.15em !important; */
	width: 50.15em; 
	background: url(../contributed_images/picto/base/bg_left.gif) repeat-y top left ;
	padding: 0;
	margin: 0;
	
	/*height: 100%;*/
	
	color: #000000 !important;
}
* html div#super_container div#ctn_bloc_central{ 
	
}


div#super_container div#ctn_left{ 
	
	float:left;
            width:145px;
            clear: both;    

}
* html div#super_container div#ctn_left{ width: auto; }


div#super_container div#left{			
	display: inline;
	float: left;
	
	left: 0;
	width: 12.2em !important;
	width: 13em;	
	padding: 0;
	margin: 0 !important;
	margin: 0 0 75px 0;

	font-size: .8em !important;
	font-size: .75em;
	
	z-index: 99 !important;	
}

div#super_container div#left a{ color: #000000 !important; }

		/* Menu de gauche (nav. 3 et 4) */
		div#left div#nav_secondaire{ 			
			position: relative;
			margin: 0 0 20px 5px !important;
			margin: 0 0 10px 5px;
			padding: 0 0 7px 0;
		}
		
		div#left div#nav_secondaire img{ font-size: 0.9em; }
		
		div#nav_secondaire ul{ 
			margin: 0;
			padding: 1em 0 0 0 !important; 						
			border-right: 1px solid #959e4f;
			border-left: 1px solid #959e4f;			
			
			list-style: none;
		}			
		div#nav_secondaire ul li{
			padding: 0 0 0 15px;
			background: url(../contributed_images/picto/base/puce_li_nav3.gif) no-repeat; 
			background-position: 5px 6px;						
		}
		div#nav_secondaire ul li ul li{ 			
			background: url(../contributed_images/picto/base/puce_li_nav4.gif) no-repeat; 
			background-position: 5px 6px;
		}
		div#nav_secondaire ul li ul{ border: 0; padding: 0 !important; }
		
		
		
		/* Menu de nav. transversale (Agenda, Espace presse, Contact, etc.) */
		div#left div#nav_transversale{ 
			width: 10.4em !important;
			width: 11em;			
			margin: 0 0 75px 0;
			padding: 0 0 8px 0; 
			background: url(../contributed_images/picto/base/bottom_navtrans.gif) no-repeat;
			background-position: 0 100%;
			position:relative;
			left:-1px;
		}
		div#left div#nav_transversale ul{ 			
			position:relative;
			margin: 0;	
			padding: 5px 0 0 2px;
			border: 1px solid #7b8435;
			border-bottom: 0;
			background: #dfdfdf; 
		
			list-style: none; 
		}
		div#left div#nav_transversale ul li{
			padding: 0 0 0 12px; 
			margin: 0; 
			background: url(../contributed_images/picto/base/puce_li_navtrans.gif) no-repeat;
			background-position: 2px 6px;
		}
		div#left div#nav_transversale ul li.on{ 
			background: url(../contributed_images/picto/base/puce_li_navtrans_on.gif) no-repeat; 
			background-position: 2px 6px;
		}
		
		div#left div#nav_transversale ul li form{ margin: 0; }
		div#left div#nav_transversale ul li form input{ font-size: .9em; }
		div#left div#nav_transversale ul li form input.btn_form{ color: #000000; font-weight: bold; }
		div#left div#nav_transversale ul li form p{ margin: 0; }

		div#left div#frise_deco{ width: 700px; height: 50px;}		
		* html div#left div#frise_deco{ position: absolute; }
		div#left div#frise_deco img{ vertical-align: top;}
		div#left div#frise_deco div#frise_left img.img_deco{ height: 50px; width: 42px;}
		div#left div#frise_deco div#frise_left{ width: 126px; margin: 0 0 0 2px; text-align: right; height: 50px;}
		div#left div#frise_deco div#frise_right{ text-align: right; margin: -52px 0 0 48.0em !important; margin: -52px 0 0 51.3em; width: 168px; height: 50px; }		
		div#left div#frise_deco div#frise_right img.img_deco{ width: 42px; height: 50px; }
		
		
	
/*** BLOC DU CONTENU */
		div.prop{ /* float: left; width: 1px; height: 286px;*/ display:none; }
		div.clear{ clear:both; height:1px; overflow:hidden; }				
		
		div#super_container div#contenu{ 			
			width: 386px !important;
			width: 389px;
							
			min-height:400px;
			height:auto !important;
			height:400px;	
			overflow-y: visible;

			overflow-x: hidden;
			
			padding: .8em 15px 100px 10px;
			background: url(../contributed_images/picto/base/bg_contenu.gif) no-repeat top right #efefef;
			font-size: .9em !important;
			font-size: .85em;
			
			border-top: 1px solid #ffffff;

			position:relative;
			left:0px !important;
			left:-3px;
			top:1px !important;
			top:0px;
			margin: 0;			
		}
/*		* html div#super_container div#contenu{ 
			width: 383px !important;
			margin-left: 138px;
		}*/
						
		div#contenu a{ color: #000000; }
		div#contenu p#railroad{ font-size: .9em; clear: both; margin: 0; padding: 0;}
		div#contenu p#railroad a{ color: #5D6137 !important; }
		
		/* Bloc pied de page avec "plan du site", "mentions legales" et "aide" */
		div#footer{
			position: relative;
			right: 126px !important;
			right: 120px;
			display: block;
			width: 31em !important;
			
			margin: 20px 0 0 42.15em !important;
			margin: 0px 0 0 46.3em;
			padding: 0 1px 1px 5px;
			background: #5d6137;
			border-bottom: 1px solid #ffffff;
			line-height: 1.2em;
			font-size: .8em !important;	
			font-size: .75em;
			color: #ffffff;	
			
			z-index: 666;
		}
		div#footer span{ padding-right: 30px; }
		div#footer a{ color: #ffffff !important; }

		/* Bloc image de decoration colonne de droite */
		div#bloc_img_deco{
			position: absolute;
			top: 9.5em !important;
			top: 9.35em;	
			left: 38.9em !important;
			left: 38.95em; 
			background: url(../contributed_images/picto/base/bg_right.gif) no-repeat top left;
			padding: 20px;
		}

		
				
		/* Nav. contenu */
		div#nav_contenu{ text-align: center; margin-top: 30px; color: #5D6137 !important; }
		div#nav_contenu a{ color: #5D6137 !important; text-decoration: underline; }
		div#nav_contenu a.nodeco{ text-decoration: none; }
		
		
/**** FORMULAIRE */
div#contenu form p{ margin: 0 0 5px 0; }
div#contenu form p span.erreur{display: block; margin-left: 175px; }
div#contenu fieldset{ margin: 0 0 35px 0; border: none; }
div#contenu fieldset legend{ 
	margin: 0 1 15px -10px;
	font-size: 1.3em; 
	font-weight: bold;  
}
.div#contenu fieldset{
	
}
div#contenu label{ 
	display: inline;
	float: left; 
	width: 14em;
	margin-right: 10px;
	text-align: right;
	font-size: .9em;
	font-weight: bold; 
	letter-spacing: 1px; 
}
div#contenu select{ font-size: .9em; }
div#contenu input{ border: 1px solid #999999; font-size: .9em; }
div#contenu textarea{ padding: 2px; border: 1px solid #999999; font-family: Arial, Geneva, Helvetica, sans-serif; font-size: 1.0em; }
div#contenu form .ctn_valid_form{ text-align: center; margin-left: 40px }
div#contenu form input.btn_valid{ 
	border: none; 
	background: none; 
	font-weight: bold;
	color: #5d6137;	
}

div#contenu span.radio label{ 
	float: none;
	
	font-weight: normal;
	letter-spacing: 0;
}
div#contenu span.radio input{ border: none; }

div#contenu div.ctn_radio{ }
div#contenu div.ctn_radio span.radio{ 	
	display: block;		
}

div#contenu .label{ 	
	display: inline;
	float: left;
	width: 160px !important;
	width: 155px;
	margin-right: 10px;
	text-align: right;
	font-weight: bold; 
	font-size: .9em;
	letter-spacing: 1px;	
}




/*** FORM AGENDA */
div#contenu form#form_agenda{ }
form#form_agenda label{ width: 110px; float: none; }
form#form_agenda .ctn_valid_form{ text-align: left !important; margin: 15px 0 0 0; }


/*** FORM RECHERCHE */
div#contenu form#form_search{ position:relative; }
form#form_search P{ margin:0; }
form#form_search label{ width: 120px !important; }
form#form_search .ctn_valid_form{ margin: 15px 0 0 0; text-align: left !important; padding-left: 80px !important; padding-left: 65px; }



/*** PLAN DU SITE */
div#ctn_sitemap{ font-size: .9em; }
div#ctn_sitemap ul#sitemap{ 
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none; 	
}

	ul#sitemap li ul{ 
		margin: 0 0 0 2px;
		padding: 0 0 10px 11px;
		border-left: 1px solid #7b8435;
		list-style: none;
	}
	ul#sitemap li ul li ul{ border: none; padding: 0 0 0 11px; margin: 4px 0 4px 0; }
	
	ul#sitemap a{ color: #000000 !important; }
	ul#sitemap span{
		font-size: 1.6em;	
	}
	ul#sitemap li.r1 span a{ color: #8C7400 !important; }
	ul#sitemap li.r2 span a{ color: #383481 !important; }
	ul#sitemap li.r3 span a{ color: #B23B1D !important; }
	ul#sitemap li.r4 span a{ color: #0151AD !important; }
	ul#sitemap li.r5 span a{ color: #B5093B !important; }
	ul#sitemap li.r6 span a{ color: #177369 !important; }
	ul#sitemap li.rt span a{ color: #7b8435 !important; }		
	
	ul#sitemap li ul li a{ font-size: 1.1em; color: #000000 !important; }
	ul#sitemap li ul li ul li a{ font-size: 1.0em; }
	
	ul#sitemap li.r1{ 		
		position: relative;
		margin-bottom: 15px;				
		padding-bottom: 5px;
		background: url(../contributed_images/picto/r_musee/bottom_sitemap.gif) no-repeat bottom left; 
		background-position: 2px 100%;		
	}	
	ul#sitemap li.r2{ 
		position: relative;
		margin-bottom: 15px;		
		padding-bottom: 5px;
		background: url(../contributed_images/picto/r_collection/bottom_sitemap.gif) no-repeat bottom left; 
		background-position: 2px 100%;		
	}
	ul#sitemap li.r3{ 
		position: relative;
		margin-bottom: 15px;		
		padding-bottom: 5px;
		background: url(../contributed_images/picto/r_exposition/bottom_sitemap.gif) no-repeat bottom left; 
		background-position: 2px 100%;		
	}
	ul#sitemap li.r4{ 
		position: relative;
		margin-bottom: 15px;		
		padding-bottom: 5px;
		background: url(../contributed_images/picto/r_activite/bottom_sitemap.gif) no-repeat bottom left; 
		background-position: 2px 100%;		
	}
	ul#sitemap li.r5{ 
		position: relative;
		margin-bottom: 15px;	
		padding-bottom: 5px;		
		background: url(../contributed_images/picto/r_visite/bottom_sitemap.gif) no-repeat bottom left; 
		background-position: 2px 100%;		
	}
	ul#sitemap li.r6{ 
		position: relative;
		margin-bottom: 15px;
		padding-bottom: 5px;		
		background: url(../contributed_images/picto/r_documentation/bottom_sitemap.gif) no-repeat bottom left; 
		background-position: 2px 100%;		
	}
	ul#sitemap li.rt{ 
		position: relative;
		margin-bottom: 15px;
		padding-bottom: 5px;		
		background: url(../contributed_images/picto/base/bottom_sitemap.gif) no-repeat bottom left; 
		background-position: 2px 100%;		
	}
	
	ul#sitemap li.r1 ul li a{ background: url(../contributed_images/picto/r_musee/puce_li_nav3_on.gif) no-repeat top left; background-position: 0px 5px; }
	ul#sitemap li.r2 ul li a{ background: url(../contributed_images/picto/r_collection/puce_li_nav3_on.gif) no-repeat top left; background-position: 0px 5px; }
	ul#sitemap li.r3 ul li a{ background: url(../contributed_images/picto/r_exposition/puce_li_nav3_on.gif) no-repeat top left; background-position: 0px 5px; }
	ul#sitemap li.r4 ul li a{ background: url(../contributed_images/picto/r_activite/puce_li_nav3_on.gif) no-repeat top left; background-position: 0px 5px; }
	ul#sitemap li.r5 ul li a{ background: url(../contributed_images/picto/r_visite/puce_li_nav3_on.gif) no-repeat top left; background-position: 0px 5px; }
	ul#sitemap li.r6 ul li a{ background: url(../contributed_images/picto/r_documentation/puce_li_nav3_on.gif) no-repeat top left; background-position: 0px 5px; }
	ul#sitemap li.rt ul li a{ background: url(../contributed_images/picto/base/puce_li_navtrans.gif) no-repeat top left; background-position: 0px 5px; }
	
	ul#sitemap li.r1 ul li ul li a{ background: url(../contributed_images/picto/r_musee/puce_li_sitemap.gif) no-repeat top left; background-position: 0px 5px; }
	ul#sitemap li.r2 ul li ul li a{ background: url(../contributed_images/picto/r_collection/puce_li_sitemap.gif) no-repeat top left; background-position: 0px 5px; }
	ul#sitemap li.r3 ul li ul li a{ background: url(../contributed_images/picto/r_exposition/puce_li_sitemap.gif) no-repeat top left; background-position: 0px 5px; }
	ul#sitemap li.r4 ul li ul li a{ background: url(../contributed_images/picto/r_activite/puce_li_sitemap.gif) no-repeat top left; background-position: 0px 5px; }
	ul#sitemap li.r5 ul li ul li a{ background: url(../contributed_images/picto/r_visite/puce_li_sitemap.gif) no-repeat top left; background-position: 0px 5px; }
	ul#sitemap li.r6 ul li ul li a{ background: url(../contributed_images/picto/r_documentation/puce_li_sitemap.gif) no-repeat top left; background-position: 0px 5px; }
	ul#sitemap li.rt ul li ul li a{ background: url(../contributed_images/picto/base/puce_li_sitemap.gif) no-repeat top left; background-position: 0px 5px; }
	
	ul#sitemap li ul li a{ padding-left: 10px; }

/* ### AJOUT Ven 20 Oct. 2006 ### LISTE CHECKBOX */
	
	div.ctn_radio{  margin-top: 0; zoom: 1; }
	* html div.ctn_radio{ margin-top: -22px; }
	div.ctn_radio span.radio{ 		
	    margin-left: 170px;
	}