span[ibulleParcours]{
  border-bottom: 0px dotted #888;
  cursor: Pointer;
  line-height: normal;
}
[ibulleParcours]{
  display: inline-block;
  position: relative;
}
[ibulleParcours]:hover::before{
  	/*content: 'Autre(s) nom(s):\a' attr(ibulle3);*/
	content: attr(ibulleParcours) ' une des trois collections du projet' ;
	/*white-space: pre;*/
    position: absolute;
    left: 120px;
    top: 0px;
    width: 265px;
    border: 1px #696040 solid;
    border-radius: 10px;
    background-color: rgba(233, 230, 211, 0.9);
    padding: 8px;
    color: #564D2C;
    font-size: 13px;
	font-family:Calibri;
	font-weight: normal;
    z-index: 2;
}
/* This is a single-line comment */
 [ibulleParcours]:hover::after {
  content: url(../ico/iBulleParcours1_0_0.jpg);
  box-shadow: 3px 3px;
  position: absolute;
  padding: 0px;
  border: 1px #696040 solid;
  border-radius: 1px;
  left: 120px;
  top: 35px;
  z-index: 1;
  background-color: rgba(233, 230, 211, 0.9);
}

span[ibulleMucem]{
  border-bottom: 0px dotted #888;
  cursor: Pointer;
  line-height: normal;
}
[ibulleMucem]{
  display: inline-block;
  position: relative;
}
[ibulleMucem]:hover::before{
  	/*content: 'Autre(s) nom(s):\a' attr(ibulle3);*/
	content: attr(ibulleMucem) '- collection MuCEM' ;
	/*white-space: pre;*/
    position: absolute;
    left: 120px;
    top: 0px;
    width: 265px;
    border: 1px #696040 solid;
    border-radius: 10px;
    background-color: rgba(233, 230, 211, 0.9);
    padding: 8px;
    color: #564D2C;
    font-size: 13px;
	font-family:Calibri;
	font-weight: normal;
    z-index: 2;
}
/* This is a single-line comment */
 [ibulleMucem]:hover::after {
  content: url(../ico/ibulleMucem1_0_0.jpg);
  box-shadow: 3px 3px 1px #8F865E;
  position: absolute;
  padding: 0px;
  border: 1px #696040 solid;
  border-radius: 1px;
  left: 120px;
  top: 35px;
  z-index: 1;
  background-color: rgba(233, 230, 211, 0.9);
}

span[ibulleMucemChoice]{
  border-bottom: 0px dotted #888;
  cursor: Pointer;
  line-height: normal;
}
[ibulleMucemChoice]{
  display: inline-block;
  position: relative;
}
[ibulleMucemChoice]:hover::before{
  	/*content: 'Autre(s) nom(s):\a' attr(ibulle3);*/
	content: 'collection MuCEM: ' attr(ibulleMucemChoice);
	/*white-space: pre;*/
    position: absolute;
    left: 10px;
    top: 21px;
    width: 265px;
    border: 1px #696040 solid;
    border-radius: 10px;
    background-color: rgba(233, 230, 211, 0.9);
    padding: 8px;
    color: #564D2C;
    font-size: 13px;
	font-family:Calibri;
	font-weight: normal;
    z-index: 2;
}

span[ibulleContrib]{
  border-bottom: 0px dotted #888;
  cursor: Pointer;
  line-height: normal;
}
[ibulleContrib]{
  display: inline-block;
  position: relative;
}
[ibulleContrib]:hover::before{
  	/*content: 'Autre(s) nom(s):\a' attr(ibulle3);*/
	content: attr(ibulleContrib) ' au projet :\a accès aux 3 modes ' ;
	/*white-space: pre;*/
    position: absolute;
    left: 70px;
    top: 0px;
    width: 265px;
    border: 1px #696040 solid;
    border-radius: 10px;
    background-color: rgba(233, 230, 211, 0.9);
    padding: 8px;
    color: #564D2C;
    font-size: 13px;
	font-family:Calibri;
	font-weight: normal;
    z-index: 2;
}
/* This is a single-line comment */
 [ibulleContrib]:hover::after {
  content: url(../ico/ibulleContrib1_0_0.jpg);
  box-shadow: 3px 3px;
  position: absolute;
  padding: 0px;
  border: 1px #696040 solid;
  border-radius: 1px;
  left: 70px;
  top: 35px;
  z-index: 1;
  background-color: rgba(233, 230, 211, 0.9);
}

span[ibulleProjet]{
  border-bottom: 0px dotted #888;
  cursor: Pointer;
  line-height: normal;
}
[ibulleProjet]{
  display: inline-block;
  position: relative;
}
[ibulleProjet]:hover::before{
  	/*content: 'Autre(s) nom(s):\a' attr(ibulle3);*/
	content: attr(ibulleProjet) '\a au portail d\'entrée du projet' ;
	/*white-space: pre;*/
    position: absolute;
    left: 70px;
    top: 0px;
    width: 265px;
    border: 1px #696040 solid;
    border-radius: 10px;
    background-color: rgba(233, 230, 211, 0.9);
    padding: 8px;
    color: #564D2C;
    font-size: 13px;
	font-family:Calibri;
	font-weight: normal;
    z-index: 2;
}
/* This is a single-line comment */
 [ibulleProjet]:hover::after {
  content: url(../ico/portailprojet1_0_0.jpg);
  box-shadow: 3px 3px;
  position: absolute;
  padding: 0px;
  border: 1px #696040 solid;
  border-radius: 1px;
  left: 70px;
  top: 35px;
  z-index: 1;
  background-color: rgba(233, 230, 211, 0.9);
}


span[ibulleEdifices]{
  border-bottom: 0px dotted #888;
  cursor: Pointer;
  line-height: normal;
}
[ibulleEdifices]{
  display: inline-block;
  position: relative;
}
[ibulleEdifices]:hover::before{
  	/*content: 'Autre(s) nom(s):\a' attr(ibulle3);*/
	content: attr(ibulleEdifices) '- collection édifices' ;
	/*white-space: pre;*/
    position: absolute;
    left: 10px;
    top: 21px;
    width: 265px;
    border: 1px #696040 solid;
    border-radius: 10px;
    background-color: rgba(233, 230, 211, 0.9);
    padding: 8px;
    color: #564D2C;
    font-size: 13px;
	font-family:Calibri;
	font-weight: normal;
    z-index: 2;
}
/* This is a single-line comment */
 [ibulleEdifices]:hover::after {
  content: url(../ico/ibulleEdifices.jpg);
  box-shadow: 3px 3px 1px #8F865E;
  position: absolute;
  padding: 0px;
  border: 1px #696040 solid;
  border-radius: 1px;
  left: 20px;
  top: 60px;
  z-index: 1;
  background-color: rgba(233, 230, 211, 0.9);
}

span[ibulleEdsChoice]{
  border-bottom: 0px dotted #888;
  cursor: Pointer;
  line-height: normal;
}
[ibulleEdsChoice]{
  display: inline-block;
  position: relative;
}
[ibulleEdsChoice]:hover::before{
  	/*content: 'Autre(s) nom(s):\a' attr(ibulle3);*/
	content: 'collection édifices: ' attr(ibulleEdsChoice);
	/*white-space: pre;*/
    position: absolute;
    left: 10px;
    top: 21px;
    width: 265px;
    border: 1px #696040 solid;
    border-radius: 10px;
    background-color: rgba(233, 230, 211, 0.9);
    padding: 8px;
    color: #564D2C;
    font-size: 13px;
	font-family:Calibri;
	font-weight: normal;
    z-index: 2;
}