#conteneur
{width:90%;
max-width:550px;
margin-left:auto;
margin-right:auto;
padding:5px;}

#conteneur_non_defini
{margin-left:auto;
margin-right:auto;
padding:20px;}



body
{
background-color:#2E2E2E;
color:#F2F2F2;
font-family:sans-serif;
font-size:16px;
line-height:21px;
text-align:justify;
letter-spacing:0.6px;}

.retrait
{margin-left:14px;}

.textejustifie
{text-align:justify;}

.textejustifieg
{text-align:justify;
font-weight:bold;}

.textejustifiei
{text-align:justify;
font-style:italic;}

.textejustifiegi
{text-align:justify;
font-weight:bold;
font-style:italic;}


.textecentre
{text-align:center;}

.textecentreg
{text-align:center;
font-weight:bold;}

.notecentre
{font-family:sans-serif;
font-size:13px;
text-align:center;}


.grandtitre
{text-align:center;
margin-top:30px;
margin-bottom:20px;
line-height:24px;
font-size:22px;
font-weight:bold;}

.titrenormal 
{margin-top:40px;
margin-bottom:25px;
text-align:center;}

.interligne
{height:8px;}

.interligne3
{height:3px;}

.interligne5
{height:5px;}

.interligne6
{height:6px;}


.interligne8
{height:8px;}

.interligne10
{height:10px;}

.interligne12
{height:12px;}


.notej
{font-family:sans-serif;
font-size:12px;
text-align:justify;}



a:link { color: #DBA901 ; text-decoration: none } 
a:visited { color: #886A08 ; text-decoration: none } 
a:active { color: #DBA901 ; text-decoration: none} 
a:hover { color: #FACC2E ; text-decoration: none } 


.titreextrait 
{margin-top:3em;
margin-bottom:2em;
text-align:center;}

.navig
{
font-size:16px;
text-align:center;
line-height:24px;
font-weight:bold;}


.blocnavig
{margin:auto;
padding-top:0px;
background-color:#969696;
padding:0px;}



.jaune
{
background-color:#D7DF01;
}

.bleu
{
background-color:lightblue;
}

.gris
{
background-color:gray;
}


.souligne
{
text-decoration:underline;
}

.vert
{
color:#58FA58;
}

.rouge
{
color:red;
}

.bleu
{
color:#0080FF;
}

table
{
border-collapse:collapse;
}

td, th 
{
border: thin solid #FAFAFA;
}

.barre
{
text-decoration:line-through;
}

.tab
{
padding:2px;
}

.infobulle {
  position: relative;  /* les .infobulle deviennent référents */
  cursor: help;
}

/* on génère un élément :after lors du survol et du focus :*/

.infobulle:hover::after,
.infobulle:focus::after {
  content: attr(aria-label);  /* on affiche aria-label */
  position: absolute;
  top: -2.4em;
  left: 50%;
  transform: translateX(-50%); /* on centre horizontalement  */
  z-index: 1; /* pour s'afficher au dessus des éléments en position relative */
  white-space: nowrap;  /* on interdit le retour à la ligne */
}