html, body {	margin: 0;	padding: 0;	height: 100%;	text-align: left;	font-family:Arial,Verdana,sans-serif;	font-size:0.9em;	color:#000;	margin:0;	padding:0;	}body {background-color:#ffffff;	}#access {display:none}#footer {display:none}#entete{display:none;}#id2{display:none;}sup {	font-size:smaller !important; 	font-size:90%;     vertical-align: baseline;     position: relative; 	bottom: 0.45em ;	}small {    font-size:85%;}.suph1 {    font-size:90%; /* texte plus petit */    vertical-align: baseline; /* neutralise l'excès d'interlignage */    position: relative; /* permet le positionnement relatif */    bottom: 0.50em ; /*relève d'un tiers de ligne*/}.supli {    font-size:90%;     vertical-align: text-top; 	position: static; }.compositions form {display:none;}/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*//*REDEFINITIONS GENERALES balises*/p,h1{color:#000;	padding:0;	margin:0;}img{	border:0 none;}ul,li{		margin:0;	padding:0;}li {	display:inline; }label {width:150px;	text-align: right;	padding-right: 20px;}label, input {	display: block;	float: left;	margin-bottom: 10px;	margin-top: 10px;}input, select {width:230px; font-size:0.9em;}br {	clear: left;} hr { display:block; height: 1px;  margin: 0; _margin: -7px 0; padding: 0; color: #000; background-color: #000; border: 0; }/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*//*Typos, placements, liens*/.petite-cap { font-variant:small-caps;}.copy2 { font-size: 0.8em; color:#000;}.gris {color:#000;}.justif {	text-align: justify;	padding: 0px;}.p {font-family:Arial, Helvetica, sans-serif; color:#000; font-size:1em; line-height:1.5em}h1, h2, h3, h4, h5 {font:Arial, Helvetica, sans-serif; margin-top:0.5em; margin-bottom:0.5em; text-align:left;}h1 {font-size:1.5em; font-weight:bold; color:#000;}h2 {font-size:1.2em; font-weight:bold; color:#000;}h3 {font-size:1.2em; font-weight:bold; color:#000;}h4 {font-size:1em; font-weight:bold; color:#000;}h5 {font-size:1.3em; font-weight:normal; color:#000;}a {text-decoration: underline; font-weight:bold; color:#000;}a:hover {text-decoration:none}.coulBlanc {color:#000; font-size: 1.1em;}.coulNotice { color: #000; text-decoration:none;}a.coulNotice { color: #000; text-decoration:none; font-size:0.9em}a.coulNotice:hover {color:#000; text-decoration:underline}a.coulNotice2 { color: #000t-decoration:none; font-size:0.85em}a.coulNotice2:hover {color:#000; text-decoration:underline}a.reverse:link  { color: #000; text-decoration:none; }a.reverse:hover  { color: #000; text-decoration:underline; }a.reverse:active  { color: #000t-decoration:underline; }a.reverse  { color: #000; text-decoration:none; font-size:0.8em; }a.milieu:link  { color: #000; text-decoration:none; }a.milieu:hover  { color: #000; text-decoration:underline; }a.milieu:active  { color: #000; text-decoration:underline; }a.milieu  { color: #000; text-decoration:none; font-size:1em; }a:visited.menu { color: #000}a:link.menu { color: #000}a:hover.menu { color: #000; text-decoration: underline }a:active.menu { color: #000}a.menu { color: #000; text-decoration: none}a.lienhaut {  text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:1em; color: #000; display: none;}a.lienhaut:link   {  color: #000; display: none;}a.lienhaut:visited   {  color: #000}a.lienhaut:hover {  color: #000; text-decoration: underline; background:none;}a.lienhaut:active   {	color: #000;	display: none;}/*a.lienhaut:hover span {display:block;background-color:#000;	position:absolute;	left:-10px;	top:0;	height:95px;	width:265px;	padding:40px 5px 20px 5px;	margin-top:-164px;	text-align:left;	z-index:99;	line-height:1.2em;	text-decoration:none;	font-weight:bold;}*/a.lienbas {  text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:1em; color: #000;}a.lienbas:link   {  color: #000}a.lienbas:visited   {  color: #000}a.lienbas:hover {  color: #000text-decoration: underline}a.lienbas:active   {  color: #000}/* Liens sousmenu */a:visited.sousmenu { color: #000}a:link.sousmenu { color: #000}a:hover.sousmenu { color: #000t-decoration: underline }a:active.sousmenu { color: #000}a.sousmenu { color: #000; text-decoration: none; font-size: 1em; }.left {	float: left;	color: #000;	display: none;}.right {	float: right;	color: #000;	display: none;}.line {border-bottom:1px solid #000;}/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*//*MENU HAUT DE PAGE*/#menu{display:none;}/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*//*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/#listres{	/*margin-left:130px;*/	padding:0px 10px 0px 0px;	background-color:#fff;/*	overflow: auto;	display: block;*/	}#listres li {display:block;	line-height:1.5em;	vertical-align:middle;	border-top:1px solid #999999;	width:630px;	padding-top:5px;	}/*#listres li a{		color:#fd4703;	text-decoration:none;	}#listres li a:hover{	color:#000;	text-decoration:underline;}#listres li a:hover span{	display:block;	position:absolute;	left:15px;	top:30px;}*/#listres li p {display:block;vertical-align:middle;line-height:1.5em;}.title{	width:517px;	float:left;	line-height: 40px;	font-weight: bold;}.titre {width:210px;float:left;padding-right:10px;}.artiste {width:150px;float:left;}.Cat {width:100px;float:left;}.ref {width:70px;float:left;}.prix {	width:40px;	float:left;	text-align: right;}.titreintitule {width:200px;	float:left;	padding-left:20px;}.artisteintitule {width:150px;float:left;padding-left:12px;}.Catintitule {width:100px;float:left;padding-left:10px;}.refintitule {width:70px;float:left;padding-left:10px;}.prixintitule {	width:40px;	float:left;	text-align: right;	padding-left:10px;}	#listres_notice{	margin: 0px 0px 0px 275px;	padding:10px 20px 50px 15px;	background-color:#fff;	text-align: left;}#listres_notice li a{	display:block;	width:30em;	padding-top:4px;	padding-bottom:4px;	color:#8D3832;	background-color:#fff;	text-decoration:none;	line-height:2em;	vertical-align:middle;	border-bottom:1px solid #FFF;}/*#listres_notice li a:hover span{	display:block;	position:absolute;	left:15px;	top:30px;}*/#contenu {margin:0;}/*PAGE OUTILS_INDEX (ARBO)*/#listres_outils_index{	padding:10px 20px 50px 10px;	background-color:#fff;	height: 100%;	}#listres_outils_index li a{	display:block;	width:40em;	padding-top:4px;	padding-bottom:4px;	color:#0000;	text-decoration:none;	line-height:2em;	vertical-align:middle;	border-bottom:1px solid #000;	float: left;}#listres_outils_index li a:hover span{	display:block;	position:absolute;	left:15px;	top:30px;}#listres_outils_index li a em{	color:#339A99;	text-align: right;	float: right;	line-height:2em;	margin: -25px 0px 0px 0px;}/*#listres_outils_index li a:hover em{	color:#000;	text-align: right;	float: right;	line-height:2em;	margin: -25px 0px 0px 0px;}*/#colonnemilieu_outils {display:none;	}/* FIN PAGE OUTILS_INDEX (ARBO)*/#res{	display:block;	position:absolute;	top:40px;	width:100%;	height:100%;}/*#res a:hover{	color:#333;	text-decoration:underline;	background:#fff;}*/#res_outils{	position:absolute;	top:125px;	width:100%;}#res2_outils{	position:absolute;	top:0px;	width:100%;	height: 100%;		}/*#res2_outils a:hover{	color:#333;	text-decoration:underline;	background:#fff;}*/#res_notice{	position:absolute;	top:0px;		z-index:1;	font-size:10px;}#zoomnav{	/*z-index:200;*/}/*#res_notice a:hover{	color:#333;	text-decoration:underline;	background:none;}*//*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*//*///////////////////////IMAGES//////////////////////////////////////////////////////////*//*//////////////////////////vignettes classiques///////////////////////////////*/#vign {	padding:15px 20px;	background-color:#fff;	display: block;	overflow:auto;	width: 630px;}*html #vign {padding:5px 20px}#vign li a{	color:#000;	text-decoration:none;	font-style:normal;	font-weight:100;	font-size:9px;		}		#vign li {	display:block;	line-height:1em;	vertical-align:middle;	border-top:1px solid #999999;	padding-top:5px;	margin-right:10px;	float: left;	width:110px;	height:230px;	list-style-type: none;	}		#vign li a span{	color:#000;	text-decoration:none;	font-style:normal;		}		/*	#vign li a:hover{	text-decoration:none;	color:#339A99;	}#vign li a:hover span{	display:block;	position:absolute;	left:15px;	top:30px;	width:110px;	color:#000;	margin:0;}*/#vign li a span .nom{width:115px;float:left;}#vign li a span .titre{color:#000;width:115px;}#vign li a span .ref{margin-top:-50px;width:115px;float:left;position:relative;}/*#vign li div {position:absolute;margin:0;}*/#vign li p {display:block;vertical-align:middle;line-height:1.5em;}/*placement des coches sur vign dossiers*/.l1 {top:135px}.l2 {top:265px}.l3 {top:395px}.c1 {left:148px}.c2 {left:268px}.c3{left:388px}.c4{left:508px}.c5{left:628px;}#choix { display:none;width:auto;}#choix3 {display:none;}.displaynone {display:none;}.test {float:left;position:relative;margin-top:8px;margin-right:8px;}.brclear {clear:both;height:0;margin:0;font-size:1px;line-height:0;}/*//////////////////////////vignettes page Rechercher///////////////////////////////*/#vign2 {	padding:0px 20px;	 margin: 0px 0px 0px 0px;	background-color:#fff;	overflow:auto;}#vign2 li {width:110px;}#vign2 li a{width:110px;	color:#000;	text-decoration:none;	}	/*#vign2 li a:hover{	color:#000;	width:110px;	text-decoration:none;}#vign2 li a:hover span{display:inline;	width:110px;	color:#000;}*//*//////////////////////////Images incorporees au glossaire//////////////////////////////*/#glossleft {float:left;color:#000;margin-right:20px;margin-bottom:10px;}#glossright {float:right;color:#000;margin-left:10px;margin-bottom:10px;}.vignette, .vignette2 {	margin-right:10px;	margin-top:10px;	padding:2px;	/*position: relative;*/	float: left;}/*//////////////////////////Images incorporees au gabarit texte 2//////////////////////////////*/.leftimg {float:left;position:relative;left:0;padding: 0 10px 0 0;margin:0}.rightimg {float:right;position:relative;left:0;padding: 0 0 0 10px;margin:0}/*//////////////////////////Pages zoom//////////////////////////////*/.zoom {background-color:#000000;text-align: left;}.zoom div {position: absolute;width:100%;top:50%;margin-top:-300px;text-align: center;}#imgLayer{position: absolute; left: 0; top:0}/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*//*//////////sous menus bicolores ////////////////*/#ssmenu {display:none;}/*#ssmenu {position:absolute;top:65px;left:130px;background-image:url(pics/ssmenu.gif);background-repeat:repeat-x;height:20px;padding:0px 10px;line-height:19px;z-index:20;text-align:left;}*/#ssmenu_dossiers {position:absolute;top:65px;background-color:#fff;width:630px;height:20px;padding:0px 10px;line-height:40px;z-index:90;text-align:left;}#ssmenu_notice {position:absolute;top:65px;background-image:url(pics/ssmenu.gif);background-repeat:repeat-x;width:485px;height:20px;padding:0px 10px;line-height:19px;z-index:101;text-align:left;}/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*//*//////////Colonnes gauches ////////////////*/#menugauche {display:none;}#colonnegauche {display:none;}#colonnegauche_texte {	position:absolute;	top:0px;}#colonnegauche_texte img {	z-index:120;/*	position:absolute;*/	}#v1 {}#v2 {}#v3 {}#v4 {}#fondimage {	width:275px;	background-color:#fff;	text-align:center;	border:none;	position:relative;	height: 300px;	z-index:999;	}#fondimage_relecture{	width:275px;	background-color:#fff;	text-align:center;	border:none;	position:relative;	}#img_notice {	width:auto;	padding:19px 0;	height: 300px;		z-index:999;	}#img_notice_relecture {	width:auto;	padding:19px 0;		}#legende {	margin:10px;	line-height:2em;	position:relative;	height:inherit;	width: 255px;	z-index:100;	font-size:0.75em;		z-index:999;	}.figure {	width:100px;	margin-left:0px;	margin-top: 10px;	margin-right:10px;	float:left;	clear:none;	line-height:normal;}.conteneur-figure {width:230px; margin-left:25px; clear:both;}/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*//*////////// PAGE RECHERCHE ////////////////*/#ssmenu_recherche2 label {display:none;}#formulaire{	display:inline;	text-decoration:none;	font-size: 0.9em;}.inventaire {	width: 20px;	display: block;}#inventaire, #inventaire2, #date, #date2 {width: 91px;}#colgauche {margin-left:40px;width:450px;color:#000;}#coldroite {display:none;}#ssmenu_recherche1 {width:130px;height:40px;float:left}#ssmenu_recherche2 {width:370px;background-color:#cccccc;height:40px;line-height:40px;float:left;}#ssmenu_recherche2 input {width:auto;display:inline;float:none;vertical-align:middle;}#ssmenu_recherche2 span {color:#000;}#listres_recherche{	 margin: 0 0 0 0;	padding:10px 0 50px 0;}#res_recherche{	position:absolute;	top:85px;	left:50%;	margin-left:-390px;	width:780px;	background:#339A99;}/*////// AIDE RECH /////*/a.aide {font:1em Arial, Helvetica, sans-serif; font-weight:bold; color:#339A99;}a.aide:link {font-weight:bold; color:#339A99}a.aide:hover {color:#334E4D; text-decoration:underline;}a.aide:active {color:#334E4D; text-decoration:underline;}#aide li{display:block;list-style-image:url(pics/puce3.gif);list-style-position:inside;}.remonter {text-align:right; font-size:0.7em; font-weight:normal;}a.inerte {color:#000; text-decoration:none;}/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*//*////////// PAGE D ACCUEIL ////////////////*/#accueil1 {position:absolute;bottom:50%;width:100%;margin:0 auto;height:50%;background-image:url(pics/gris.gif);background-repeat:repeat;background-position:center;}#accueil2 {position:absolute;bottom:50%;height:197px;margin-bottom:-55px;width:100%;background-color:#fff;}#accueil3 {position:absolute;top:50%;margin:0 auto;width:100%;height:50%;background-image:url(pics/vert.gif);background-repeat:repeat;}#page {position:absolute;top:-85px;left:50%;margin-left:-390px;height:460px;border:none;/*overflow:hidden;*//*background-color:#339A99;*/background-image:url(pics/fondpage.gif);background-repeat:repeat-x;}*html #page {top:-88px;height:460px;background-image:url(pics/fondpage2.gif);background-repeat:repeat-x;}#liste {float:left;}.menus li {display:block;}.menus  {margin:0;list-style-type:none;list-style-image:none;/*_margin-top:12px;*/}.menus a { color: #000; text-decoration:none; font-size:0.9em}.menus a:visited { color: #000}.menus a:hover { color: #000; text-decoration: underline }#accueil{	position:absolute;	top:10px;	background:url(pics/accueil.gif) top left no-repeat;	height:21px;	width:780px;	margin: 0;}	#accueil li{height:21px;	float:left;	list-style-type:none;}#accueil li a{	display:block;	height:21px;	text-decoration:none;}a#acc1{	width:101px;}a#acc2{	width:139px;}a#acc3{	width:120px;}a#acc4{	width:140px;}a#acc5{	width:126px;}a#acc6{	width:154px;}a#acc1:hover{	background:url(pics/accueil.gif) no-repeat 0px -20px;}a#acc2:hover{	background:url(pics/accueil.gif) no-repeat -101px -20px;}a#acc3:hover{	background:url(pics/accueil.gif) no-repeat -240px -20px;}a#acc4:hover{	background:url(pics/accueil.gif) no-repeat -360px -20px;}a#acc5:hover{	background:url(pics/accueil.gif) no-repeat -500px -20px;}a#acc6:hover{	background:url(pics/accueil.gif) no-repeat -626px -20px;}#m1, #m2, #m3, #m4 {position:absolute; text-align:left; float:left; margin-top:-25px;} #m1 { left:10px; width:auto}#m2 {width:auto; left:260px;}#m3 { left:520px;}#m4 { left:650px} #images {	position:relative;	margin-left:10px;	float:left;	height:40px;	bottom:20px;}*html #images {position:relative;vertical-align:top;}#menuacc {position:relative;width:780px;}*html #menuacc {top :-5px;}#images a:hover {text-decoration:none;}.vert {	font-family:Arial,Verdana,sans-serif;	margin:0;	padding:0;	vertical-align:top;	background-color:#fff;	text-align:left;}/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*//*/// Boutons de validation encadr&eacute;s ///*/#valid a.bouton {color:#000; border:1px solid; text-align:center; margin:auto; padding:3px;}#valid a.bouton:link {color:#000;}#valid a.bouton:hover {color:#000; text-decoration:none;}#valid a.bouton:active {color:#000; text-decoration:none;}#valid {margin-left:165px;width:inherit;color:#000;padding:5px;}#valid2 a.bouton {color:#000; border:1px solid; text-align:center; margin:auto; padding:3px;}#valid2 a.bouton:link {color:#000;}#valid2 a.bouton:hover {color:#000; text-decoration:none;}#valid2 a.bouton:active {color:#000; text-decoration:none;}#valid2 a.bouton2 {color:#000; border:1px solid; text-align:center; margin:auto; padding:3px;}#valid2 a.bouton2:link {color:#000;}#valid2 a.bouton2:hover {color:#000; text-decoration:none;}#valid2 a.bouton2:active {color:#000; text-decoration:none;}#valid2b a.bouton {color:#000; border:1px solid; text-align:center; margin:auto; padding:3px;}#valid2b a.bouton:link {color:#000;}#valid2b a.bouton:hover {color:#000; text-decoration:none;}#valid2b a.bouton:active {color:#000; text-decoration:none;}#valid2b a.bouton2 {color:#000; border:1px solid; text-align:center; margin:auto; padding:3px;}#valid2b a.bouton2:link {color:#000;}#valid2b a.bouton2:hover {color:#000; text-decoration:none;}#valid2b a.bouton2:active {color:#000; text-decoration:none;}a.bouton {color:#000; border:1px solid; text-align:center; padding:2px;}a.bouton:link {color:#000;}a.bouton:hover {color:#000; text-decoration:none;}a.bouton:active {color:#000; text-decoration:none;}a.bouton2 {color:#000; border:1px solid; text-align:center; padding:2px;}a.bouton2:link {color:#000;}a.bouton2:hover {color:#000; text-decoration:none;}a.bouton2:active {color:#000; text-decoration:none;}#valid2 {margin-left:120px;width:inherit;color:#000;padding:5px;}#valid2b {margin-left:215px;width:inherit;color:#000;padding:5px;}/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*//*/////PAGES OUTILS ////*//*// carte ///*/#carte {background-image:url(pics/carte-fond.gif);background-repeat:no-repeat;}.carte {margin-left:110px;margin-top:125px}/*// Chrono ///*/#contenu_chrono {margin:0 20px 20px 80px;z-index:99;}#contenu_chrono p{color:#334E4D;font-weight:bold;line-height:1.8em;}#contenu_chrono ul{color:#334E4D;font-weight:normal;margin-left:40px;}#contenu_chrono li{display:block;line-height:1.8em;list-style-type:none;}#contenu_chrono a{color:#000; text-decoration:none;}#contenu_chrono a:hover{color:#333; text-decoration:underline;}#contenu_chrono a:active{color:#333; text-decoration:underline;}/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*//*/////PAGES MES DOSSIERS ////*/span.dossiers {margin-left:120px}label.dossiers {width:100px}label.dossiers2 {width:200px;}#arbo {	background-color:#fff;	height:259px;	width:334px;	margin: 0 10px 0 230px;	padding:0;	position: absolute;	line-height:1em;	border:solid #000 7px;}#arbo label {width:250px;text-align:left;height:20px;margin:0;padding-top:10px}.arbo {width:220px;height:275px;font-size:0.9em;}.haut {display:none;}/*/////gerer/////*/#listres_arbo{	display:block;	padding:10px 20px 0 20px;	background-color:#fff;	overflow:auto;}#listres_arbo li {	display:block;	color:#339A99;	line-height:2.5em;	text-align:left;	vertical-align:middle;	padding-top:8px;	padding-bottom:8px;}*html #listres_arbo li{width:600px; list-style-type:none;}nav{display:none;}.nav a,#barrezoom a,.rang{	display:none;}.rang {display: none;}.deb,.fin{	display:none;}.pre,.sui{	display:none;	}#div_tom {	position:relative;	margin:0 20px 20px 0;	display:block;	page-break-after: always;}#recherche {display:none;}#recherche-text {display:none;}