body {
  background-image:url("/odyssee/images/intro_fond.gif");
  background-color:#000;
  text-align:center;
  color:#AB9C9C;
  font:14px/16px Arial, Helvetica, sans-serif;
}
#retour { text-align:left }
a:link {text-decoration:none; color:#7DD60F}
a:visited {text-decoration:none; color:#EA6A2C}
a:active {text-decoration:none; color:#AB9C9C}
a:hover {text-decoration:none;  color:#FFFF80}
.speciallink {text-decoration:none; color:#AB9C9C;}
table {margin:auto;}
#pmi form table { margin:0 0 0 10px; text-align:center }
td.perso {text-align:left;}

/* perso.statut */
#ps table tr td { text-align:left }
.graphe {
     position:relative; /* IE hack */
     border:1px solid #FCCA58;
     padding:2px;
}
.graphe#bleue { border-color:#1960F6 }
.graphe .barre {
     display:block;
     position:relative;
     background:#FCCA58;
     text-align:center;
     color:black;
     height:10px;
     line-height:10px;
     font-size:65%;
}
.graphe#bleue .barre { background-color:#1960F6 }

/* zone de texte */
div textarea { width:500px; height:200px; word-wrap:break-word; }

#bs div, #bra div, #bda div, #bcc div, #gga div, #gpa div, #mpda div {
  width:500px;
  margin:auto;
  text-align:left;
  padding:10px 0 10px 0;
}
#type-compte div p {
  border-left:3px solid white;
  margin-left:50px;
  margin-top:5px;
  padding-left:10px;
}
#type-compte span, #zone-argent span {
  color:white;
  font-size:13pt;
  font-weight:bold;
  margin-left:-10px;
}
#zone-entrainement { padding:10px 0px; width:250px; margin:auto }
#zone-regle { padding:10px 0; width:400px; margin:auto }
a, a:hover, a:active, a:link, a:visited, a.lienpardefaut { color:#7ED60F }
a.rouge { color:red }
.avec-description { font-style:italic }
.erreur{ color:red }
#divImgDescr{
	text-align:left;
	vertical-align:top
}
.objetEquipe{
	color: #ffff80;
}

#tabs {
  text-align:left;
  width:600px;
  max-width:100%;
  margin:auto;
}
#opaquetextTab {
	border: 1px solid #E3DDCD;
	background-color: transparent;
	position: absolute;
	z-index: 2;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0;
	width:600px;
  max-width: calc(100vw - 30px);
}
#translucentbkgTab {
	background-color: #7DD60F;
	filter: alpha(opacity=27);
	-moz-opacity: 0.27;
	opacity: 0.27;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0;
	width:600px;
  max-width: calc(100vw - 30px);
}
#tabs ul.tabnav {
	margin: 0;
	padding: 0 0 20px 10px;
	width: 100%;
	list-style-type: none;
}
#tabs ul.tabnav li {
	margin: 0;
	padding: 0;
	display: inline;
}
#tabs a {
	color: #FFF;
	text-decoration: none;
}
#tabs ul.tabnav a:link, #tabs ul.tabnav a:visited {
  float: left;
  line-height: 14px;
  font-weight: bold;
  margin: 0 10px 4px 10px;
  text-decoration: none;
  max-width: 50%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#tabs ul.tabnav li.active a:link, #tabs ul.tabnav li.active a:visited {
	border-bottom: 4px solid #7ED60F;
	padding-bottom: 2px;
}
#Classe {
  display:none;
}

.interdit::before {
  background-image: url("https://alpha.jdr-odyssee.net/odyssee/images/interdit.png");
  /* image "interdit.png" à ajouter */
  position: absolute;
  content: '';
  width: 32px;
  height: 32px;
}
.interdit + td {
  text-decoration: line-through;
  text-decoration-color: red;
}