div#loginTitle{
 background:#110fa1;
 background-image:none;
}

div.popup {
  background:#EDEFEF none repeat scroll 0 0;
  border:1px solid black;
  position: absolute;
  z-index:400;
}


.hidden {
  display: none;
  visibility: hidden;
}


.info{
  margin-top: 10px;
  font-style: italic;
 }

/* Corps des pages */

form{
  padding:0;
  margin:0;
}
html{
  height:100%;
}
body {
  margin: 0;
  padding: 0;
  border:0;
  font-family: Arial, Helvetica, sans-serif;
  background:#334244;
  height:100%;
}

img{
  border:0 ;
}


h1{
  color:#1190A1;
  font-size:1.2em;
  margin:0;
  padding:0 0 10px;
 }

/* Apparence par défaut des liens (visités ou non) */
a:link, a:active, a:visited  {
  text-decoration:none;
  color:#AFB0B0;
}
/* Apparence par défaut des liens survolés */
a:hover {
  color:#1190A1;
}
/* conteneur pour centrer la page ajout CA */
div#conteneur{
  width: 976px;
  margin: 0 auto;
  position: relative;
  text-align: left;
  background: #ffffff;
  /*	height:expression("100%");	 modif BG
     min-height: 100%; */
  overflow: visible;
}
/* header = logo + 1 ligne mosaique ajout CA */
div#header {
  clear: both;
  height: 112px;
  background-color: #334244;
  position:relative;
  padding-top:10px;
}

/* table#header {    */
/*  color:white; */
/*  font-size:0.7em; */
/* } */


/* positionnement logo ajout CA */
img.logoDecouverte{
  margin-top: 67px; /*82px;*/
}

/* ie6 hack */
* html img.logoDecouverte{
 position : absolute;
 margin-top: 57px;
}


#select_text{ 
color:#1190A1;
font-size:10pt;
font-weight:bold;
}

#search_box{
  margin-top: 80px;
 }

#legendePopup a:hover {
  color:white;
  text-decoration:underline;
}
/* div footer du contenu ajout CA */
div#footerContenu {
  clear: both;
}
/* div footer general ajout CA */
div#footer {
  clear: left;background-color: #334244;
}
/* Lien vers le haut de la page */
#lienTop {
  clear:both;
  width:100%;
  text-align:right;
}
/* Affichage des messages (par exemple : aucun objet pour la sélection en cours etc... */
.annotation {
  font-style:italic;
}

/* Texte en surbrillance, utilisé dans la recherche libre */
.highlightedText {
  background-color:black;
  color:white;
  font-weight:bold;
}

.bold{
  font-weight:bold;
 }


/* Message d'erreur */
.errorMsg {
  color:red;
  display:block;
  margin-bottom:10px;
}

/* Message de confirmation */
.okMsg {
  color:green;
  display:block;
  margin-bottom:10px;
}


/* add to album */
#add_to_album ul{
  padding-left:2em;
  margin-left:0;
}


#add_to_album ul li{
  list-style-image:url(images/icono/fleche_off_bleue.gif);
   padding: 3px;
  margin:0px;
 }

#add_to_album ul li a{
  color:#1190A1;
}

.popupContent{
 padding:1em;
}

.popupContent a,
.popupContent a:visited,
.popupContent a:hover{
  color: #1190A1;
 }


.basketCreator{
  font-size:.7em;
 }

#actions {
  color: white;
  text-align: right;
  font-size:.7em;
 }
#actions a{
  color: white;
 }

.close{
 text-align:right;
 padding-top:2px;
}


#folderSelectProposition,
#folderProposition{
  display: none;
 }

div#appMsg, div.appMsg {
  padding: 3px;
  font-size:95%;
  font-weight:bold;
}


/* ------------ Popups -------------- */
/* conteneur popup ajout CA*/
#conteneurPopup{
  background:#DEE2E2;
  width:100%;
  padding:3px 0 10px 16px;
}

/* Image contenue dans un popup */
#illustration {
  height:auto;
  padding:5px 0 5px 0;
}
/* Bloc contenant le texte expliquant comment fermer la fenêtre */
#indicationFermeture {
  float:right;
}
/* Bloc contenant la légende de l'image */
#legendePopup {
  font-size:.65em;
  margin-right:100px;
}
#legendePopup .copyright{ /* ajout CA */
  color:#334244;
}
#legendePopup #outils{
  float:right;
}
#legendePopup #outils #pictoFiche{
  padding-right:14px;
}
/* Liens dans la légende de l'image */
#legendePopup a:link, #legendePopup a:active, #legendePopup a:visited  {
  font-style:italic;
  font-size:0.8em;
  color:white;
}
#legendePopup a:hover {
  color:white;
  text-decoration:underline;
}

/* ------------ Popup liste termes recherche -------------- */
/* conteneur popup ajout CA*/
#conteneurPopupListe{
  background:#DEE2E2;
  width:100%;
  padding:3px 0 10px 16px;
}
#conteneurPopupListe a:link,#conteneurPopupListe a:visited{color:#4C6063}
#conteneurPopupListe a:hover{color:#02C3DC}

#contenuPopupListe{
  width:372px !important;
  width:375px;
}
#contenuPopupListe h1{
  font-weight:bold;margin:0;padding:0;
  font-size:1.25em;
  color:#1190A1;padding:10px 0 15px 0;
}
#contenuPopupListe #controles{
  letter-spacing:1px;
  position:relative;
  font-size:.65em;
  font-weight:bold;
}
#contenuPopupListe #listeAlphabet
{
  position:relative;
  width:311px;
  margin-left:56px;
  padding:0 0 0 5px;
  border-bottom:1px solid #4C6063;
}
#contenuPopupListe #tout
{
  float:left;padding:0 0 0 3px;
  border-bottom:1px solid #4C6063;width:40px;
  position:relative;
}
#contenuPopupListe .filetVertical{
  border-left:1px solid #4C6063;height:6px;
  overflow:hidden;left:0;bottom:-1px;
  position:absolute;
}
#contenuPopupListe #nbReponses{
  padding:10px 0 0 0;
  border-bottom:1px solid #4C6063;
  width:100%;
  color:#4C6063;font-weight:bold;font-size:.65em;
}
#contenuPopupListe ul
{
  margin:5px 0 5px 0;
  float: left;
  padding: 0;
  list-style: decimal inside;
}
#contenuPopupListe li
{
  margin: 0;
  padding: 4px 0 3px 0;
  font-size:.65em;
  font-weight:bold;
  color:#2C9BAA;
}
#contenuPopupListe #liste a:link,
#contenuPopupListe #liste a:visited
{
  color:#2C9BAA;
}
#contenuPopupListe #liste a:hover
{
  color:#02C3DC;
}
#contenuPopupListe #controlesBas
{
  clear:both;
  padding:2px 0 0 0;
  border-top:1px solid #4C6063;
  width:100%;
  font-size:.65em;
  font-weight:bold;
}
#contenuPopupListe #controlesBas #left
{
  float:left;
}
#contenuPopupListe #controlesBas #right
{
  float:right;
}
#contenuPopupListe #controlesBas #pages
{
  margin:0 25px 0 25px;
}
#conteneurPopupListe #fermer{
  position:absolute;
  top:530px;
  font-size:.7em;
  font-weight:bold;
}

/* ------------ Menu principal -------------- */

/* Boite de recherche */
#tsearch{
  margin: 1.5em 0 1em;
 }

.searchMessage{
  line-height:1.5em;
 }

#norql{
  background:#EDEFEF;
  width:13em;
  height:1.5em;
  vertical-align:middle;
  border:1px solid gray;
  font-size:11px;font-family:Arial,Helvetica,sans-serif;
}

input#rqlboxsubmit{
  background: #EDEFEF url(images/icono/go.gif) no-repeat scroll 50% 50%;
  border:1px solid gray;
  width: 20px;
}


ul.proposition{
 list-style-image:url(images/icono/fleche_off_bleue.gif);
 line-height:1.5em;
}

#advancedSearchTitle a{
  font-size:0.65em;
 }

div#leftcol {
 width: 225px; /* FIXME */
 float: left;
 padding: 0px 10px;
}

div#leftcol select {
  width: 225px;
  overflow: hidden;
}

/* Bloc menu principal */
#menuPrincipal {
  width:225px;
  padding:41px 0 0 10px;
  overflow:hidden;
}
/* Affichage en liste du menu principal -- ajout CA */
#menuPrincipal ul{
  list-style:none;
  margin:0;padding:0;
}
#menuPrincipal ul li{
  float:left;width:100% !important;
  width:210px;
  text-transform: uppercase;/* Ajout BG : passage en carateres majuscules pour les titres */

}
#menuPrincipal ul ul{
  padding:0 0 0 16px;
}
#menuPrincipal ul ul ul{
  padding:0;
}
#menuPrincipal ul ul ul li{
  background-image:url(images/icono/fleche_off.png);
  background-repeat:no-repeat;
  background-position:0 5px;
  padding:0 0 0 16px;
  text-transform:none; /* Ajout BG : remettre en caracteres normaux */
}
#menuPrincipal ul ul ul li.fleche{
  background-image:url(images/icono/fleche_on.png) ;
  background-repeat:no-repeat;
}
#menuPrincipal ul ul ul ul li{
  background:transparent none no-repeat scroll 0% 50%;
  padding:0 0 0 25px;			/* Modif BG : indentation du quatrieme niveau pour l'aligner avec le troisieme */
}
#menuPrincipal ul ul ul ul ul li{
  background:transparent none no-repeat scroll 0% 50%;
  padding:0 0 0 33px;			/* Modif BG : indentation du quatrieme niveau pour l'aligner avec le troisieme */
}
#menuPrincipal ul ul ul ul ul ul li{
  background:transparent none no-repeat scroll 0% 50%;
  padding:0 0 0 40px;			/* Modif BG : indentation du quatrieme niveau pour l'aligner avec le troisieme */
}
/* Liens du menu principal -- display block pour souligner tout du long -- ajout CA */
#menuPrincipal ._album {
  display: none;
}
#menuPrincipal a{
  display:block;
  text-decoration:none;
  font-weight:bold;
  font-size:0.55em;
  line-height:1.7em;
  min-height:15px;
  padding-top:.1em !important;
  padding-top:0;
}
/* Affichage des liens en fonction de leur état */
#menuPrincipal a:link, #menuPrincipal a:active, #menuPrincipal a:visited  {
  color:#AFB0B0;
  border-bottom:1px solid #AFB0B0;
}
#menuPrincipal a:hover {
  color:#02C3DC;
  border-bottom:1px solid #02C3DC;
}

#menuPrincipal a.lienOn, #menuPrincipal a.lienOn_album{
  color:#334244;
  border-bottom:1px solid #334244;
}
#menuPrincipal ul ul ul ul li a:link, #menuPrincipal ul ul ul ul li a:active, #menuPrincipal ul ul ul ul li a:visited , #menuPrincipal ul ul ul ul li a:hover{
  border-bottom:none;
  line-height:1.3em;
  min-height:12px;
}


#filterbox{
  margin-bottom: 2em;
 }


#filter_box {
  border: 1px solid #26ADC0;
  margin: 0.3em 0.3em 1em 0.3em;
  width:70%;
}

#filter_box div.boxTitle { /** XXX adim: same as #nomSelection **/
  color:#ffffff;
  background:#26ADC0;
  font-size:.69em;
  font-weight:bold;
  padding:3px 2px;
  text-transform:uppercase;
}

#filter_box div.boxContent {
  font-size: 0.76em;
}

/* boxes */
div.boxTitle{
 color:#1190A1;
 font-size:75%;
 font-weight:bold;
 margin:0.5em 0px;
 padding:0.15em;
 text-transform:uppercase;
 }

div.greyBoxFrame,
div.boxFrame{
 margin-bottom:2em;
}

ul.boxListing ,
ul.sideBox {
 margin-top:0.5em;
 margin-left:0;
 padding-left:1.5em;
}

ul.boxListing li,
ul.sideBox li{
  color: #AFB0B0;
/*  color: #1190A1; */
 font-size:0.8em;
 list-style-image:url(images/icono/puce_grey.png);
 }


ul.boxListing li li,
ul.sideBox li li{
 font-size:100%;
 padding-left:0.5em;
}


ul.boxListing li ul,
ul.sideBox li ul{
 padding-left:2em;
}


div.shadow{
 display:none;
 }

/* ------------ Contenu des pages -------------- */

/* Contenu des pages hors menu principal */
#contenuPage {
  margin: 0 0 0 270px;
/*  position:relative; FIXME does it serve anymore ? if set; introduces tabs bug in IE6 */

}

/* ------------ Titres des rubriques -------------- */

/* Titre de fonctionnalité (Navigation dans les thématiques, recherche par musées etc...) */
#titreFonctionnalite {
  font-size:0.65em;
  font-weight:bold;
  color:#2297A8;
  /*float:left;*/
  border-bottom:1px solid #2297A8;
  width:160px;
  line-height:1.2em;
}
.nonSouligne{ /* Ajout CA - parfois titre fonctionnalite ne doit pas etre souligne (dans recherche_musees) */
  border:none !important;
}
/* Sous titre de fonctionnalité (Recherche libre...) */
.soustitreFonctionnalite {
  font-size:.65em;
  font-weight:bold;
  color:#334244;
  margin:-1px 0 1px 174px;width:510px;
  border-bottom:1px solid #334244;line-height:1.2em;
}

/* Options de recherches suivantes  Ajout BG*/
.menu1Fonctionnalite {
  font-size:.65em;
  font-weight:bold;
  color:#334244;
  margin:-1px 0 1px 174px;
  width:245px;
  border-bottom:1px solid #334244;
  line-height:1.2em;
}
/* Options de recherches suivantes  Ajout BG*/
.menu2Fonctionnalite {
  font-size:.65em;
  font-weight:bold;
  color:#334244;
  margin:-15px 0 1px 430px;
  width:245px;
  border-bottom:1px solid #334244;
  line-height:1.2em;
}
/* ------------ Accueil -------------- */

/* Apparence des liens de la page d'accueil */
.liensAccueil a:link, .liensAccueil a:visited, .liensAccueil a:active {
  text-decoration:none;
  font-weight:bold;
  font-size:1.2em;
  color:black;
}
.liensAccueil a:hover {
  text-decoration:underline;
  color:#888888;
}
/* positionnement lien portail sur accueil ajout CA */
#divlienPortail{
  position:absolute;bottom:10px;
  /* background-image:url(images/icono/flecheblanche.png); */
  background-repeat:no-repeat;
  background-position:0 10px;
  background-image:url(images/icono/fleche_roll.png)
}
#divlienPortail:hover{
  position:absolute;bottom:10px;
  background-image:url(images/icono/fleche_roll.png);
  background-repeat:no-repeat;
  background-position:0 10px;
}
a.lienPortail:link{
  font-size:.6em;font-weight:bold;margin-left:20px;color:#000000;
}
a.lienPortail:link, a.lienPortail:visited, a.lienPortail:active { /*ajout CA */
  font-size:.6em;font-weight:bold;margin-left:20px;color:#000000;
}
a.lienPortail:hover{ /*ajout CA */
  color:#02C3DC;
}

/* ------------ Toutes les oeuvres avec photo -------------- */

/* Conteneur des liens de la page toutes les oeuvres avec photo */
#conteneurLien {

}

/* Conteneur de la mosaïque */
#conteneurMosaique {

}

/* Conteneur de la liste des fiches minimales */
#conteneurListeFichesMinimales {

}

/* ------------ Paniers -------------- */
#conteneurFormPanier{ /*ajout CA */
  float:left;
  width:194px;
  padding-top: 131px;
}
#titreFonctionnalitePanier { /*ajout CA */
  font-size:0.55em;
  font-weight:bold;
  color:#2297A8;
  border-bottom:1px solid #2297A8;
  width:193px;
  line-height:1.2em;
}
#conteneurFormPanier .input { /*ajout CA */
  border:1px solid #DFDFCD;
  width:192px;height:15px;
  font-size:.7em;
}
#conteneurFormPanier label { /*ajout CA */
  display:block;
  font-size:.65em;font-weight:bold;
  padding:5px 0 2px 0;
}
#conteneurFormPanier #boutonValid { /*ajout ca */
  width:94px;background:#27ACC0;color:#ffffff;font-size:10px;
  margin:10px 0 10px 0;
  padding:2px 0 2px 0;
  border:0;
  float:right;
}
#conteneurFormPanier #choixBottom{ /* ajout CA */
  width:100%;
  border-top:1px solid #2297A8;
  margin:10px 0 0 0;
  font-size:0.65em;
  font-weight:bold;
  display: block;
  clear: right;
}
#conteneurFormPanier #choixBottom a:link,  /* ajout CA */
#conteneurFormPanier #choixBottom a:visited
{
  color:#000000;
}
#conteneurFormPanier #choixBottom a:hover
{
  color:#02C3DC;
}
#conteneurFormPanier #statut{
  font-size:.65em;font-weight:bold;
  padding-bottom:10px;
}
#conteneurFormPanier #statut a:link,  /* ajout CA */
#conteneurFormPanier #statut a:visited
{
  color:#000000;
}
#conteneurFormPanier #statut a:hover
{
  color:#02C3DC;
}

#conteneurFormPanier #avertissement{/* Ajout BG */
  font-size:.65em;
  color:#B0B0B0;
  padding:10px 0 0 0;
  clear:both;
}
/* Message d'erreur */
#conteneurFormPanier #errorMsg {/* Ajout BG */
  color:red;
  display:block;
  margin-bottom:10px;
  font-size:.65em;
}
/* Message de confirmation */
#conteneurFormPanier #okMsg { /* Ajout BG */
  color:green;
  display:block;
  margin-bottom:10px;
  font-size:.65em;
}

/* Menu de la rubrique paniers */
#menuPaniers ul a{
  display:block;
  text-decoration:none;
  /*font-size:0.7em;	 modif BG
     line-height:1.5em;
     min-height:15px;
     padding-top:.1em !important;
     padding-top:0; */
}
#menuPaniers ul{ /* ajout CA */
  list-style:none;
  margin:0;padding:0;
}
#menuPaniers li{ /* ajout CA */
  float:left;
  width:100%;
  color:#AFB0B0;	/* ajout BG */
  font-size:0.7em;	/* ajout BG */
  line-height:1.5em;	/* ajout BG */
  min-height:15px;	/* ajout BG */
  padding-top:.1em !important;	/* ajout BG */
  padding-top:0;	/* ajout BG */
  border-bottom:1px solid #AFB0B0;	/* ajout BG */
}
#menuPaniers a:link, #menuPaniers a:active, #menuPaniers a:visited { /* ajout CA */
  color:#AFB0B0;
  /*border-bottom:1px solid #AFB0B0; */	/* modif BG */
}
#menuPaniers a:hover {
  color:#02C3DC;
  /*border-bottom:1px solid #02C3DC; */ /* modif BG */
}
/* Conteneur du tableau regroupant les paniers de l'utilisateur */
#tableauPaniers {
  width:434px;
}
#tableauPaniers h1{ /* Ajout CA */
  font-size:1.1em;
  color:#334244;
}
#tableauPaniers .enregistree{ /* Ajout CA */
  font-size:1.1em;
  color:#27ACC0;
}
#tableauPaniers #controles{ /* Ajout CA */
  border-bottom:1px #C0C0C0 solid;
  height:1em;
  padding-top: 30px;
}
#tableauPaniers #nbreObjets{ /* Ajout CA */
  display:inline;float:left;
  font-size:.65em;color:#AFB0B0;font-weight:bold;
}
#tableauPaniers #pagesSuivantes{ /* Ajout BG */
  display:inline;float:left;
  font-size:.65em;color:#AFB0B0;font-weight:bold;
  margin-left:15px;
}
#tableauPaniers #controles #btns{/* Ajout CA */
  height:1em;
  float:right;
}
#tableauPaniers #controles #btns #btn{/* Ajout CA */
  border:0;height:10px;
  background:#B0B0B0;padding:1px 10px 4px 10px;
  font-size:0.65em;font-weight:bold;
  margin:0 0 0 2px;
  height:1em;
  display:inline;
}
#tableauPaniers #controles #btns #btn a:link,
#tableauPaniers #controles #btns #btn a:visited {/* Ajout CA */
  color:#ffffff;
}
#tableauPaniers #controles #btns #btn a:hover {/* Ajout CA */
  color:#45D3E5;
}
#tableauPaniers #controles #btns #btn input{ /* Ajout BG */
  background:#B0B0B0;
}
#tableauPaniers #controles #btns #btn input:link,
#tableauPaniers #controles #btns #btn input:visited {/* Ajout BG */
  color:#ffffff;
}
#tableauPaniers #controles #btns #btn input:hover {/* Ajout BG */
  color:#45D3E5;
}
#tableauPaniers #caption1, #tableauPaniers #caption2, #tableauPaniers #caption3, #tableauPaniers #caption4{/* Ajout CA */
  border-bottom:1px #27ACC0 solid;
  color:#27ACC0;
  background-image:url(images/icono/petitfiletverticalbleu.png) no-repeat right bottom;
  float:left;
  font-size:.65em;font-weight:bold;
  height:1.2em;
}
#tableauPaniers #caption{/* Ajout CA */
  padding:6px 0 6px 0;
}
#tableauPaniers input{ /* Ajout CA */
  margin:0;
}
#tableauPaniers #caption1, #tableauPaniers #ligneCell1{/* Ajout CA */
  width:24px;
}
#tableauPaniers #caption2, #tableauPaniers #ligneCell2{/* Ajout CA */
  width:174px;margin-left:8px;
}
#tableauPaniers #caption3, #tableauPaniers #ligneCell3{/* Ajout CA */
  width:106px;margin-left:8px;
}
#tableauPaniers #caption4, #tableauPaniers #ligneCell4{/* Ajout CA */
  width:106px;margin-left:8px;
}
#tableauPaniers #ligne{/* Ajout CA */
  border-bottom:1px #B0B0B0 solid;
  color:#000000;
  font-size:.7em;
  background-image:url(images/icono/petitfiletvertical.png);
  background-repeat:no-repeat;
  background-position:right bottom;
  padding:6px 0 6px 0;
  float:left;
}
#tableauPaniers #vide{/* Ajout CA */
  border-bottom:1px #B0B0B0 solid;
  color:#C0C0C0;
  font-size:.7em;
  padding:6px 0 2px 0;
  float:left;
  width:434px;
}
#tableauPaniers #ligneCell1,#tableauPaniers #ligneCell2, #tableauPaniers #ligneCell3, #tableauPaniers #ligneCell4{/* Ajout CA */
  float:left;
}
#tableauPaniers #avertissement{/* Ajout CA */
  font-size:.65em;
  color:#B0B0B0;
  padding:10px 0 0 0;
  clear:both;
}
#tableauPanierEnCours #caption1, #tableauPanierEnCours #ligneCell1{/* Ajout CA */
  width:24px;
}
#tableauPanierEnCours #caption2, #tableauPanierEnCours #ligneCell2{/* Ajout CA */
  width:55px;margin-left:8px;
}
#tableauPanierEnCours #caption3, #tableauPanierEnCours #ligneCell3{/* Ajout CA */
  width:105px;margin-left:8px;
}
#tableauPanierEnCours #caption4, #tableauPanierEnCours #ligneCell4{/* Ajout CA */
  width:225px;margin-left:8px;
}
#conteneurDeconnexion{/* Ajout CA */
  width:690px;position:relative;
}
#conteneurDeconnexion #lien{/* Ajout CA */
  position:absolute;right:0;font-size:.6em;font-weight:bold;
}
#tableauPaniers table {
  background-color:black;
  width:90%;
  border-spacing:1px;
}

#tableauPaniers td {
  background-color:white;
}

#tableauPaniers th {
  background-color:#cccccc;
}

/* Conteneur du tableau de contenu du panier */
#panier {
  width:70%;
  position:relative;
  float:right;
  margin-bottom:20px
}

#panier table {
  background-color:black;
  width:90%;
  border-spacing:1px;
}

#panier td {
  background-color:white;
}

#panier th {
  background-color:#cccccc;
}

/* Conteneur du formulaire d'authentification pour la création de paniers */
#formLoginPaniers {
  width:60%;
  padding:10px;
}



/* ------------ Menu des thématiques -------------- */

/* Bloc menu des thématiques */
#menuThematiques {
  width:30%;
  height:800px;
  float:left;
  background-color:#cccccc;
}

/* Thématique actuellement selectionnée */
#menuThematiques #currentThem {
  background-color:white;
}

/* Thématique Best OF */
#menuThematiques .thBestOf {
  background-color:red;
}

/* Liste des thématiques dans le menu */
#menuThematiques ul {
  list-style: none;
}

/* Aspects des liens du menu des thématiques */
#menuThematiques a:link, #menuThematiques a:active, #menuThematiques a:visited  {
  text-decoration:none;
  font-weight:bold;
  font-size:0.8em;
  color:black;
}

#menuThematiques a:hover {
  text-decoration:underline;
  color:#444444;
}

/* ------------ Corps des thématiques -------------- */

/* Partie gauche de la page contenant le titre de la thématique, le texte etc... */
div.corpsThematique {
  margin:10px 0 0 0;width:706px;
  background:#ffffff;
}

/* Liste des musées permettant de filtrer les objets de la thématique */
div.corpsThematique #listeMusees {
 width:470px;
}

div.corpsThematique #presentationMusee #textePresentationThematique{
  float:none;
}
div.corpsThematique #presentationMusee{
  float:left;
}
div.corpsThematique #presentationMusee #listeMusees { /* ajout CA */
  padding:3px 0 0 0;
  color:#AFB0B0;font-size:.55em;font-weight:bold;line-height:1.5em;
}
div.corpsThematique #presentationMusee #listeMusees #liens ul{
  color:#1190A1;
  list-style:none;
  list-style-image:url(images/icono/fleche_off.png);
}
/* Lignes permettant d'éviter les débordements de blocs flottants dans la liste des musées */
div.corpsThematique #listeMusees hr {
  clear: both;
  visibility: hidden;
  margin:0px;
}

.tabTitle{
 clear:right;
 color:#1190A1;
 font-size:0.9em;
 font-weight: bold;
 margin:10px 0px;
 width:90%;
}


.aide { /*Ajout CA*/
  float:right;
  background:#AFB0B0;
  padding:0 3px 0 3px;
  color:#fff;
}

ul.thematic{
 margin:-10px 0px 10px 0px;
 padding:0px;
 color:#2297A8;
 line-height:20px;
 list-style:none;
}

ul.thematic li a{
 background:url(images/icono/fleche_off_bleue.gif) no-repeat 0% 50%;
 padding-left:20px;
}

ul.thematic li .responsible a {
  background: none;
  padding-left:0;
}

div.thematicTitle {
  font-size:0.7em;
  font-weight:bold;
  color:#2297A8;
  line-height:1.2em;
  text-transform:uppercase;
  padding-top: 15px;
 }

/* Ligne de la liste des musées */
.ligneMusee{
  margin-left: 20px;
}

#aithematic{
  margin-bottom: 10px;
 }

.ligneMusee a, #aithematic a{
  font-size:0.7em;

}

.subthematic{
margin-left: 20px;
 }
.subthematic a{
  color: #1190A1;
  font-size:0.65em;
 }

/* #88E2DF */
#listeMusees .lienObjets a:link,
#listeMusees .lienObjets a:active,
#listeMusees .lienObjets a:visited{
  color:#88E2DF;
}

#listeMusees .lienObjets a:hover{
  color:#45D3E5;
}

/* Titre d'une thématique */
.titreThematique {
  font-size:1.3em;
  font-style:italic;
}

/* Conteneur de l'image d'une thématique (illustration à part) */
#illustrationThematique {
  text-align:center;
  width:25%;
}

/* Image d'illustration d'une thématique */
#illustrationThematique img {
  width:100%;
  border:0px;
}

/* titre thématique ajout CA */
div.corpsThematique h1{
  margin:0;padding:0 0 10px;
  color:#1190A1;
  font-size:1.2em;

}


#thematicLinks{
  clear:both;
  width:470px;
  margin-bottom:10px;
}


/* Bloc des liens de fonctionnalité des thématiques (Voir les fiches avec photo ...) */
#liensFonctionnalitesThematiques {
  width:178px;float:right;padding:0 32px 0 0;
}
#liensFonctionnalitesThematiques .chapeau{ /* ajout CA */
  width:178px;height:5px;
  border-top:1px solid #c0c0c0;
  border-left:1px solid #c0c0c0;
  line-height:5px;
  margin-top:3px;
}
#liensFonctionnalitesThematiques .conteneurBtnFiche,
#liensFonctionnalitesThematiques .conteneurBtnFicheMusees,  /* ajout BG */
#liensFonctionnalitesThematiques .conteneurBtnFicheRech,  /* ajout BG */
#liensFonctionnalitesThematiques .conteneurBtnFichePhotos{ /* ajout CA */
  width:178px;
}
#liensFonctionnalitesThematiques .conteneurBtnFiche a,
#liensFonctionnalitesThematiques .conteneurBtnFicheMusees a,
#liensFonctionnalitesThematiques .conteneurBtnFicheRech a,
#liensFonctionnalitesThematiques .conteneurBtnFichePhotos a {/* ajout CA */
  display:block;
  margin:0 0 0 5px;
  height:23px;
  text-decoration:none;
  font-weight:bold;
  font-size:0.55em;
}
/* Affichage des liens en fonction de leur état */
#liensFonctionnalitesThematiques .conteneurBtnFiche a{
  background:transparent url(images/icono/picto_fiche_off.png) no-repeat top right;
}

#liensFonctionnalitesThematiques .conteneurBtnFiche a:link,
#liensFonctionnalitesThematiques .conteneurBtnFiche a:active,
#liensFonctionnalitesThematiques .conteneurBtnFiche a:visited,
#liensFonctionnalitesThematiques .conteneurBtnFichePhotos a:link,
#liensFonctionnalitesThematiques .conteneurBtnFichePhotos a:active,
#liensFonctionnalitesThematiques .conteneurBtnFichePhotos a:visited,
#liensFonctionnalitesThematiques .conteneurBtnFicheMusees a:link,
#liensFonctionnalitesThematiques .conteneurBtnFicheMusees a:active,
#liensFonctionnalitesThematiques .conteneurBtnFicheMusees a:visited {
  text-decoration:none;
  font-weight:bold;
  color:#AFB0B0;
}
#liensFonctionnalitesThematiques .conteneurBtnFiche a:hover{
  color:#45D3E5;
  background-image:url(images/icono/picto_fiche_on.png);
}
#liensFonctionnalitesThematiques .conteneurBtnFichePhotos a{
  background:transparent url(images/icono/picto_fichephoto_off.png) no-repeat top right;
}
#liensFonctionnalitesThematiques .conteneurBtnFichePhotos a:hover{
  color:#45D3E5;
  background-image:url(images/icono/picto_fichephoto_on.png);
}
#liensFonctionnalitesThematiques .conteneurBtnFicheMusees a{
  background:transparent url(images/icono/picto_fichemusees_off.png) no-repeat top right;
}
#liensFonctionnalitesThematiques .conteneurBtnFicheMusees a:hover{
  color:#45D3E5;
  background-image:url(images/icono/picto_fichemusees_on.png);
}
#liensFonctionnalitesThematiques .conteneurBtnFicheRech a{
  background:transparent url(images/icono/picto_recherche_off.png) no-repeat top right;
}
#liensFonctionnalitesThematiques .conteneurBtnFicheRech a:hover{
  color:#45D3E5;
  background-image:url(images/icono/picto_recherche_on.png);
}
/* ------------ Fiches minimales -------------- */

/* Lien vers page précédente */
#lienRetourFichesMinimales {
  margin:10px;
}

/* Affichage des comptes d'objets */
.compteObjets {
  color:#AFB0B0;
  font-size:.6em;
  width:160px;float:left;
  margin:7px 0 0 0;
  font-weight:bold;
}

/* Barre qui s'affiche au moment d'une sélection pour ajouter plusieurs fiches à sa sélection */
#barreControleSelection {
  clear:both;
  margin:15px 0 0 0;line-height:1em;
  border-bottom:1px solid #AFB0B0;
}
/* Élement de la barre de contrôle de sélection */
#barreControleSelection .menuItem {

}
/* Élement de la barre de contrôle de sélection Ajout CA*/
#barreControleSelection .menuCol2 {
  margin:0 0 0 320px;width:370px;
}
/* Élement de la barre de contrôle de sélection Ajout CA */
#barreControleSelection .menuItem1 {
  float:left;
  width:310px;
  font-size:.6em;
  font-weight:bold;
}
#barreControleSelection .menuItem2 {
  font-size:.6em;font-weight:bold;
}
#barreControleSelection .menuItem3 {
  float:right;
}
#barreControleSelection input{
  background:#ffffff;font-size:.6em;font-family:Arial, Geneva, sans-serif;color:#AFB0B0;
  margin:0;padding:0;border:0;text-align:right;vertical-align:top;font-weight:bold;
}
#barreControleSelection input:hover{
  color:#02C3DC;
}


#createAccount{
  margin-left: 10px;
  font-size: 0.7em;
 }

#proposition,
div.rss_link,
.albumlist{
  font-size:0.7em;
  margin: 5px 0 5px 0px;
 }


.album{
  margin: 10px;
  color: #1190A1;
 }

.album a{
  color: #1190A1;
  font-size:75%;
 }

#proposition,
.album,
.albumlist .menuContent a.popupMenu{
  background:transparent url(images/icono/fleche_off_bleue.gif) no-repeat scroll 0 50%;
  color: #1190A1;
 }

#createAccount a,
#proposition a,
div.rss_link a{
  /* IE6 fix*/
  background:transparent url(images/icono/fleche_off_bleue.gif) no-repeat scroll 0 50%;
  color: #1190A1;
  display:block;
  padding-left:2em;
 }

/* Barre contenant le changeur de pages, les  critères de tri ... */
.barreControleFiches {
  padding:10px 0 20px 0;
  color:#AFB0B0;
  height:16px;
  font-weight:bold;
  display:block !important;
  display:inline;
  width:700px;
  border-bottom:1px solid #AFB0B0;
}

/* Élement de la barre de controle des fiches */
.barreControleFiches .menuItem {

}
/* Formulaire dans la barre de contrôle des fiches ( contenant selecteur de tri) */
.barreControleFiches .allerPage {/* ajout CA */
  float:right;
  margin-right:10px;
}
.barreControleFiches .allerPage .intitule{/* ajout CA */
  font-size:.6em;font-weight:bold;
}
.barreControleFiches .allerPage select,
.barreControleFiches .conteneurChangeurPage select { /* ajout CA */
  color:#AFB0B0;background-color:#E5E7E7;font-size:.6em;
  margin-bottom:1px;padding-bottom:1px;font-weight:bold;
}
.barreControleFiches .conteneurChangeurPage{
  padding:0;margin:0;
}
.barreControleFiches .conteneurChangeurPage form input{
  font-size:.6em;background:#ffffff;color:#AFB0B0;
  margin-bottom:1px;font-weight:bold;
}
/* div avec coin bas (border en bas, petit filetvertical en background a gauche) ajout CA */
.barreControleFiches .coinbasTri{
  padding:0 4px 0 3px;margin:0 6px 0 0;
}
.barreControleFiches .coinbasCombo{/* ajout CA */
  display:inline;padding:0 0 0 1px;margin:0 5px 2px 0;
}
.barreControleFiches .coinbasAller{
  display:inline;padding:0 4px 0 3px;margin-right:6px;
}
.barreControleFiches .conteneurChangeurPage{/* ajout CA */
  float:left;
  background:#ffffff;
  color:#AFB0B0;
  /*margin-top:10px;*/
}

.souligneBG{/* ajout CA */
  background:#ffffff url(images/icono/petitfiletvertical.png) no-repeat left bottom;
  border-bottom:1px solid #AFB0B0;
}
/* Bloc contenant tous les contrôles permettant de changer de page */
.barreControleFiches .changeurPage {
  margin-left: 14px;
  padding:0 0 0 4px;
  word-spacing: 2px;
  font-size:.6em;line-height:1em;
  color:#02C3DC;font-weight:bold;
}
.barreControleFiches .changeurPage .flPrecedente,
.barreControleFiches .changeurPage .flSuivante
{ /*Ajout CA */
  padding-left:4px;
}
/* Élement permettant de changer de page CA : on peut virer, remplace par word-spacing*/
.changeurPage .menuItem {
  margin-left:4px;
  color:#02C3DC; /* ajout BG */
}

/* Formulaire dans la barre de contrôle des fiches ( contenant selecteur de pages) */
.changeurPage {
  display:inline;
}

/* Bloc contenant toutes les fiches minimales d'une page */
#listeFichesMinimales {
  clear:both;
}

/* Fiche minimale */
.ficheMinimale {
  margin:0;
  width:700px;
  border-bottom:1px solid #AFB0B0;
}

/* Case permettant de sélectionner la fiche en mode sélection */
.ficheMinimale .checkboxFiche {
  width:25px;border:0;float:left;vertical-align:top;line-height:2px;height:1px;
}
.checkbox{
  padding:0;margin:0;border:0;
}



/* Lignes permettant d'éviter les débordements dans les fiches */
.ficheMinimale .corpsFicheMinimale hr {
  visibility:hidden;
}
/* Conteneur de la miniature */
.ficheMinimale .miniature {
  width:150px;
  float:left;
  margin:2px 0 0 0
}

/*table.ficheMinimale td{
 padding:6px 0px;
 vertical-align:top;
}*/

/* Conteneur de la miniature */
.ficheMinimale .miniature a{
  width:150px;
  float:left;
  font-size:0.7em;
  color:#1190A1;
}
/* Conteneur des champs affichés dans la fiche */
.ficheMinimale .champsFiche {
  width:515px;
  float:left;
}
/* liste dans la fiche dl ajout CA */
.ficheMinimale .champsFiche dl{
  width:100%;margin:0;padding:0;font-size:.65em;
}
/* liste dans la fiche dt ajout CA */
.ficheMinimale .champsFiche dt{
 margin: 2px 0 0 0;
 clear:left;
 color:#AFB0B0;
 float:left;
 font-weight:bold;
 height:2em;
 width:135px;
}
.ficheMinimale .champsFiche dd { /* liste dans la fiche dd ajout CA */
  clear:none;
  color:#334244;
  height:2em;
  margin:2px 0 0 0;
  padding:0;
  text-align:left;
  vertical-align:top;
  width:350px;
}

/* titre des champs de description dans la fiche */
td.champFicheLabel {
 margin: 2px 0 0 0;
 color:black;
 font-weight:bold;
 width:135px;
 padding:2px 0px;
 vertical-align:top;
 font-size:.65em;
}

/* valeurs des champs de description de la fiche */
td.champFicheValue {
  color:#334244;
  margin:2px 0 0 0;
  padding:0;
  text-align:left;
  vertical-align:top;
  width:350px;
  padding:2px 0px;
 vertical-align:top;
 font-size:.65em;
}

/* Conteneur des champs affichés dans la fiche, dans le cas où celle-ci ne contient pas d'image */
.ficheMinimale  .champsFicheSansImage {
  margin:10px;
  width:95%;
  float:right;
}

/* Conteneur des liens de la fiche */
.ficheMinimale .liensFiche {
}

div.ficheMinimale div.visualClear {
  width: 700px;
  height: 5px;
  float:left;
  background:#ffffff url(images/icono/petittransparent.gif) no-repeat 0 100%;
  color:#AFB0B0;

}

/* Lien en bas de la fiche minimale */
.ficheMinimale .corpsFicheMinimale .liensFiche .menuItem {
  /*float:left;*/
  border-bottom:1px solid #AFB0B0;
  background:#ffffff url(images/icono/petitfiletvertical.png) no-repeat 0 100%;
  font-size:.6em;font-weight:bold;
  color:#AFB0B0;
}

/* RAJOUT TEST PANIJEL */
.ficheMinimale .corpsFicheMinimale .menuItem2 {
  float:right;
  clear: both !important;
  clear:none;
  padding:0 0 0 5px;
  margin-top:-30px;
  margin-right:10px;
  font-size:.6em;font-weight:bold;
  color:#AFB0B0;
}
.ficheMinimale .corpsFicheMinimale .liensFiche .s1 {
  clear: both;
  width:700px;
  height:5px;
}
.ficheMinimale .corpsFicheMinimale .liensFiche .s2 {
  width:105px;margin-left:7px;
  margin-right:0px;
}
.ficheMinimale .corpsFicheMinimale .liensFiche .s3 {
  width:120px;margin-left:7px;text-align:center;
}
/*RAJOUT TEST PANIJEL */
.ficheMinimale .corpsFicheMinimale .liensFiche .s4 {
  width:100px;margin-left:7px;
}
/* Ligne d'information (titre + texte) dans les fiches minimales */
.ligneTexte {
  position:relative;
}

/* Titre d'une ligne d'information */
.ligneTexte .titre {
  font-weight:bold;
  float:left;
}

/* Texte d'une ligne d'information */
.ligneTexte .texte {
  margin-left:20px;
  float:right;
}

/* ------------ Fiches détaillées -------------- */
/* Conteneur des fonctionnalitees d'une fiche détaillée d'un objet ajout CA*/
#conteneurFonctionnalitesFicheDetaillee {
margin-bottom: 4px;
}

#FicheDetaillee{
  border-spacing: 10px 5px;
}
/* Conteneur titre fonctionnalites des fonctionnalitees d'une fiche détaillée d'un objet ajout CA*/
#conteneurFonctionnalitesFicheDetaillee #conteneurTitreFonctionnalite {
  width:160px;float:left;
}
/* Conteneur du tableau présentant la fiche détaillée d'un objet */
#conteneurFicheDetaillee {
}
/* Conteneur des miniatures d'un objet */
#conteneurFicheDetaillee #conteneurMiniatures{
  width:160px;float:left;
}
/* Ligne de miniatures */

img.imMiniature{
  max-width: 160px;
}

.enlargeImage{
  margin-top: 6px;
  margin-bottom: 10px;
 }

.enlargeImage a{
  font-size:.65em;
}

/* Conteneur des liens de retour */
#conteneurURLs {
  font-size:.65em;
  margin-left:176px;
  width:auto;
}
/* Conteneur des liens de retour : ajouter ajout CA*/

#conteneurURLs #ajouter{
  float:left;
  width:128px;
  border-bottom:1px solid #AFB0B0;
  line-height:1.2em;
  font-weight:bold;
}
/* Conteneur des liens de retour : retour ajout CA*/
#conteneurURLs #retour
{
  width:368px;
  margin-left:144px;
  border-bottom:1px solid #AFB0B0;
  line-height:1.2em;
  text-align:right;
  font-weight:bold;
}


#titreArtitem{
  /*margin-left:144px;*/
  border-bottom:1px solid #AFB0B0;
  line-height:1.2em;
  text-align:left;
  font-size:0.75em;
  color:#2297A8;
 }

#artitemImages{
  vertical-align:top;
}

/* Lien en haut de la fiche */
#conteneurURLs .menuItem {
  margin-left:15px;
}
/* Corps fiche detaillee : le texte ajout CA*/
#conteneurFicheDetaillee #corpsFicheDetaillee, #corpsFicheDetaillee{
  margin-left:176px;
  font-size:.65em;
  line-height:1.5em;
  vertical-align:top;
}
/* Conteneur des liens de retour : ajouter ajout CA*/
#conteneurFicheDetaillee #corpsFicheDetaillee .nom, .nom {
  float:left;
  width:128px;
  font-weight:bold;
  color:#AFB0B0;
}

#cwuserPrimary .nom{
  width: 250px;
 }
#cwuserPrimary .title{
  margin-bottom: 15px;
 }

/* Conteneur des liens de retour : retour ajout CA*/
#conteneurFicheDetaillee #corpsFicheDetaillee .description, .description {
  width:368px;margin-left:144px;
}
/* footer fiche detaille ajout CA*/
#conteneurFicheDetaillee #corpsFicheDetaillee #footerFicheDetaillee {
  width:512px;
  border-top:1px solid #AFB0B0;
  margin:15px 0 15px 0;
}


#footerFicheDetaillee {
  border-top:1px solid #AFB0B0;
  text-align:right;
  padding-top: 10px;
}

/* picto print footer fiche detaille ajout CA*/
#conteneurFicheDetaillee #corpsFicheDetaillee #footerFicheDetaillee #pictoPrint{
  margin:7px 0 0 0;
  float:right;
}
/*Division contenant le detail d'une oeuvre*/
#detailled-content {
  display:none;
}

/*Lien permettant d'afficher le detail d'une oeuvre*/
#more_details {
  color:#2297A8;
  padding-top:5pt;
  padding-bottom:5pt;
}

/*Lien permettant d'afficher la fiche detaillee d'une oeuvre*/
#detailled_description {
  color:#2297A8;
  padding-top:8pt;
  padding-bottom:8pt;
  font-size:0.65em;
}

/* ------------ mosaiques -------------- */

/*ligne mosaique 1*/
#ligneMosaique1{
  position:absolute;right:18px;bottom:0;
}
/*ligne mosaique 2*/
#conteneurligneMosaique2{
 position:relative;
 height:110px;
}
#ligneMosaique2{
  position:absolute;right:18px;top:0;
}

/*ligne mosaique 3*/
#ligneMosaique3{
  margin:0 0 0 200px;
  padding:20px 0 0 0;
}
/*ligne mosaique 4*/
#ligneMosaique4{
  margin:0px 0 0 115px;
}
/* image mosaique alignee top */
.imMosaiqueTop{
  vertical-align:top;
}
/* image mosaique alignee bottom*/
.imMosaiqueBot{
  vertical-align:bottom;
}

/* ------------ musées -------------- */

/* Bloc de la liste des musées */
#contenuPage #listeMusees dl {
  width:684px;
  font-size:.65em;
  float:left;
}

/* Liens qui s'affichent sur la page d'un musée */
#barreLiensMusees {
  margin:10px;
}
/* Lien de la barre précédente */
#barreLiensMusees .menuItem {
  margin-left:10px;
}
/* Ligne où s'affiche la ville */
#listeMusees dt{ /*ajout CA*/
  width:160px;
  float:left;
  clear:right;
  border-top:3px solid #44A7B6;
  color:#44A7B6;
  font-weight:bold;
}
/* Lignes ou s'affiche les musees */
#listeMusees dd { /*ajout CA*/
  margin:0;
  padding:0 0 0 12px;
  width:496px;
  text-align:left;
  clear:right;
  float:right;
  border-top:1px solid #44A7B6;
  color:#334244;
  height:2.7em;
  font-weight:bold;
  vertical-align:top;
}
#listeMusees dd a:link,#listeMusees dd a:visited,#listeMusees dd a:active{ /* ajout CA */
  color:#334244;
}
#listeMusees dd a:hover{ /* ajout CA */
  color:#02C3DC;
}
#listeMusees .pictos{ /*conteneur pictos liens vers fiches ajout CA*/
  width:40px;float:right;
}
#listeMusees .pictos .picto{ /* picto lien vers fiches ajout CA*/
  margin:2px 0 2px 4px;
  width:16px;
  height:19px;
}

/* Conteneur de la liste des fiches minimales d'un musée */
#listeObjetsMusee {
  float:left;
  width:690px !important;
  width:693px;
}



/* Conteneur d'un lien de retour */
#liensRetourRecherche .menuItem {
  margin-left:15px;
}

/* Bloc de la recherche libre */
#blocRechercheLibre span{
  margin-right: 10px;
}

/* Label et champ de recherche libre */
#champRechercheLibre {
  width:192px;white-space:nowrap;
  margin:10px 0 30px 0;
}
#champRechercheLibre #libre{
  background:#EDEFEF;
  background-image:url(images/icono/petitfiletverticalbleu.png);
  background-repeat:no-repeat;
  background-position:left bottom;
  width:191px;
  border-bottom:1px solid #27ACC0;
  border-right:1px solid #27ACC0;
  height:12px;
  font-size:9px;font-family:Arial,Helvetica,sans-serif;
  margin-left:1px;
}
/* Combobox de filtrage */
#blocRechercheLibre #filtres {
  font-size:.7em;
  font-weight:bold;
  color:#C0C0C0;
}

/* Bloc du bouton de recherche libre */
#blocRechercheLibre #boutonRecherche {
  width:84px;background:#27ACC0;color:#ffffff;font-size:10px;
  margin:10px 0 10px 0;
  padding:2px 0 2px 0;
  border:0;
  float:right;
}

/* Bloc du bouton de recherche libre */
#blocRechercheLibre .boutonRecherche {
  width:84px;background:#27ACC0;color:#ffffff;font-size:10px;
  margin:10px 0 10px 0;
  padding:2px 0 2px 0;
  border:0;
}


/* Bloc de l'historique des recherches */
#historiqueRecherches {
  width:30%;
  margin:20px;
  position:relative;
  float:right;
  border:2px;
  border-style:solid;
  border-color:#aaaaaa;
}

/* Ligne de titre de l'historique */
#historiqueRecherches #titreHistorique {
  background-color:#bbbbbb;
  font-weight:bold;
}
/* Lien permettant de vider l'historique */
#historiqueRecherches #lienViderHistorique {
  background-color:#dddddd;
  text-align:right;
}

/* Bloc contenant la liste des recherches précédentes */
#historiqueRecherches #listeRecherches {
  margin:5px;
}

/* Partie basse de la page contenant les ensembles de listes */
#formulairesRechercheSimple {
  position:relative;
  float:left;
  width:60%;
  padding:10px;
}

/* Ligne permettant de choisir le formulaire  (qui? quoi ? où ?...) */
#formulairesRechercheSimple #choixFormulaire {
  background-color:#cccccc;
}

/* Lien dans la ligne permettant de choisir le formulaire */
#formulairesRechercheSimple #choixFormulaire .menuItem {
  margin-left:20px;
}

/* Formulaire de recherche simple */
#formulairesRechercheSimple #formulaire {
  width:95%;
  border:2px;
  border-style:dashed;
  border-color:#aaaaaa;
  margin-top:20px;
  margin-bottom:20px;
  padding:10px;
}

/* Groupe Label + Liste de sélection d'un formulaire du type qui ? quoi ? ... */
.combobox {
  display:block;
  margin:15px;
}

/* Label affiché à côté des combobox dans les formulaires */
.combobox .label {

}

/* Liste de sélection */
.combobox .list {
  margin-left:5px;
}


/* Filtres (ensemble de checkbox) des formulaires précédents */
#formulairesRechercheSimple #formulaire .filtres {
  margin-top:10px;
}

/* Bouton de recherche des formulaires précédents */
#formulairesRechercheSimple #formulaire #boutonRecherche {

}

/* ------------ recherche avancée -------------- */
/* Partie supérieure avec les deux types de recherche */
#controlesRechercheAvancee {
  float:left;
  width:200px
}
#controlesRechercheAvancee #aide { /*Ajout CA*/
  float:right;
  background:#AFB0B0;
  padding:0 3px 0 3px;
}
.titreRecherche{ /*Ajout CA*/
  clear:right;
  font-size:0.65em;
  font-weight:bold;
  color:#2297A8;
/*   border-bottom:1px solid #2297A8; */
  width:192px;
  line-height:1.2em;
  text-transform:uppercase;
}

.titreRecherche #aide a:link,
.titreRecherche #aide a:visited
{
  color:#ffffff;
}

.titreRecherche #aide a:hover
{
  color:#2297A8;
}


/* label + champ de recherche par numéro d'inventaire */
#champRechercheInventaire {
  background:#EDEFEF url(images/icono/petitfiletverticalbleu.png) no-repeat left bottom;
  width:192px;white-space:nowrap;
  margin:10px 0 30px 0;
  border-bottom:1px solid #27ACC0;
}
#champRechercheInventaire #valid{
  width:84px;background:#27ACC0;color:#ffffff;font-size:10px;
  margin:0;
  margin-bottom:-1px;
  padding:2px 0 2px 0;
  border:0;
}
#champRechercheInventaire #numinv{
  width:107px;
  font-size:9px;font-family:Arial,Helvetica,sans-serif;
  background:#EDEFEF;color:#000000;
  border-right:0;border-top:0;border-left:0;margin-left:1px;
}

/* Liens permettant d'ajouter des critères et de réaliser des actions */
#actionsRechercheMulticriteres {
  clear:both;
  width:192px;
}
#actionsRechercheMulticriteres #titreFonctionnalite{ /* ajout ca */
  font-size:.6em;
  border-bottom:1px solid #2297A8;
  width:192px;
  line-height:2em;
  color:#000000;
  margin-top:6px;
}
/* Lien permettant d'ajouter des critères et de réaliser des actions, au sein du menu de la recherche avancée */
#actionsRechercheMulticriteres .menuItem {
  font-size:0.55em;
  padding:3px 0 3px 0;
  clear: both;
}

/* Conteneur du tableau d'historique des recherches avancées */
#conteneurHistoriqueRecherchesAvancees {
  position:relative;
  float:right;
  border:2px;
  border-style:solid;
  border-color:#aaaaaa;
}

/* Bloc de l'historique des recherches */
#historiqueRecherchesAvancees {

}

/* Ligne de titre de l'historique */
#historiqueRecherchesAvancees #titreHistorique {
  background-color:#bbbbbb;
  font-weight:bold;


}
/* Lien permettant de vider l'historique */
#historiqueRecherchesAvancees #lienViderHistorique {
  background-color:#dddddd;
  text-align:right;
}

/* Bloc contenant la liste des recherches précédentes */
#historiqueRecherchesAvancees #listeRecherches {
  margin:5px;
}

/* ----------------------- recherche groupee ??? -------------------------- */
#formulaireRechercheGroupee { /* ajout CA */
  margin:15px 0 0 10px;
  float:left;
}

#criteria_searchComponent{
  width:70%;
  margin-left: 0.3em;
}
#blocCriteres{ /* ajout CA */
  margin-bottom:1em;
  margin-left: 0.5em;
  width: 224px
}

#noCriterion{
  margin: 5px;
  font-size:.69em;
}

#nomSelection { /* ajout CA */
  color:#ffffff;
  background:#26ADC0;
  font-size:.69em;
  font-weight:bold;
  padding:3px 2px;
  text-transform:uppercase;
}
#formulaireRechercheGroupee #blocCriteres #nomCritere{ /* ajout CA */
  padding:2px 0 10px 5px;
  color:#02C3DC;
  font-size:.65em;font-weight:bold;
}

#blocCriteres ul{
 margin:3px 2px 3px 0;
 padding: 0px;
}

#blocCriteres li { /* ajout CA */
  padding:2px 0 5px 14px;
  font-size:.69em;
  list-style:none;
}

#blocCriteres li a{ /* ajout CA */
  color:#26ADC0;
}


.nomCritere {
  font-size:0.69em;
  margin-top:5px;
  margin-left:5px;
  /*padding-bottom:5px;*/
}

#delAllCriteria{
  font-size:0.69em;
  text-align:left;
  margin:0 5px 5px;
}


#nbResultsSearch{
  font-size:0.69em;
  text-align:left;
  margin:0 5px 5px;
}

#nbResultsSearch a{
  color:#26ADC0;
}

#formulaireRechercheGroupee #blocCriteres #op { /* ajout CA */
  padding:3px 0 3px 5px;
  width:425px;
  border-top:1px solid #B1B1B1;
  border-bottom:1px solid #26ADC0;
  font-size:.65em;font-weight:bold;
  color:#B1B1B1;
}
#formulaireRechercheGroupee #controles { /* ajout CA */
  width:446px;
}
#formulaireRechercheGroupee .caseOperateur { /* ajout CA */
  padding:20px 0 20px 0;border:1px;margin:1px;
}
#formulaireRechercheGroupee #controles #btns{ /* ajout CA */
  float:right;
  margin:0 10px 0 0;
}
#formulaireRechercheGroupee #controles #btns #btn{ /* ajout CA */
  border:0;height:10px;
  background:#B0B0B0;padding:1px 10px 4px 10px;
  font-size:.65em;font-weight:bold;
  margin:0 0 0 2px;
  float:left;
}
#formulaireRechercheGroupee #controles #btns #btn a{ /* ajout CA */
  color:#ffffff;
}

.alerte{ /* ajout CA */
  clear:right;
}
.alerteTexte{ /* ajout CA */
  background:#E80062;
  color:#ffffff;
  clear:right;
  padding:2px 2px 2px 10px;
  font-size:.7em;font-weight:bold;
}
/* Partie inférieure contenant un formulaire d'ajout de critères ou la liste de ceux ci */
#formulaireRechercheAvancee {
  margin:10px 45px 0 0px;
  float:left;
}

/* Conteneur du bloc contenant l'image W3C, spécifiquement à la recherche avancée */
#footerRechercheAvancee {
  clear:both;
  margin:10px;
}
/* bloc des critères */
#criteres, .criteres {
  clear:both;
  border-bottom:1px solid #27ACC0;
  height:10px;
  font-size:0.65em;
  font-weight:bold;
  margin-top:10px;
  padding:0px 0px 3px 3px;
}



#formulaireRechercheAvancee #liste ul, .criteres_content { /*Ajout CA*/
  margin: 0 0 0 13px;
  padding: 0;
  list-style: none;
  font-size:0.6em;font-weight:bold;
  display: none;
}

#formulaireRechercheAvancee #liste li { /*Ajout CA*/
  float: left;
  width: 213px;
  padding: 0;
  border-bottom:1px solid #B4B5B5;
  line-height:1.5em;
  margin: 0 6px 0 4px;
}
#formulaireRechercheAvancee p{ /* ajout CA */
  clear:left
}
/* Formulaires (contenant les listes de sélection des opérateurs) au sein du bloc des critères */
#formulaireRechercheAvancee #liste {
  width:440px;
}
/* Alphabet au dessus des termes d'un lewique */
#formulaireRechercheAvancee #listeAlphabet{ /* ajout BG */
  position:relative;
  width:300px;
  margin-left:56px;
  margin-top:5px;
  margin-bottom:5px;
  padding:0 0 0 5px;
  border-bottom:1px solid #4C6063;
  font-size:0.65em;
  font-weight:bold;
  color:#00879B;
}

/* Ligne contenant des critères et des opérateurs */
#formulaireRechercheAvancee .ligneCriteres {
  margin:5px 0 5px 0;
}

/* "Case" contenant un critère */
#formulaireRechercheAvancee .ligneCriteres .caseCritere {
  display:inline;
  padding-left: 2px;
}
#formulaireRechercheAvancee #ajouter{ /* ajout CA */
  clear:right;
}
#boutonRechercheAvancee{ /* ajout CA */
  width:auto;float:right;background:#27ACC0;
  padding:2px 22px 2px 22px;
  font-size:.7em;
}
#boutonRechercheAvancee a{ /* ajout CA */
  color:#ffffff;
}
#formulaireRechercheAvancee .filtres{ /* ajout BG */
  margin:15px;
  font-size:.7em;
}

/* Opérateur logique entre les termes d'un même critère */
#criteres .opEntreTermes{
  display:block;
  text-align:center;
}

/* Conteneur du lien permettant de supprimer le critère */
#criteres .ligneCriteres .caseCritere .lienSupprimerCritere {
  background-color:#eeeeee;
  padding:2px;
}

/* "Case" contenant un opérateur */
#criteres .ligneCriteres .caseOperateur {
  display:block;
  margin:20px;
  margin-bottom:20px;
  position:relative;
  float:left;
  margin:20px;
}

/* "Case" contenant un opérateur non prioritaire (doit être sur une seule ligne pour séparer) */
#criteres .ligneCriteres .caseOperateurNonPrioritaire {
  display:block;
  clear:both;
  background-color:#dedede;
  width:100%;
  text-align:center;
  margin:20px;
  height:30px;
}

.criteres a,
#criteres a{    /*ajout BG */
  color:#27ACC0;
}
/* Contrôles permettant de lancer une recherche avancée */
#filtresEtBouton {
  padding-top:15px;
  float:right;
}
#filtresEtBouton #filtres{ /*ajout CA */
  color:#B0B0B0;
  font-size:.65em;font-weight:bold;
  float:left;
}
#filtresEtBouton #boutons{ /*ajout CA */
  float:right;
}
#filtresEtBouton #boutons #rechercher{ /*ajout CA */
  font-size:.65em;
  color:#ffffff;
  background:#27ACC0;
}
/* Bloc contenant les liens de retour et d'ajout à la sélection dans la page de résultat de recherche avancée  */
#liensRetourRechercheAvancee {
  padding-left:3px;
}

/* Conteneur de lien du bloc précédent */
#liensRetourRechercheAvancee .menuItem {

}


/* ------------ Authentification admin -------------- */

/* Conteneur du formulaire d'authentification */
#loginForm {
  margin:50px;
  width:450px;
}

/* Conteneur des messages */
#loginForm #messages {

}

/* Conteneur des labels (identifiant, mot de passe) */
#loginForm #labels {
  width:40%;
  position:relative;
  float:left;
}

/* Conteneur des champs de saisie */
#loginForm #champs {
  position:relative;
  float:left;
}

/* Label (identifiant ou mot de passe) */
#loginForm .label {
  height:30px;
}

/* Champ de saisie */
#loginForm .champ {
  display:block;
  height:30px;
}

/* Bouton de validation du formulaire de login */
#loginForm #bouton {
  clear:both;
}


/* ------------ Affichage selection -------------- */

/* Menu latéral relatif à la sélection d'oeuvres */
#menuSelection {
  position:relative;
  float:left;
  width:25%;
  border:2px;
  border-style:solid;
  border-color:#aaaaaa;
}

/* Titre du menu de sélection */
#menuSelection .menuTitle {
  background-color:#aaaaaa;
  color:white;
  font-weight:bold;
}

/* Contenu entre deux titres du menu de sélection */
#menuSelection .contenuMenu {
  margin:10px;
}

/* Element du menu de sélection (liens Poursuivre, Vider, liste de sélection etc...) */
#menuSelection .menuItem {

}

/* Element désactivé du menu de sélection. Le lien vider est ainsi désactivé quand la sélection est déjà vide */
#menuSelection .disabledMenuItem  {
  font-size:0.8em;
  color:#999999;
}

/* Affichage du statut de la sélection, c'est à dire ce qu'il reste à faire avant de la valider ou un message indiquant que la validation est possible */
#menuSelection #statut {

}

/* Bloc contenant la liste permettant de sélectionner la thématique destinataire */
#menuSelection #thDestinataire {

}

/* Bouton/lien de validation de la sélection. */
#menuSelection #boutonValidation {

}

/* Contenu de la sélection, c'est à dire la partie droite de la page, hors menu. */
#contenuSelection {
  position:relative;
  float:right;
  width:70%;
}


/* Affichage du compte des oeuvres sélectionnées */
.changeurPageObjet .compteObjets {
  font-weight:bold;
}

/* Numéros de pages et contrôles permettant de changer de page */
.changeurPageObjet .numerosPages {
  margin-top:10px;
  margin-bottom:10px;
  background-color:#cccccc;
}

/* Element de menu du bloc permettant de changer de pages */
.changeurPageObjet .numerosPages .menuItem {
  margin-left:10px;
}

/* Tableau contenant les oeuvres sélectionnées */
#tableSelection {
  background-color:#aaaaaa;
  width:90%;
  border:1px;
}

/* Cellule du tableau contenant les oeuvres sélectionnées */
#tableSelection td {
  background-color:white;
  color:black;
}

/* Cellule de titre du tableau contenant les oeuvres sélectionnées */
#tableSelection .titleCell {
  background-color:#aaaaaa;
  color:white;
  font-weight:bold;
}

/* Barre permettant de sélectionner un groupe de fiches et d'appliquer une action sur celle-ci */
#contenuSelection #barreSelectionFiches {
  margin:5px;
}

/* Element du menu de la barre de sélection des fiches */
#contenuSelection #barreSelectionFiches .menuItem {
  margin-left:10px;
}


/* ------------ Aide -------------- */

/* Bloc contenant le message d'aide */
#blocMessageAide {
  border:2px;
  border-style:dotted;
  border-color:#aaaaaa;
  background-color:#efefef;
  margin:10px;
  padding:10px;
}

/* Titre du message d'aide (compris dans le bloc du message d'aide) */
#blocMessageAide #titleMessage {
  display:block;
  font-weight:bold;
}

/* Paragraphe de texte dans le bloc du message d'aide */
#blocMessageAide .paragraphe {
  text-align:justify;
  margin-left:5px;
}

/* Lien permettant de retourner à la rubrique d'aide précédente dans la navigation entre messages d'aide */
#lienRetourAide {
  width:100%;
  background-color:#cccccc;
  padding:5px;
}

/* Partie de texte importante à mettre en évidence */
#blocMessageAide .important {
  font-weight:bold;

}

.texteLienThematique{
  width:158px;
  font-size:1.1em;
}

a.magic span
{
  display: none;
}

a.magic:hover span {
  display: block;
  /* plein de possibilité de "customisation" */
}
#survol{position:absolute;left:256px;}


#texte1, #texte2,  #texte3,  #texte4,  #texte5,  #texte6,  #texte7,
#texte8,  #texte9,  #texte10,  #texte11,  #texte12{
  background-color:#D6D6D6;
  border-top:1px solid #C80000;
  border-bottom:1px solid #C80000;
  height:14px;
  width:462px;
  visibility:hidden;
  z-index:101;
  color:#000;
  position:absolute;
}


#texte1{top:0px;}
#texte2{top:67px;}
#texte3{top:133px;}
#texte4{top:200px;}
#texte5{top:267px;}
#texte6{top:334px;}
#texte7{top:401px;}
#texte8{top:467px;}
#texte9{top:534px;}
#texte10{top:600px;}
#texte11{top:733px;}
#texte12{top:560px;}




/** cubicweb **/
li.column {
  float: left;
  list-style: none;
}

div.clear {
  clear: both;
 }

/* vue d'un album*/
.title, h5{
 color:#2297A8;
 }

span.pathbar {
 font-size: 70%;
 display:block;
 margin-bottom:10px
}

.navigationTitle {
  color:#1190A1;
  font-weight: bold;
  font-size:1.2em;
  /*background: url("images/bg_trame_bleue.png") left bottom repeat-x;*/
  /*padding-bottom : 0.4em;*/
  border-bottom: 1px solid #1190A1;
}

.map{
  margin-top: 15px;
  margin-bottom: 15px;
 }

.thematics {
  width: 100%;
}

/* IE6 hack */
* html .thematics {
 width:auto;
}

.thematics div.corpsThematique {
  width: 100%; /* overrides the default hard-coded size */
  margin-bottom: 1em;
}

.thematics div.corpsThematique h1 a,
div.blueLink a,
a.blueLink{
  margin:0;padding:0 0 10px;
  color:#1190A1;
}

a.blueLink,
.thematics div.corpsThematique h1 {
  font-size:0.8em;
}

div.textePresentationThematique {
 font-size:0.7em;
 line-height:1.5em;
 text-align:justify;
}

/* Texte de présentation d'une thématique */
.thematics .presentationThematique{
  width: 95%;
}

.presentationThematique{
  width:470px;
}

.thematics td {
  vertical-align: top;
  width: 50%;
  padding: 0em 1em 1em 0em;
}

table.thematic_nav{
 margin-top:1em;
 width:470px;
 clear:both;
}

table.thematic_nav #previous{
 margin-left:0px;
 padding-right:10px;
}

table.thematic_nav #next{
 text-align:right;
 padding-left:10px;
}

table.thematic_nav #previous a{
 font-size:0.7em;
 padding-left : 20px;
 background:url(images/icono/fleche_off_bleue_reversed.png) 0% 50% no-repeat;
 }

table.thematic_nav #previous .responsible a{
  background: none;
  padding-left: 0;
}

table.thematic_nav #next a{
 font-size:0.7em;
 padding-right : 20px;
 background:url(images/icono/fleche_off_bleue.gif) 100% 50% no-repeat;
}

table.thematic_nav #next .responsible a{
  background: none;
  padding-right: 0;
}

img.gmap_illustration,
div.illustration{
  float: left;
  margin-right: 20px;
  font-size:0.6em;
  display: block;
  vertical-align: text-top;
}

.presentationThematique a.moreLink,
.presentationThematique a.moreLink:visited{
  color:#1190A1;
  font-weight: bold;
  text-decoration: none;
}

div.museumMapTitle {
  width: 100%; /* overrides the default hard-coded size */
  margin:0;
  padding:0 0 10px;
  color:#1190A1;
  font-size: 1.1em;
}


table.museumMap {
  margin-bottom: 2em;
  vertical-align: top;
}

table.museumMap td.legendCell {
  font-size: 0.8em;
  vertical-align: top;
}

div.museumPortal {
  width: 100%;
  text-align: right;
}

/* selection d'objets*/
#check{
  margin-top: 10px;
}
#unCheckAll{
  display:none;
  font-size:0.8em;
 }

#checkAll{
  font-size:0.8em;
 }


#tabList{
  font-family: "Trebuchet MS",Trebuchet,Verdana,Helvetica,Arial,sans-serif;
  font-size: 14px;
  padding: 0 0 0 4px;
  border-bottom: 1px solid #AFB0B0;
 }

#tabList a{
  margin: 0 0 0 1px;
  min-width: 84px;
  background-position: 100% -100px;
  color: #27537A;
  font-weight: bold;
  line-height: 1.2;
  margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
  padding-left: 0;
  text-align: center;
  text-decoration: none;
  white-space: nowrap; /* required in IE 6 */
  outline: 0; /* prevent dotted border in Firefox */
  padding-top: 6px;
 }


#tabList a.selected{
  color: #000000;
  cursor: text;
  padding-bottom:1px;
  background-position: 100% -150px;
  z-index: 2;
  margin-top: 0;
  position: relative;
 }


#tabList a.selected span{
  background-position: 0 -50px;
  padding-bottom:1px;
 }

#tabList a span{
  background-position: 0 0;
  width: 64px; /* IE 6 treats width as min-width */
  min-width: 64px;
  height: 18px; /* IE 6 treats height as min-height */
  min-height: 18px;
  padding-top: 6px;
  padding-right: 0;

 }

.tab, .tab span{
  background: transparent url(images/tab.png) no-repeat scroll 0 0;
  padding: 0 30px;
 }


.widget{
  margin-top: 10px;
  margin-right: 10px;
 }

/* partie admin */

#propositionTitle{
  margin: 10px 0 10px 0;
  font-size:90%;
 }

.published{
  color: #1190A1;
 }

table#header{
  margin: 10px;
}

table#header td {
  vertical-align:middle;
  font-size: 100%;
  color: white;
}

.navboxes{
  margin-top: -60px;
 }

#contentcol{
  vertical-align: top;
}

#contentcol #pageContent{
  margin-top: 20px;
  margin-left: 20px;
 }

#userActionsBox div.popup {
  background:#FFFFFF none repeat scroll 0 0;
  border:1px solid black;
  float:left;
  position:absolute;
  text-align:left;
  z-index:400;
}
.errorMessage, .error{
  color: red;
  font-size:0.8em;
  font-weight:bold;
 }

#mainLayout{
  margin-top: 40px;
 }

#firstcolumn{
  width: 90%;
}

#firstcolumn img.logoDecouverte{
  position:absolute;
  top: 5px;
  margin-top: 10px;
}

#headtext{
  color: white;
  width: 50%;
  text-align: left;
 }


.navcol{
  width: 16%;
  vertical-align: top;
 }

div#userActionsBox {
  text-align:right;
}

div#userActionsBox a.popupMenu {
  color: white;
}

a.popupMenu {
  background:transparent url(images/icono/puce_down_white.png) no-repeat scroll 20% 6px;
  padding-left:2em;
}

#page{
  background-color: white;
}

div.formTitle span{
color:#1190A1;
font-size:120%;
font-weight:bold;
text-transform:uppercase;
display:block;
padding: 4px 0px;
}

div.iformTitle {
background:#EDEFEF none repeat scroll 0 0;
border-style:solid solid none;
border-width:1px 1px medium;
color:#222211;
font-size:110%;
font-weight:bold;
}


div#advancedSearchFields {
  display: none;
}

/* label shown in the top-right hand corner during form validation  (from cubicweb.css))*/
div#progress {
  position: fixed;
  right: 5px;
  top: 0px;
  background: #222211;
  color: white;
  font-weight: bold;
  display: none;
}


table.listing{
  border-collapse:collapse;
  width: 90%;
  margin: 10px 0;
}

table.listing th{
  background-color: #21aec5;
  color: white;
  border: 1px solid #AFB0B0;
 }

table.listing td{
  border: 1px solid #AFB0B0;
  padding-left: 10px;
  vertical-align:top;
 }


.treeview .hitarea {
  margin-left: -16px;
}

div.gmap{
  border: 1px solid black;
  margin-bottom: 30px;
}

div.gmap-bubble{
 font-size:0.8em;
 padding-bottom:4px;
 }

div.gmap-bubble a,
div.gmap-bubble a:visited{
 font-weight:bold;
 color:#1190A1;
}

 a.gmap_link,
 a.gmap_link:visited{
 clear:both;
 display:block;
 color:#1190A1;
 font-size:0.7em;
 padding:6px 0px;
}

div.adresse{
 font-size:0.7em;
}

/* surchage des styles cubicweb.css */

td.navcol{
 width:225px;
 }

input#newopt{
 width:120px ;
 display:block;
 float:left;
 }

#add_newopt{
 background: #fffff8 url("images/icono/go.gif") 50% 50% no-repeat;
 width: 20px;
 line-height: 20px;
 display:block;
 float:left;
}

div#newvalue{
 margin-top:2px;
 }

#eformframe{
 border:none;
 }

div#userActionsBox {
  width: 14em;
  text-align: right;
}


input.active {
    border: 2px solid #1190A1 !important;
}

div.help{
 font-size:0.7em;
 width:90%;
}

p.bold{
 font-size:0.7em;
 font-weight:bold;
 }

/* Templates pour gmap et vue chronologique*/

div.template{
 padding-bottom:1em;
 }

ul.legende{
 margin:0px;
 padding:0px;
 font-size:0.7em;
 list-style: none;
}

ul.legende li{
 line-height: 26px;
}


ul.legende li img{
 float:left;
}

ul.legende li div{
 padding-left: 35px;
}

/* timeline */

#tl {
  font-size: 8pt;
  border: 1px solid #334244;
}


div.timeline-date-label {
  color:#1190A1;
}

div.timeline-ether-lines {
  /* lignes verticales dans la TL */
}

div.timeline-ether-highlight-moving {
  border: 1px solid black;
}

div.timeline-small-event-icon {
  background: url(dark-blue-circle-mini.png) 0 0 no-repeat;
  width: 3px;
  height: 3px;
}

div.small-imprecise {
  background: url(dark-red-circle-mini.png) 0 0 no-repeat;
  width: 3px;
  height: 3px;
}

div.timelineLegend {
  margin: 1em 0em 0em 2em;
  font-size: 8pt;
}

div.timeline-event-bubble-time{
  font-size: 9pt;
}

div.tlAuthor{
  margin-top: 1em;
  font-size: 9pt;
 }

div.tlDescription, div.tlMuseum{
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 8pt;
}

/* Vue d'artitems dans la bulle de timeline */


/* Fiche minimale */
table.artitem_tlinfo {
  margin:0;
  font-size:0.7em;
}

table.artitem_tlinfo td.champsFiche{
 padding-right:6px;
 /*vertical-align:top; */
}

/* Conteneur de la miniature */
table.artitem_tlinfo td.miniature {
 width:100px;
}

/* Conteneur de la miniature */
.artitem_tlinfo .miniature a{
  color:#1190A1;
}


input.validateButton {
  margin: 5px 10px 5px 0px;
  background-color: #1190A1;
  color: #fff;
  border: 1px solid #AFB0B0;
  font-weight:bold;
  font-size:0.7em;
  cursor:pointer;
}

div#results {
    width: 45em;
    margin-bottom:0;
    margin-right:0;
    padding:0 0 0 0.3125em;
    position:relative;
}

div.griditem {
   margin: 0 1em 0.5em 0;
   padding: 0.5em 1.5em 0 0.5em;
   float: left;
   width: 190px;
   height: 130px;
   visibility: visible;
   font-size:0.7em;
   overflow: hidden;
   border-bottom: 1px solid #AFB0B0;
}

div.gridInfo {
    font-size: 0.8em;
}

div.gridDescription {
    margin-top: 1em;
}

/* timeline style + timeline overriding */


div#tlbubble {
    display: none;
    position: fixed;
    width: 700px;
    top: 200px;
    z-index: 1000;
    background: #fff;
    border: 1px solid #ccc;
    padding: 1em;
    overflow: auto;
}

div.closeBubble{
  float: right;
  width: 15px;
  background: url(timeline/close-button.png) no-repeat;
}

div#eventBubble #corpsFicheDetaillee{
  font-size: 0.90em;
}

.timeline-ether-bg {
    background: #fff !important;
}

.timeline-ether-highlight {
    background: #EFEFEF !important;
    border:1px solid black;
}

.timeline-band-layer {
  border-top: 1px solid #ccc;
}


/* FIXME : height needed for IE */
 span.pathbar img{
 height:5px;
}
/* styles for generated forms
 *
 *  :organization: Logilab
 *  :copyright: 2003-2008 LOGILAB S.A. (Paris, FRANCE), all rights reserved.
 *  :contact: http://www.logilab.fr/ -- mailto:contact@logilab.fr
 */

div.formTitle {
  width: 100%;
  font-size:90%
  font-weight: bold;
  color: orangered;
  padding-bottom : 0.4em;
}

div.formTitle span {
  padding: 4px 0px;
  display: block;
}

div.iformTitle {
  /*font-weight: bold;*/
  font-size: 90%;
  background: white;
  color: #1190A1;
  border: 0;
 /* border: 1px solid #1190A1;*/  /*#b7b6a3 */
  /*border-bottom: none;*/
}

div.iformTitle span {
  margin: 0.5em;
}

div.iformTitle span.icounter {
  margin: 0em;
}

div.iformTitle a {
  font-size: 80%;
}

div.formBody {
  width:100%;
}

fieldset { 
  border: 0;
 }

fieldset.subentity {
  border: 1px solid ;
  display: block;
  margin-bottom: 1em;
  padding: 0.4em;
}

table.attributeForm {
  /*border: 1px solid gray;*/
  margin-bottom: 1em;
}

fieldset.subentity table td {
  padding: 2px;
  vertical-align: top;
  
}

fieldset.subentity table.attributeForm {
    border: none;
    padding: 0em;
}

.attributeForm,
.attributeForm th,
.attributeForm td {
  border-collapse: separate;
}

table.attributeForm th,
table.attributeForm td {
  padding : 5px 2px;
}

table.attributeForm th {
  text-align: left;
  vertical-align: top;
}

table.attributeForm div#comfirmPsw {
}

table.attributeForm input,
table.attributeForm textarea,
table.attributeForm select {
  border: 1px solid #AFB0B0;
  color: #333;
  font-size:0.8em;
}

table.attributeForm textarea {
  font: 100% normal Courier, monospace;
  width: 100%;
}

table.attributeForm label,
.entityForm .label {
  padding : 0.2em  10px 0.2em 0.4em;
  font-size:0.8em;
  white-space: nowrap;
  font-weight:bold;
}

table.attributeForm label.required {
  padding-left:3px;
  background: url("required.png") 100% 50% no-repeat;
}

a.addEntity {
  display:block ;
  margin-bottom:1em ;
  padding-left:0.2em ;
  font-weight: bold ;
}

table#relatedEntities {
  margin: 10px 0px;
  border-collapse: separate;
}

table#relatedEntities th,
table#relatedEntities td {
  padding : 0px 2px;
}

table#relatedEntities tr.separator {
  border-bottom: none;
  text-align: center;
}

table#relatedEntities th {
  text-align: left;
  vertical-align: top;
  width:200em;
}

table#relatedEntities th.warning {
  border: none;
  text-align: center;
}

table#relatedEntities td span {
  display: inline;
}

table#relatedEntities ul {
  margin: 0px;
  padding: 0px;
}

table#relatedEntities td {
  width: 100%;
}

a.handle {
 font-family: Courier;
 font-size: 120%;
}

a.editionPending {
  color: #557755;
  font-weight: bold;
}

div.pendingDelete {
  text-decoration: line-through;
}

div.notransform {
  text-transform: none;
}

div.inlinedform {
  margin-left: 2em;
}

div.trame_grise {
  background: url("images/bg_trame_bleue.png") left top repeat-x;
}

div.notice {
  display: none;
  font-style: italic;
  font-size: 110%;
  padding-left: 2em;
  background : #f8f8ee url("information.png") 5px center no-repeat ;
}

.emphasis,
.helper{ 
  font-size: 0.8em;
  font-style: italic;
  color: #1190A1;
}

.form_help{ 
  font-size: 0.9em;
  padding:0.5em 0;  
  color:#333; 
 }

/* tables */
/*table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
} */

table.listing tr .headerSortUp {
  background-image: url(asc.gif);
}
table.listing tr .headerSortDown {
  background-image: url(desc.gif);
}
table.listing tr .headerSortDown, table.listing tr .headerSortUp {
   background-color: #DDD;
   background-repeat: no-repeat;
   background-position: center right;
}

/* styles for the login popup and login form
 *
 *  :organization: Logilab
 *  :copyright: 2003-2008 LOGILAB S.A. (Paris, FRANCE), all rights reserved.
 *  :contact: http://www.logilab.fr/ -- mailto:contact@logilab.fr
 */

div#popupLoginBox {
  position: absolute;
  z-index: 400;
  right: 0px;
  width: 23em;
  padding: 0px 1px 1px;
  font-weight: bold;
}

div#popupLoginBox div#loginContent {
  background: #fff;
  background: #EDEFEF;
  border:1px solid #000;
  padding: 5px 3px 4px;
}


div#popupLoginBox div#loginContent label {
  padding : 0.2em  10px 0.2em 0.4em;
  font-size:0.7em;
  white-space: nowrap;
  font-weight:bold;
}

div#loginBox { 
  position : absolute;
  top: 15%;
  left : 50%;
  margin-left: -11em;
  width: 24em;
  background: #fff;
  border: 2px solid #cfceb7;
  padding-bottom: 0.5em;
  text-align: center;
}

div#loginBox h1 { 
  color: #FF7700;
  font-size: 140%;
}

div#loginTitle { 
  color: #fff;
  font-weight: bold;
  font-size: 140%;
  text-align: center;
  padding: 3px 0px;
  background: #1190A1;
}

div#loginBox div#loginContent form { 
  padding-top: 1em;
  width: 90%; 
  margin: auto;  
}

#loginContent table { 
  padding: 0px 0.5em;
  margin: auto;
  width:100%;
}

#popupLoginBox table td { 
  padding: 0px 3px; 
  white-space: nowrap;
}


#loginBox table td { 
  padding: 0px 2px 0.6em; 
  white-space: nowrap;
}

#loginContent input.data { 
  width:12em;  
}

#loginContent input{ 
  border: 1px solid #000;
  color: #333;  
  font-size:0.7em;
}

#loginContent input.loginButton {
  background-color: #1190A1;
  color: #fff;
  border: 1px solid #AFB0B0;
  font-weight:bold;
  cursor:pointer;
}
#filterbox fieldset{
 margin: 0px;
 padding: 0px;
}

div.facet {
 margin-bottom: 8px;
 background: #fff;
 padding: 5px;
 min-width: 10em;
}

div.facetTitle, div.bkSearch  {
 font-size: 80%;
 color: #000;
 margin-bottom: 2px;
 cursor: pointer;
 font: bold 100% Georgia;
}

div.facetTitle a {
 padding-left: 10px;
 background: transparent url("puce.png") 0% 50% no-repeat;
 }

div.facetBody {
}

.opened{
 color: #000 !important;
}

div.overflowed{
  height: 12em;
  overflow-y: auto;
}

div.facetCheckBox {
  clear: both;
  cursor: pointer;
}

div.facetCheckBox a {
 text-decoration: none;
 font-size: 85%;
}

div.facetValue{
clear: both
}

div.facetValue img{
 float: left;
 background: #fff;
}

div.facetValue a {
 margin-left: 20px;
 display: block;
 margin-top: -6px; /* FIXME why do we need this ? */
}

div.facetValueSelected a {
  font-weight: bold;
}

#leftcol label {
  color: #523015;
}

div#filter_box div.boxTitle {
  visibility: hidden;
  display: none;
}

div#filter_box {
  border: none;
}


div.facetCheckBox{
 line-height:0.8em;
 }

.facet input{
 margin-top:3px;
 border:1px solid #ccc;
 font-size:11px;
 }


.facetValueDisabled {
  font-style: italic;
}


div#filterboxTitle {
  margin-top: 50px;
  margin-bottom: 1em;
  color: #1190A1;
  font-size: 75%;
  font-weight: bold;
  padding: 0.15em;
  text-transform: uppercase;
}


div#facetLoading {
  display: none;
  position: fixed;
  padding-left: 20px;
  top: 400px;
  width: 200px;
  height: 100px;
  font-size:      120%;
  font-weight:    bold;
  text-align:     center;
}
div.facet {
  padding: 0;
}

div.facetTitle, div.bkSearch  {
 font-size:0.65em;
 color: #AFB0B0;
 border-bottom: 1px solid #AFB0B0;
 text-transform: uppercase;
 cursor: pointer;
 font-weight:normal;
 font-family:Arial,Helvetica,sans-serif;
 width:220px;
}

label.facetTitle{
 color: #AFB0B0;
 text-transform: uppercase;
 cursor: pointer;
}

div.facetCheckBoxWidget{
 border-bottom: 1px solid #AFB0B0;
 width:220px;
 /* ie6 optimization*/
 height:18px;
}

div.facetTitle a {
background:transparent url(puce_blue.png) no-repeat scroll 0 50%;
}

div.facetCheckBox a {
 font-size:0.6em;
}

div.facetValueSelected a {
  color:#2297A8;
}

div#facetLoading {
  display: none;
  position: fixed;
  padding-left: 20px;
  top: 400px;
  width: 200px;
  height: 100px;
  font-size:      120%;
  font-weight:    bold;
  text-align:     center;
}

div#daterange {
  padding: 0.3ex 0.5em;
  font-size: 120%;
  text-align: center;
  color: #AFB0B0;
}
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
 .ui-tabs-nav {
    display: none;
    }
}
/* Skin */
.ui-tabs-nav {
  font-size: 12px;
  list-style: none;
  margin: 0px;
  padding: 0px 0px 0px 4px; 
  height: 26px;
}

* html .ui-tabs-nav {
  height:20px;
}

.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
 float: left;
 margin: 0 0 0 1px;
 min-width: 84px; /* be nice to Opera */
 list-style: none;
 background: none;
 padding: 0px 0px 1px 1px;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
 display: block;
 padding: 0 10px;
 background: url(images/tab.png) no-repeat;
}
.ui-tabs-nav a {
 margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
 padding-left: 0;
 font-weight: bold;
 line-height: 1.2;
 text-align: center;
 text-decoration: none;
 white-space: nowrap; /* required in IE 6 */    
 outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative; top: 1px;  z-index: 2; margin-top: 0;  color: #1190A1;
}
.ui-tabs-nav a span {
 width: 64px; /* IE 6 treats width as min-width */
 min-width: 64px;
 height: 18px; /* IE 6 treats height as min-height */
 min-height: 18px;
 padding-top: 6px;
 padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}

*.ui-tabs-panel {
    border-top: 1px solid #97a5b0;
    font-size:1px;
    margin:-1px 0px 0px 0px;  /* Logilab style */
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/* ========= Lobilab styles =========== */

/* added by katia */
* html .ui-tabs-panel{  
    width:100%;
}

div.simileAjax-bubble-container {
    margin:     0px;
    padding:    0px;
    border:     none;
    position:   absolute;
    z-index:    1000;
}

div.simileAjax-bubble-innerContainer {
    margin:     0px;
    padding:    0px;
    border:     none;
    position:   relative;
    width:      100%;
    height:     100%;
    overflow:   visible;
}

div.simileAjax-bubble-contentContainer {
    margin:     0px;
    padding:    0px;
    border:     none;
    position:   absolute;
    left:       0px;
    top:        0px;
    width:      100%;
    height:     100%;
    overflow:   auto;
    background: white;
}

div.simileAjax-bubble-border-left {
    position:   absolute;
    left:       -50px;
    top:        0px;
    width:      50px;
    height:     100%;
}
div.simileAjax-bubble-border-left-pngTranslucent {
    background: url(../images/bubble-left.png) top right repeat-y;
}

div.simileAjax-bubble-border-right {
    position:   absolute;
    right:      -50px;
    top:        0px;
    width:      50px;
    height:     100%;
}
.simileAjax-bubble-border-right-pngTranslucent {
    background: url(../images/bubble-right.png) top left repeat-y;
}

div.simileAjax-bubble-border-top {
    position:   absolute;
    top:        -50px;
    left:       0px;
    width:      100%;
    height:     50px;
}
.simileAjax-bubble-border-top-pngTranslucent {
    background: url(../images/bubble-top.png) bottom left repeat-x;
}

div.simileAjax-bubble-border-bottom {
    position:   absolute;
    bottom:     -50px;
    left:       0px;
    width:      100%;
    height:     50px;
}
.simileAjax-bubble-border-bottom-pngTranslucent {
    background: url(../images/bubble-bottom.png) top left repeat-x;
}

div.simileAjax-bubble-border-top-left {
    position:   absolute;
    top:        -50px;
    left:       -50px;
    width:      50px;
    height:     50px;
}
.simileAjax-bubble-border-top-left-pngTranslucent {
    background: url(../images/bubble-top-left.png) bottom right no-repeat;
}

div.simileAjax-bubble-border-top-right {
    position:   absolute;
    top:        -50px;
    right:      -50px;
    width:      50px;
    height:     50px;
}
.simileAjax-bubble-border-top-right-pngTranslucent {
    background: url(../images/bubble-top-right.png) bottom left no-repeat;
}

div.simileAjax-bubble-border-bottom-left {
    position:   absolute;
    bottom:     -50px;
    left:       -50px;
    width:      50px;
    height:     50px;
}
.simileAjax-bubble-border-bottom-left-pngTranslucent {
    background: url(../images/bubble-bottom-left.png) top right no-repeat;
}

div.simileAjax-bubble-border-bottom-right {
    position:   absolute;
    bottom:     -50px;
    right:      -50px;
    width:      50px;
    height:     50px;
}
.simileAjax-bubble-border-bottom-right-pngTranslucent {
    background: url(../images/bubble-bottom-right.png) top left no-repeat;
}

div.simileAjax-bubble-arrow-point-left {
    position:   absolute;
    left:       -100px;
    width:      100px;
    height:     49px;
}
.simileAjax-bubble-arrow-point-left-pngTranslucent {
    background: url(../images/bubble-arrow-point-left.png) center right no-repeat;
}

div.simileAjax-bubble-arrow-point-right {
    position:   absolute;
    right:      -100px;
    width:      100px;
    height:     49px;
}
.simileAjax-bubble-arrow-point-right-pngTranslucent {
    background: url(../images/bubble-arrow-point-right.png) center left no-repeat;
}

div.simileAjax-bubble-arrow-point-up {
    position:   absolute;
    top:        -100px;
    width:      49px;
    height:     100px;
}
.simileAjax-bubble-arrow-point-up-pngTranslucent {
    background: url(../images/bubble-arrow-point-up.png) bottom center no-repeat;
}

div.simileAjax-bubble-arrow-point-down {
    position:   absolute;
    bottom:     -100px;
    width:      49px;
    height:     100px;
}
.simileAjax-bubble-arrow-point-down-pngTranslucent {
    background: url(../images/bubble-arrow-point-down.png) bottom center no-repeat;
}


div.simileAjax-bubble-close {
    position:   absolute;
    right:      -10px;
    top:        -12px;
    width:      16px;
    height:     16px;
    cursor:     pointer;
}
.simileAjax-bubble-close-pngTranslucent {
    background: url(../images/close-button.png) no-repeat;
}
.timeline-container {
    position: relative;
    overflow: hidden;
}

.timeline-copyright {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 1000;
    cursor: pointer;
}

.timeline-message-container {
    position:   absolute;
    top:        30%;
    left:       35%;
    right:      35%;
    z-index:    1000;
    display:    none;
}
.timeline-message {
    font-size:      120%;
    font-weight:    bold;
    text-align:     center;
}
.timeline-message img {
    vertical-align: middle;
}

.timeline-band {
    position:   absolute;
    background: #eee;
    z-index:    10;
}

.timeline-band-inner {
    position: relative;
    width: 100%;
    height: 100%;
}

.timeline-band-input {
    position:   absolute;
    width:      1em;
    height:     1em;
    overflow:   hidden;
    z-index:    0;
}
.timeline-band-input input{
    width:      0;
}

.timeline-band-layer {
    position:   absolute;
    width:      100%;
    height:     100%;
}

.timeline-band-layer-inner {
    position:   relative;
    width:      100%;
    height:     100%;
}



/*------------------- Horizontal / Vertical lines ----------------*/

/* style for ethers */
.timeline-ether-lines{border-color:#666; border-style:dotted; position:absolute;}
.timeline-horizontal .timeline-ether-lines{border-width:0 0 0 1px; height:100%; top: 0; width: 1px;}
.timeline-vertical .timeline-ether-lines{border-width:1px 0 0; height:1px; left: 0; width: 100%;}



/*---------------- Weekends ---------------------------*/
.timeline-ether-weekends{
	position:absolute;
	background-color:#FFFFE0;
}

.timeline-vertical .timeline-ether-weekends{left:0;width:100%;}
.timeline-horizontal .timeline-ether-weekends{top:0; height:100%;}


/*-------------------------- HIGHLIGHT DECORATORS -------------------*/
/* Used for decorators, not used for Timeline Highlight              */
.timeline-highlight-decorator,
.timeline-highlight-point-decorator{
	position:absolute;
	overflow:hidden;
}

/* Width of horizontal decorators and Height of vertical decorators is
   set in the decorator function params */
.timeline-horizontal .timeline-highlight-point-decorator,
.timeline-horizontal .timeline-highlight-decorator{
	top:0;
  height:100%;
}

.timeline-vertical .timeline-highlight-point-decorator,
.timeline-vertical .timeline-highlight-decorator{
	width:100%;
	left:0;
}

.timeline-highlight-decorator{background-color:#FFC080;}
.timeline-highlight-point-decorator{background-color:#ff5;}


/*---------------------------- LABELS -------------------------*/
.timeline-highlight-label {
  position:absolute; overflow:hidden; font-size:200%;
  font-weight:bold; color:#999; }


/*---------------- VERTICAL LABEL -------------------*/
.timeline-horizontal .timeline-highlight-label {top:0; height:100%;}
.timeline-horizontal .timeline-highlight-label td {vertical-align:middle;}
.timeline-horizontal .timeline-highlight-label-start {text-align:right;}
.timeline-horizontal .timeline-highlight-label-end {text-align:left;}


/*---------------- HORIZONTAL LABEL -------------------*/
.timeline-vertical .timeline-highlight-label {left:0;width:100%;}
.timeline-vertical .timeline-highlight-label td {vertical-align:top;}
.timeline-vertical .timeline-highlight-label-start {text-align:center;}
.timeline-vertical .timeline-highlight-label-end {text-align:center;}


/*-------------------------------- DATE LABELS --------------------------------*/
.timeline-date-label {
  position: absolute;
  border: solid #aaa;
  color: #aaa;
  width: 5em;
  height: 1.5em;}
.timeline-date-label-em {color: #000;}

/* horizontal */
.timeline-horizontal .timeline-date-label{padding-left:2px;}
.timeline-horizontal .timeline-date-label{border-width:0 0 0 1px;}
.timeline-horizontal .timeline-date-label-em{height:2em}

/* vertical */
.timeline-vertical .timeline-date-label{padding-top:2px;}
.timeline-vertical .timeline-date-label{border-width:1px 0 0;}
.timeline-vertical .timeline-date-label-em{width:7em}


/*------------------------------- Ether.highlight -------------------------*/
.timeline-ether-highlight{position:absolute; background-color:#fff;}
.timeline-horizontal .timeline-ether-highlight{top:2px;}
.timeline-vertical .timeline-ether-highlight{left:2px;}


/*------------------------------ EVENTS ------------------------------------*/
.timeline-event-icon, .timeline-event-label,.timeline-event-tape{
	position:absolute;
	cursor:pointer;
}

.timeline-event-tape,
.timeline-small-event-tape,
.timeline-small-event-icon{
	background-color:#58A0DC;
	overflow:hidden;
}

.timeline-small-event-tape,
.timeline-small-event-icon{
	position:absolute;
}

.timeline-small-event-icon{width:1px; height:6px;}

  
/*--------------------------------- TIMELINE-------------------------*/
.timeline-ether-bg{width:100%; height:100%;}
.timeline-band-0 .timeline-ether-bg{background-color:#eee}
.timeline-band-1 .timeline-ether-bg{background-color:#ddd}
.timeline-band-2 .timeline-ether-bg{background-color:#ccc}
.timeline-band-3 .timeline-ether-bg{background-color:#aaa}
.timeline-duration-event {
    position: absolute;
    overflow: hidden;
    border: 1px solid blue;
}

.timeline-instant-event2 {
    position: absolute;
    overflow: hidden;
    border-left: 1px solid blue;
    padding-left: 2px;
}

.timeline-instant-event {
    position: absolute;
    overflow: hidden;
}

.timeline-event-bubble-title {
    font-weight: bold;
    border-bottom: 1px solid #888;
    margin-bottom: 0.5em;
}

.timeline-event-bubble-body {
}

.timeline-event-bubble-wiki {
    margin:     0.5em;
    text-align: right;
    color:      #A0A040;
}
.timeline-event-bubble-wiki a {
    color:      #A0A040;
}

.timeline-event-bubble-time {
    color: #aaa;
}

.timeline-event-bubble-image {
    float: right;
    padding-left: 5px;
    padding-bottom: 5px;
}