html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	text-align: center;
	font-family:Arial,Verdana,sans-serif;
	font-size:0.9em;
	color:#000;
	margin:0;
	padding:0;	
}

body {
	background-color:#002c57;
}

body.notice {background:url(../img/fond2col4.gif) center repeat-y #002c57;}
body.index {background:url(../img/fond3col.gif) center repeat-y #002c57;}

#access {display:none}

#MonDiv{display:none;}
#MonDiv2{display:none;}

sup {
	font-size:smaller !important; 
	font-size:90%; 
    vertical-align: baseline; 
    position: relative; 
	bottom: 0.45em ;	
}

.suph1 {
    font-size: 0.8em; /* texte plus petit */
    vertical-align: baseline; /* neutralise l'excès d'interlignage */
    position: relative; /* permet le positionnement relatif */
    bottom: 0.33em ; /*relève d'un tiers de ligne*/
}

.supli {
    font-size: 0.8em; 
    vertical-align: text-top; 
	position: static; 
}
/*////////// PAGE D ACCUEIL ////////////////*/
.maj {
	font-size:0.8em;
	color:#fff;
	margin-left:200px;
	margin-top: -20px;
	width: 500px;
	
}

#accueil1 {
position:absolute;
bottom:50%;
width:100%;
margin:0 auto;
height:50%;
background-image:url(../img/gris.gif);
background-repeat:repeat;
background-position:center;}

#accueil2 {
position:absolute;
bottom:50%;
height:182px;
margin-bottom:-55px;
width:100%;
background-color:#002c57;
}


#accueil3 {
position:absolute;
top:50%;
margin:0 auto;
width:100%;
height:50%;
background-image:url(../img/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(../img/fondpage.gif);
background-repeat:repeat-x;
}

*html #page {top:-88px;
height:460px;
background-image:url(../img/fondpage2.gif);
background-repeat:repeat-x;
overflow:hidden;
}

.titre_accueil {
background-color:#333333;
height:85px;}

/**html .titre {
background-color:#666666;
height:200px;}
*/

#liste {
float:left;
}

.menus li {
display:block;
}

.menus  {
margin:0;
list-style-type:none;
list-style-image:none;
/*_margin-top:12px;*/
}


.menus a:link, a{
	color: #FFF;
	text-decoration:none;
	font-size:1em
}
.menus a:visited { color: #FFF}
.menus a:hover { color: #FFF7E2; text-decoration: underline }

#accueil{
	position:absolute;
	top:10px;
	background:url(../img/accueil.gif) top left no-repeat;
	height:36px;
	overflow:hidden;
	width:780px;
	margin: 0;}
	
	

#accueil li{
height:36px;
	float:left;
	list-style-type:none;
}
#accueil li a{
	display:block;
	height:36px;
	text-decoration:none;
}
a#acc1{
	width:129px;
}
a#acc2{
	width:150px;
}
a#acc3{
	width:121px;
}
a#acc4{
	width:129px;
}
a#acc5{
	width:90px;
}
a#acc6{
	width:161px;
}
a#acc1:hover{
	background:url(../img/accueil.gif) no-repeat 0px -38px;
}
a#acc2:hover{
	background:url(../img/accueil.gif) no-repeat -129px -38px;
}
a#acc3:hover{
	background:url(../img/accueil.gif) no-repeat -279px -38px;
}
a#acc4:hover{
	background:url(../img/accueil.gif) no-repeat -400px -38px;
}
a#acc5:hover{
	background:url(../img/accueil.gif) no-repeat -529px -38px;
}
a#acc6:hover{
	background:url(../img/accueil.gif) no-repeat -619px -38px;
}

#m1, #m2, #m3, #m4 {position:absolute; text-align:left; float:left; margin-top:-25px;} 
#m1 {
	left:38px;
	width:auto
}
#m1 { width:auto; left:29px} 
#m2 {
	width:auto;
	left:157px;
}
#m3 {
	left:560px;
}
#m4 {
	left:646px
} 
#m5 { left:520px}
#m6 { 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:#3d5988;
	text-align:left;
	overflow:auto;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*CONTENEUR AVEC FOND_un pour chaque type de page*/

#entier_2col {
	position: relative;
	width: 780px;
	margin: 0 auto;
	text-align: left;
	background-image:url("../img/fond2col.gif");
	background-repeat:repeat-y;
	min-height: 100%; /*  */
}

/*pour montrer à IE win mais cacher à IE mac*/
* html #entier_2col {
	height: 100%;
}


/* truc pour cacher un div "float" de certains browsers si besoin */
#entier_2col::after{
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	font-size: 1px;
	clear: both;
	visibility: hidden;
}
/*/////type 2////////*/

#entier_2col2 {
	position: relative;
	width: 780px;
	margin: 0 auto;
	text-align: left;
	background-color:#003466;
	min-height: 100%; /*  */
}

* html #entier_2col2 {
	height: 100%;
}

#entier_2col2::after{
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	font-size: 1px;
	clear: both;
	visibility: hidden;
}

/*////////type 3///////////////*/

#entier_2col3 {
	position: relative;
	width: 780px;
	margin: 0 auto;
	text-align: left;
	background-image:url("../img/fond2col3.gif");
	background-repeat:repeat-y;
	min-height: 100%; /*  */
}

* html #entier_2col3 {
	height: 100%;
}

#entier_2col3::after{
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	font-size: 1px;
	clear: both;
	visibility: hidden;
}

/*///////type 4///////////////*/

#entier_2col4 {
	position: relative;
	width: 780px;
	margin: 0 auto;
	text-align: left;
	background-image:url("../img/fond2col4.gif");
	background-repeat:repeat-y;
	min-height: 100%; /*  */
	height: 100%;
}

* html #entier_2col4 {
	height: 100%;
}

#entier_2col4::after{
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	font-size: 1px;
	clear: both;
	visibility: hidden;
}
/*////////type 5///////////////*/

#entier_3col {
	position: relative;
	width: 780px;
	margin: 0 auto;
	text-align: left;
	background-image:url("../img/fond3col.gif");
	background-repeat:repeat-y;
	min-height: 100%; /*  */
}

* html #entier_3col {
	height: 100%;
}

#entier_3col::after{
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	font-size: 1px;
	clear: both;
	visibility: hidden;
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#entete {
	position: absolute;
	left: 50%;
	margin: 0 0 0 -390px;
	padding: 0;
	width: 780px;
	background: #008;
	background:url(../img/entete.gif) top left no-repeat;
	height:125px;
}


#footer
{
	position: absolute;
	left: 50%;
	bottom: 0;
	margin: 0 0 0 -390px;
	padding: 0;
	height: 118px;
	width: 130px;
	background-color: #FFF;
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*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 {font-size:0.9em; float:left;}
select {width:300px; margin-top:8px;}

input {width:295px;}
*html input {width:295px;}

/*checkbox VDSE*/
input#statut{width:20px;}

label#statut{display:inline; 
	width:65px;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	margin-top : 13px;}

*html input#cascade{width:275px;}
label#cascade{display:inline; 
	width:15px;
	text-align: left;
	padding-right: 0px;
	padding-left: 5px;
	margin-top : 13px;}

br {
	clear: left;
}

 hr {
 display:block;
 height: 1px;
  margin: 0;
 _margin: -7px 0;
 padding: 0;
 color: #3d5988;
 background-color: #3d5988;
 border: 0;
 }




/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*Typos, placements, liens*/
.petite-cap { font-variant:small-caps;}

.copy3 { font-size: 0.8em; color:#FFF; padding-left: 20px}
.copy2 { font-size: 0.8em; color:#000; padding-left: 20px}
.copy1 { font-size: 0.8em; color:#000; padding-left: 0px}

.gris {color:#666;}

.justif {
	text-align: justify;
	padding: 0px;}

.p {font-family:Arial, Helvetica, sans-serif; color:#000; font-size:1em; line-height:1.5em}

.auteur {font-size:1em; font-weight:bold; color:#3d5988;}
.parag_fin {line-height:0.5em;}

h1, h2, h3, h4, h5 {
	font:Arial, Helvetica, sans-serif;
	margin-top:0.5em;
	margin-bottom:0em;
}

h1 {font-size:1.5em; font-weight:bold; color:#3d5988;}
h2 {font-size:1.3em; font-weight:bold; color:#000;}
h3 {font-size:1.2em; font-weight:bold; color:#3d5988;}
h4 {font-size:1em; font-weight:bold; color:#3d5988;}
h5 {font-size:1.3em; font-weight:normal; color:#3d5988;}

/* Liens normaux */
a:visited, a:link, a { color: #003466; text-decoration: none}
a:hover {
	color: #333;
	text-decoration: underline
}
a:active { color: #000000}

.pluspetit {font-size:0.9em;}


.coulBlanc {color:#FFF;}
.coulNotice {
	color: #002c57;
	text-decoration:none;
}

a.coulNotice { color: #3d5988; text-decoration:none; font-size:0.9em}
a.coulNotice:hover {color:#000; text-decoration:underline}

a.coulNotice2 { color: #3d5988; text-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: #3d5988; text-decoration:underline; }
a.reverse:active  { color: #3d5988; text-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: #FFF; text-decoration:underline; }
a.milieu:active  { color: #FFF; text-decoration:underline; }
a.milieu  { color: #000; text-decoration:none; font-size:1em; }

a:visited.menu { color: #3d5988}
a:link.menu { color: #3d5988}
a:hover.menu { color: #000; text-decoration: underline }
a:active.menu { color: #000}
a.menu { color: #3d5988; text-decoration: none}


a.lienhaut {  text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:1em; color: #FFF;}
a.lienhaut:link   {  color: #FFF}
a.lienhaut:visited   {  color: #FFF}
a.lienhaut:hover {
	color: #000;
	text-decoration: underline;
	background:none;
}
a.lienhaut:active   {  color: #FFF}

a.liencopy {  text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color: #FFF;}
a.liencopy:link   {  color: #FFF}
a.liencopy:visited   {  color: #FFF}
a.liencopy:hover {
	color: #000;
	text-decoration: underline;
	background:none;
}
a.liencopy:active   {  color: #FFF}

a.lienhaut:hover span{
display:block;
background-color:#999999;
	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.lienbiblio {  text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:1em; color: #000; z-index:-1;}
a.lienbiblio:link   {  color: #000}
a.lienbiblio:active   {  color: #000;}
a.lienbiblio:visited   {  color: #000}
a.lienbiblio:hover {
        color: #000;
        text-decoration: underline;
        background:none;
}
a.lienbiblio:hover span{
display:block;
background-color:#3d5988;
        /*position:absolute;
        left:20px;
        top:0;
        height:35px;*/
        width:442px;
        padding:5px 5px 5px 5px;
        margin-top:5px;
        text-align:left;
        z-index:99;
        text-decoration:none;
}
#legende_biblio{
display:inline;
/*position:absolute;*/
}

.coulBlanc_biblio{color:#FFF;   z-index:99;}


/* Liens bandeau navigation sur fond vert */
a.nav1:visited, a.nav1:link, a.nav1 { color: #FFF; text-decoration: none}
a.nav1:hover { color: #F9CA72; text-decoration: underline }
a.nav1:active { color: #FFF7E2}

/* Liens vdse */
a.lienVdse:visited, a.lienVdse:link, a.lienVdse { color: #000; text-decoration: none}
a.lienVdse:hover { color:  #3d5988; text-decoration: underline}
a.lienVdse:active { color:  #3d5988;}

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: #FFF; text-decoration: underline}
a.lienbas:active   {  color: #000}

/* Liens sousmenu */
a:visited.sousmenu { color: #000}
a:link.sousmenu { color: #339A99}
a:hover.sousmenu { color: #339A99; text-decoration: underline }
a:active.sousmenu { color: #334E4D}
a.sousmenu { color: #334E4D; text-decoration: none; font-size: 1em; }

.left {
	float: left;
	color: #FFF;
}
.legende_copy {
	float: left;
	color: #FFF;
	font-size:0.8em;
}
.titre1{
	font-size:1.1em;
}

.right {
	float: right;
	color: #000;
}

.line {border-bottom:1px solid #FFF;}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*MENU HAUT DE PAGE*/

#menu{
	position:absolute;
	top:62px;
	left:142px;
	background:url(../img/menu.gif) top left no-repeat; 
	height:20px;
	width:550px;
}
#menu li{
	float:left;list-style-type:none;
}
#menu li a{
	display:block;
	height:20px;
	text-decoration:none;
}
a#lien1{
	width:53px;
}
a#lien2{
	width:86px;
}
a#lien3{
	width:101px;
}
a#lien4{
	width:80px;
}
a#lien5{
	width:89px;
}
a#lien6{
	width:52px;
}
a#lien7{
	width:89px;
}


a#lien1:hover{
	background:url(../img/menu.gif) no-repeat 0 -20px;
}
a#lien2:hover{
	background:url(../img/menu.gif) no-repeat -53px -20px;
}
a#lien3:hover{
	background:url(../img/menu.gif) no-repeat -139px -20px;
}
a#lien4:hover{
	background:url(../img/menu.gif) no-repeat -240px -20px;
}
a#lien5:hover{
	background:url(../img/menu.gif) no-repeat -320px -20px;
}
a#lien6:hover{
	background:url(../img/menu.gif) no-repeat -409px -20px;
}
a#lien7:hover{
	background:url(../img/menu.gif) no-repeat -461px -20px;
}



#entete p,#entete h1,#entete_recherche p,#entete_recherche h1,#menu span,a span, .displaynone{
	display:none;
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#listres{
	margin-left:130px;
	padding:20px 0px 50px 20px;
	background-color:#fff7e2;
	overflow: auto;
	display: block;
	width: 630px;
	list-style-type:none;
	
}

#listres li {
display:block;
	line-height:1.5em;
	vertical-align:middle;
	border-bottom:1px solid #000;
	width:600px;
	padding-top:5px;
	font-size: 11px;
	}



#listres li a{
	

	color:#3d5988;
	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 a:hover span{
	display:block;
	position:fixed;
	margin-left:50%;
	margin-right:50%;
	top:155px;
	left:-373px;
}


#listres li p {
display:block;
vertical-align:middle;
line-height:1.5em;
}

#copy_liste{
	position:relative;
	margin-left:130px;
	width:650px;
	background:#fff7e2;
}

.title{
	width:600px;
	float:left;
	line-height: 40px;
	font-weight: bold;
}


.test{width:20px;
float:left;}
.artiste_dossier {width:92px;
float:left;
padding-right:10px;}


.artiste {width:120px;
float:left;
padding-right:10px;}

.titre {
	width:200px;
	float:left;
	padding-right:10px;
}
.titre_dossier {
	width:160px;
	float:left;
	padding-right:10px;
}
.ref {
	width:340px;
	float:left;
}


#listres_notice{
	margin: 0px 0px 0px 275px;
	padding:10px 20px 50px 15px;
	background-color:#fff7e2;
	text-align: left;
}

#listres_notice li a{
	display:block;
	width:30em;
	padding-top:4px;
	padding-bottom:4px;
	color:#3d5988;
	background-color:#3d5988;

	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 {
position:relative;
margin:0 20px 20px 0;
}


/*PAGE OUTILS_INDEX (ARBO)*/


#listres_outils_index{
	margin-left:190px;
	padding:10px 20px 50px 10px;
	background-color:#fff7e2;
	height: 100%;
}

#listres_outils_index li a{
	display:block;
	width:40em;
	padding-top:4px;
	padding-bottom:4px;
	color:#3d5988;
	text-decoration:none;
	line-height:2em;
	vertical-align:middle;
	border-bottom:1px solid #FFF;
	float: left;
}

#listres_outils_index li a:hover span{
	display:block;
	position:absolute;
	left:15px;
	top:30px;
}

#listres_outils_index li a em{
	color:#3d5988;
	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 {
position:absolute;
top:125px;
left:50%;
margin-left:-260px;
	width:190px;
	border:0px;
	z-index:01;
	}


/* FIN PAGE OUTILS_INDEX (ARBO)*/

/*/////DOSSIERS    gerer/////*/

#listres_arbo{
	display:block;
	margin-left:130px;
	padding:10px 20px 0 20px;
	background-color:#fff7e2;
	overflow:auto;
}

#listres_arbo li {
	display:block;
	color:#3d5988;
	line-height:2.5em;
	
	vertical-align:middle;
	padding-top:8px;
	padding-bottom:8px;
}

*html #listres_arbo li{width:600px; list-style-type:none;}

/* FIN /////gerer/////*/

/*/////DOSSIERS    Page VIGNETTE/////*/
/*placement des coches sur vign dossiers*/
.l1 {top:135px}.l2 {top:265px}.l3 {top:395px}.l4 {top:525px}.l5 {top:655px}
.c1 {left:148px}.c2 {left:268px}.c3{left:388px}.c4{left:508px}.c5{left:628px;}.c0{left:628px;}

#choix {width:auto;}

#choix3 {
display:inherit;
width:auto;
margin:0;
}

.test {
float:left;
position:relative;
margin-top:8px;
margin-right:8px;
margin-bottom:8px;
top:-5px
}

.brclear {
clear:both;
height:0;
margin:0;
font-size:1px;
line-height:0;

}

.haut {
	margin-left:130px;
	background-color:#fff7e2;
	font-size:0.9em;
}



/* FIN /////DOSSIERS    Page VIGNETTEr/////*/

#res{
	position:absolute;
	top:125px;
	left:50%;
	margin-left:-390px;
	width:780px;
	background:#FFF;
}



#res a:hover{
	color:#333;
	text-decoration:underline;
	background:none;
}

#res_notice{
	position:absolute;
	top:125px;
	left:50%;
	margin-left:-390px;
	width:780px;
	overflow:hidden;
	background-image:url("../img/fond2col4.gif");
	background-repeat:repeat-y;
	background-color: #003466;
	min-height: 100%;
}
*html #res_notice{
font-size:0.9em;
color:#000;
}

#res_notice a:hover{
	color:#000;
	text-decoration:underline;
	background:none;
}

#res_outils{
	position:absolute;
	top:125px;
	left:50%;
	margin-left:-390px;
	width:780px;
	background:#FFF;
}

#res2_outils{
	position:absolute;
	top:0px;
	left:340px;
	margin-left:-210px;
	width:650px;
	background-color:#3d5988;
	height: 100%;
}

#res2_outils a:hover{
	color:#000;
	text-decoration:underline;
	background:none;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////IMAGES//////////////////////////////////////////////////////////*/
/*//////////////////////////vignettes classiques///////////////////////////////*/

#vign {
	padding:15px 20px;
	margin-left:130px;
	background-color:#FFF7e2;
	display: block;
	overflow:auto;
}

*html #vign {padding:5px 20px}


#vign li a{
	color:#dbe2ff;
	text-decoration:none;
	}
	
#vign li a:hover{
	text-decoration:none;
	color:#3d5988;
	}

#vign li a:hover span{
	display:block;
	position:absolute;
	left:15px;
	top:30px;
	width:110px;
	color:#000;
	margin:0;
}

#vign li div {
position:absolute;
margin:0;
}

/*//////////////////////////vignettes page Rechercher///////////////////////////////*/

#vign2 {
	padding:5px 20px;
	 margin: 0px 0px 0px 130px;
	background-color:#3d5988;
	display: block;
	overflow:auto;
}


#vign2 li a{
	color:#3d5988;
	text-decoration:none;
	display:inline;
	}
	
#vign2 li a:hover{
	color:#FFF;
	text-decoration:none;
	display:inline;
}


#vign2 li a:hover span{
	display:block;
	position:absolute;
	left:10px;
	top:30px;
	width:110px;
	color:#000;
}

.vignette, .vignette2 {
	margin-right:20px;
	margin-bottom:30px;
	padding:2px;
	position: relative;
	float: left;
}

a:hover .vignette {
padding:2px;
background-color:#3d5988;}

a:hover .vignette2 {
padding:2px;
background-color:#dbe2ff;}

/*//////////////////////////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:#FFFFFF;text-align: left;}

.zoom div {
position: absolute;
width:100%;
top:50%;
margin-top:-300px;
text-align: center;
}

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

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////ensembles ////////////////*/
#ssmenu_ensemble {
position:absolute;
left:50%;
top:85px;
margin-left:-260px;
background-image:url(../img/ssmenu_ensemble.gif);
background-repeat:repeat-x;
width:630px;
height:60px;
padding:0px 10px;
line-height:19px;
z-index:90;
}

#res_ensemble{
	position:absolute;
	top:145px;
	left:50%;
	margin-left:-390px;
	width:780px;
	background:#FFF;
}

*html #res_ensemble{
font-size:0.9em;
color:#000;
}

#colonne_img_ensemble{
	
	position:absolute;
	left:50%;
	margin-left:-390px;
	width:130px;
	background:#FFF;
}
#colonne_img_ensemble img {
	
	position:absolute; 
	top:16px; 
	left:16px; 
	border: 1px  solid;
}
#visualisation_ensemble
{
	display: block;
	position:relative;
	width:130px;
	height:130px;
	background:#647AA0;

}

#figure_ensemble
{
	display: block;
	position:relative;
	width:130px;
	height:130px;
	background:#FFF;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////sous menus bicolores ////////////////*/

#ssmenu {
position:absolute;
left:50%;
top:85px;
margin-left:-260px;
background-image:url(../img/ssmenu.gif);
background-repeat:repeat-x;
width:630px;
height:40px;
padding:0px 10px;
line-height:19px;
z-index:90;
}



#ssmenu_dossiers {
	position:absolute;
	left:50%;
	top:85px;
	margin-left:-260px;
	background-color:#003466;
	width:630px;
	height:40px;
	padding:0px 10px;
	line-height:40px;
	z-index:90;
}

#ssmenu_notice {
position:absolute;
left:50%;
top:85px;
margin-left:-115px;
background-image:url(../img/ssmenu.gif);
background-repeat:repeat-x;
width:485px;
height:40px;
padding:0px 10px;
line-height:19px;
z-index:90;
}
#path_retour{
height:40px;
}
*html #path_retour {
font-size:11px;
color:#FFFFFF;
float: left;
}
#sous_path_retour{
	display: block;
	height:40px;
	clear: both;
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////Colonnes gauches ////////////////*/


#menugauche {
margin:10px;
text-align:right;
}

#colonnegauche {
background-color:#cccccc;
position:absolute;
top:85px;
	width:130px;
	height:40px;
	border:0px;
	z-index:01;
}

#colonnegauche_texte {
	position:absolute;
	top:85px;
	left:50%;
	margin-left:-390px;
	width:130px;
	border:0px;
	z-index:01;
}



#fondimage {
width:275px;
background-color:#FFF;
text-align:center;
border:none;
position:relative;
}

#img_notice {
width:auto;
padding:19px 0;
}

#legende {
margin:10px;
line-height:1em;
position:relative;
height:inherit;
width: 255px;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////// 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, #date3, #date4 {width: 91px;}

*html /*#inventaire, #inventaire2,*/  #date, #date2, #date3, #date4 {width:89px;}

#colgauche {
float:left;
width:500px;
color:#FFF;
}

#coldroite {
	left:500px;
	float:right;
	width:270px;
	background-color: #FFF;
	padding:10px 5px 10px 5px;
	overflow:auto;
	height:610px;
}

*html #coldroite {height:677px;}

#noscroll {
overflow:hidden;
}

#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:#003466;
	overflow:hidden;
}

#res2_recherche_index{
	position:relative;
	top:0px;
	margin-left:160px;
	height: 100%;
	padding:0 0 20px 0;
	width: 300px;
}
#res2_recherche_index a:hover{
	color:#666;
	text-decoration:underline;
	background:none;
}
#res2_recherche_index a{
	color:#FFF;
	font-size: 1em;
}
/*////// AIDE RECH /////*/

a.aide {font:1em Arial, Helvetica, sans-serif; font-weight:bold; color:#3d5988;}
a.aide:link {font-weight:bold; color:#3d5988}
a.aide:hover {color:#000; text-decoration:underline;}
a.aide:active {color:#000; text-decoration:underline;}

#aide li{
display:block;
list-style-image:url(../img/puce3.gif);
list-style-position:inside;
}

.remonter {text-align:right; font-size:0.7em; font-weight:normal;}

a.inerte {color:#000; text-decoration:none;}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/// Boutons de validation encadrés ///*/

#valid a.bouton {color:#FFF; border:1px solid; text-align:center; margin:auto; padding:3px;}
#valid a.bouton:link {color:#FFF;}
#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:#FFF;
padding:5px;
}

#valid2 a.bouton {color:#666; border:1px solid; text-align:center; margin:auto; padding:3px;}
#valid2 a.bouton:link {color:#666;}
#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:#666; text-decoration:none;}
#valid2 a.bouton2:active {color:#666; text-decoration:none;}

#valid2b a.bouton {color:#666; border:1px solid; text-align:center; margin:auto; padding:3px;}
#valid2b a.bouton:link {color:#666;}
#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:#666; text-decoration:none;}
#valid2b a.bouton2:active {color:#666; text-decoration:none;}

a.bouton {color:#666; border:1px solid; text-align:center; padding:2px;}
a.bouton:link {color:#666;}
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:#666; text-decoration:none;}
a.bouton2:active {color:#666; text-decoration:none;}

#valid2 {
margin-left:120px;
width:inherit;
color:#666;
padding:5px;
}

#valid2b {
margin-left:215px;
width:inherit;
color:#666;
padding:5px;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////fleches////////////////////*/

nav{
	float:right;
	margin-right:10px;
}

.nav a,#barrezoom a,.rang,.rang_img {
	float:left;
}

.rang,.rang_img{text-align:center;
line-height:21px;}


*html .rang {line-height:20px; color:#000;}
*html .rang_img {line-height:20px; color:#FFF;}

.deb,.fin{
	height:15px;
	width:16px;	
}
.pre,.sui{
	height:15px;
	width:12px;	
}
.deb{
	background:url(../img/debut.gif);
}
a.deb:hover{
	background:url(../img/debut-on.gif);
}
.pre{
	background:url(../img/fleche-g2.gif);
	background-repeat:no-repeat;
}
a.pre:hover{
	background:url(../img/fleche-g2-on.gif);
	background-repeat:no-repeat;
}
.sui{
	background:url(../img/fleche-d2.gif);
}
a.sui:hover{
	background:url(../img/fleche-d2-on.gif);
}
.fin{
	background:url(../img/fin.gif);
}
a.fin:hover{
	background:url(../img/fin-on.gif);
}

/*//////////////////*/

.deb2,.fin2{
	height:15px;
	width:16px;	
}
.pre2,.sui2{
	height:15px;
	width:12px;	
}
.deb2{
	background:url(../img/debut3.gif);
}
a.deb2:hover{
	background:url(../img/debut-on.gif);
}
.pre2{
	background:url(../img/fleche-g3.gif);
}
a.pre2:hover{
	background:url(../img/fleche-g2-on.gif);
}
.sui2{
	background:url(../img/fleche-d3.gif);
}
a.sui2:hover{
	background:url(../img/fleche-d2-on.gif);
}
.fin2{
	background:url(../img/fin3.gif);
}
a.fin2:hover{
	background:url(../img/fin-on.gif);
}


.plus {padding-right:74px;
float:right;}

*html .plus {padding-right:70px;}




/*/////// Figure notice   /////////*/

.figure {
	width:100px;
	margin-left:0px;
	margin-top: 10px;
	margin-right:10px;
	float:left;
	clear:none;
	line-height:normal;
}


.conteneur-figure {width:220px; margin-left:25px; clear:both;}

/*/////// FORMULAIRE RECHERCHE   /////////*/
#recherche-text {
position:relative;
left:667px;
top:36px;
width:49px;
font-size: 13px; font-weight: bold; color: #FFF7E2;}

/*#recherche {
position:relative;
left:689px;
top:8px;
width:20px;}*/
/*#recherche label {width:20px; height:10px;}*/
/*#recherche input {width:50px; color:#3d5988; height:9px; font-size:0.75em;}*/

#recherche {
	position:absolute;
	top:37px;
	left:716px;
	text-align:left;


}
#recherche  *{
display:inline;
margin:0;
padding:0;
width:auto;
color:#3d5988;
}

#catalogue {top:50px; width:36px; color:#3d5988; font-size: 13px; height:18px; }


#img_rech{
	position:absolute;
	display:inline;
	width:23px;
	height:17px;
	top:-2px;
	left:40px;
}

#valid_tom {
margin-left:165px;
width:121px;
height:20px;
color:#FFF;
padding:5px;
}

#valid_tom input {width:121px; height:20px}

#div_tom {
	position:relative;
	margin:0 20px 20px 0;
	display:block;
	page-break-inside:avoid;
}
.aiderecherche a:link, .aiderecherche a:visited{
	color:#3d5988;
}
.aiderecherche a:hover, .aiderecherche a:active,  .aiderecherche a:focus{
	color:black;
	text-decoration:underline;
}
.aiderecherche h3{
	color:#3d5988;
	font-size:1em;
	font-weight:bold;
}
.aiderecherche .sous-rubriques{
	color:#666;
	font-weight: bold;
	font-style: italic;
}
.aiderecherche .liensinternes	{
	color:#666666;
	font-weight:bold;
}
.aiderecherche h6{
	font-size: 0.9em;
}

.bottom 
{margin-bottom:20px;}

.justify 
{text-align:justify;
line-height:18px;}