/*
 * Style sheet for the HTML 4.0 specification
 * $Id: default.css,v 1.13 1999/03/08 17:25:02 ijacobs Exp $
 */

div.example {
    width: 100%;
    color: black;
}
div.dtd-example {
    width: 100%;
    color: black;
}
tt.example {
    color: maroon;
    margin-left: 1em;
}
pre {
    color: maroon;
    margin-left: 1em;
}
div.dtd-fragment {
    width: 100%;
    border: none;
    background-color: #eee;
}
pre.dtd-fragment {
    margin-left: 0;
}
pre.dtd {
    color: black;
    margin-left: 0;
}
div.illegal-example {
    width: 100%;
    color: red;
    border: solid red;
}
div.illegal-example p {
    color: black;
}
div.deprecated-example {
    width: 100%;
    color: red;
    border: solid rgb(255,165,0); /* orange */
}
div.deprecated-example p {
    color: black;
}
div.note {
    color: green;
    margin-left: 1em;
}
p.note {
    color: green;
    margin-left: 1em;
}
ul.toc {
    list-style-type: none;
}

a.normref { 
    color : red;
}	

a.informref {
    color : green;
}

td.cadre {
border: solid thin;
}

DIV.subtoc {padding: 1em; border: solid thin; margin: 1em 0;
    background: #ddd;
    }

div.espace5car {
margin-left:5em;
}

/* sinscrire */
a.bulle { 
position:relative;
/* color:#C800F0; */
/* color:black; */
color:blue;
text-decoration:none;
font-family:arial, verdana, sans-serif;
text-align:center;
}

a.bulle:hover {
background: none;
z-index: 50;
}

a.bulle span {
display: none;
}

a.bulle:hover span {
display: block;
position: absolute;
/* top: -4px;  */
top: 10px; 
left: 0px; 
/* font-family:arial, verdana, sans-serif; */
text-align:left;
font-size:17px;
/* color:#0CBFA7;  */
color: blue;
font-weight:normal;
/*width:200px;*/
width:100px;
background: white;
padding: 5px;
border: #62c0f4 solid 1px ;
text-indent: 0;
}

/* popup */
 /* Popup container */
.spopup {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

/* The actual popup (appears on top) */
.spopup .spopuptext {
/*   visibility: hidden; */
  visibility: visible;
  width: 240px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: -150px;
  left: 50%;
  margin-left: -80px;
}

/* Popup arrow */
.spopup .spopuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.spopup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s
}

.spopup .close {
  visibility: hidden;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}