/* --------------- styles for Tooltip -----------------------*/

.simpletooltip[aria-hidden="true"],
.minimalist-simpletooltip[aria-hidden="true"],
.minimalist-left-simpletooltip[aria-hidden="true"],.right[aria-hidden="true"]  {
  display: none;
}




/* position relative for containers */
.simpletooltip_container,
.minimalist-simpletooltip_container,.right,
.minimalist-left-simpletooltip_container {
  position: relative;
}

.css-info-bulle-footer {
  position: absolute; 
  top: -14px;
  left: 95%;
}

/* tooltip styles */
.simpletooltip, .right,
.minimalist-simpletooltip, 
.minimalist-left-simpletooltip {
  position: absolute;
  z-index: 666;
  max-width: 15em;
  border-radius: .5em;
  background: rgba( 0, 0, 0, .9 );
  color: #eee;
  padding: .5em;
  text-align: center;
 
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  
}

.social{
	width: 15em;
	top: 0em;
}

.simpletooltip, 
.minimalist-simpletooltip {
  right: auto;
  left: 100%;
  margin-left: .5em;
}
.minimalist-left-simpletooltip {
  right: 100%;
  left: auto;
  margin-right: .5em;
}

#tooltip-lien-fascicule1 {
  width: 200px;
  top: 10px !important;
  left: 7px !important;
  right: 0%;
  left: 0%;
  margin-right: .5em;
  margin-left: 1.5em;
}

#tooltip-lien-fascicule2 {
  width: 200px;
  top: 10px !important;
  left: 7px !important;
  right: 0%;
  left: 0%;
  margin-right: .5em;
  margin-left: 1.5em;
}

 .right {
    right: 54%;
    left: auto;
    margin-right: -6.5em;
}


/* used pseudo-element to make arrows 
.simpletooltip::before,
.minimalist-simpletooltip::before,
.minimalist-left-simpletooltip::before {
  content: '';
  speak: none;
  position: absolute;
  z-index: 666;
  width: 18px;
  height: 10px;
}

*/
/* used pseudo-element to make arrows 
.right::before
 {
  content: '';
  speak: none;
  position: absolute;
  z-index: 666;
  width: 18px;
  height: 3px;
}

*/







/*

.simpletooltip::before,.right::before,
.minimalist-simpletooltip::before {
  top: .5em;
  left: -10px;
  margin-left: -10px;
  border: 10px solid transparent;
  border-right: 10px solid rgba( 0, 0, 0, .9 );
}
.minimalist-left-simpletooltip::before {  
  top: .5em;
  right: -10px;
  margin-right: -10px;
  border: 10px solid transparent;
  border-left: 10px solid rgba( 0, 0, 0, .9 );
  
  border-width: 4px !important;
  right: -8px !important;
  
}
*/


/* it can be easily adapted in media-queries for tablets/mobile */

/* for this example: mobile */
@media (max-width: 44.375em) {

  .simpletooltip, 
  .minimalist-simpletooltip,.right,
  .minimalist-left-simpletooltip  {
    top: 100%;
    left: 50%;	 
    margin: 0;
	margin-top: .7em;
	margin-left: -5em;
	right: auto;
  }
  
  /*
  .simpletooltip::before, .right::before,
  .minimalist-simpletooltip::before,
  .minimalist-left-simpletooltip::before  {
    top: -10px;
	  right: auto;
	  left: 50%;
	  margin-left: -5px;
    margin-top: -10px;
    border: 10px solid transparent;
    border-bottom: 10px solid rgba( 0, 0, 0, .9 );
  }
  
}
*/

.menu_tetiere .logo span>.simpletooltip{
      margin-left: 10.5em;
}

/*
.menu_tetiere .logo span>.simpletooltip::before {
    top: .5em;
    left: -18px !important;
    margin-left: -10px;
    border: 10px solid transparent;
    border-right: 10px solid rgba( 0, 0, 0, .9 );
    height: 5px;
    left: -24px !important;
       
}
*/

/*
.menu_tetiere .recherche span> .minimalist-left-simpletooltip::before {
    top: 0.5em;
    right: -10px;
    margin-right: -15px;
    border: 10px solid transparent;
    border-left: 10px solid rgba( 0, 0, 0, .9 );
    border-width: 4px !important;
    right: -10px !important;
    height:8px;
}

*/
.menu_tetiere .logo .log_gallica2 spans.simpletooltip_container {
	position: absolute;
}
.menu_tetiere .logo .log_gallica2 {
   
    margin-left: -2px;
    position: absolute;
    top: 0;
    z-index: 10;
}







/*

.right::before {
  top: .5em;
  left: 88px;
  margin-left: -10px;
  border: 10px solid transparent;
  border-left: 10px solid rgba( 0, 0, 0, .9 );
    border-width: 4px !important;
  right: -8px !important;
   

}


*/


}