body, input, select, option, textarea {
font-family: Verdana, Arial;
font-size: 10px;
}

body {
background-color: #da5;
margin: 0px;
padding: 0px;
}

div#content {
text-align: center;
clear: both;
}

div#footer {
font-size: 10px;
text-align: center;
}

h1 {
text-align: center;
font-size: 18px;
}
h2 {
text-align: center;
font-size: 16px;
}

legend {
color: #000000;
margin-bottom: 5px;
font-weight: bold;
}

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

.errors {
color: red;
font-weight: bold;
}

.spacer {
clear:both;
}

.xiti {
text-align: right;
margin: 5px;
}

/* Pub google*/
div#pubGoogle {
margin: auto;
margin-top: 100px;
}

a img {
border: none;
}

a:link {color: #FFFFFF} /* unvisited link */
a:visited {color: #FFFFFF} /* visited link */
a:hover {color: #FFFFFF} /* mouse over link */
a:active {color: #FFFFFF} /* selected link */

#infosVue {
position: absolute;
border: 1px solid #000000;
background-color: #FFFFFF;
padding: 5px;
margin: 0px;
text-align: left;
visibility: hidden;
}
#infosVue a {
color: #000000;
}

/* Page de statistiques */
table#statsGraphics {
width: 60%;
margin: auto;
text-align: center;
border: none;
}
table#statsGraphics td {
border: none;
}
table#statsGraphics ul#statsTrollList {
float: left;
list-style-type: none;
text-align: left;
margin: 15px;
padding: 0px;
}
table#statsGraphics ul#statsTrollList li {
padding: 3px 7px;
text-indent: 0px;
margin: 0px;
border: 1px solid #000000;
}

/* Page de vue */
#img_vue {
}
form#mapVueForm {
margin: 10px;
}
div#mapVueImage {
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
ul#mapVueLegende, ul#mapVueLegendeCouleurs {
width: 600px;
margin-left: auto;
margin-right: auto;
padding: 0px;
list-style-type: none;
}
ul#mapVueLegende li, ul#mapVueLegendeCouleurs li {
text-align: left;
font-weight: bold;
margin: 0px 7px;
padding: 0px 0px;
display: inline;
cursor: help;
}
ul#mapVueLegendeCouleurs li {
padding: 5px;
}
ul#mapVueLegende li#troll {
}
ul#mapVueLegende li#monstre {
}
ul#mapVueLegende li#tresor {
}
ul#mapVueLegende li#lieu {
}
ul#mapVueLegende li#champignon {
}
ul#mapVueLegendeCouleurs li#ami {
background-color: #47C847;
}
ul#mapVueLegendeCouleurs li#ennemi {
background-color: #EB5858;
}
ul#mapVueLegendeCouleurs li#neutre {
background-color: #C8C8C8;
}
ul#mapVueLegendeCouleurs li#membre {
background-color: #aaccff;
}
ul#mapVueLegendeCouleurs li#lieuTemporaire {
background-color: #FEF4DE;
}
ul#mapVueLegendeCouleurs li#lac {
background-color: #5050C8;
}
ul#mapVueLegendeCouleurs li#lieuFixe {
background-color: #AE88AE;
}
ul#mapVueLegendeCouleurs li#lieu {
background-color: #AE88AE;
}
span.Ami, #infosVue span.Ami a {
color: #47c847;
font-weight: bold;
}
span.Ennemi, #infosVue span.Ennemi a {
color: #eb5858;
font-weight: bold;
}
span.Neutre, #infosVue span.Neutre a {
color: #C8C8C8;
font-weight: bold;
}
span.Membre, #infosVue span.Membre a {
color: #000099;
font-weight: bold;
}

/* Page d'accueil*/
#memoStatic p {
text-align: justify;
padding: 0 5px;
}
#chatMessageBox {
background-color:#cba;
border: 0;
padding: 0;
border: 1px solid #777;
}
fieldset#news, fieldset#diplomatie, fieldset#memo {
margin: 5px auto;
width: 90%;
padding: 0px;
display: block;
}
fieldset#news legend, fieldset#diplomatie legend, fieldset#memo legend {
font-size: 11px;
padding: 2px;
}
fieldset div#newsContent, fieldset div#diplomatieContent, fieldset div#memoContent {
padding: 0px;
margin: 0px;
}
fieldset div#newsContent p, fieldset div#diplomatieContent p {
padding: 0px;
margin: 0px;
}
fieldset div#diplomatieContent ul, fieldset div#memoContent form {
padding: 0px;
margin: 0px;
}
fieldset div#memoContent textarea {
width: 90%;
height: 250px;
}
fieldset div#diplomatieContent li {
text-align: left;
font-weight: bold;
margin: 0px 20px;
padding: 5px;
display: inline;
}
fieldset div#diplomatieContent .diplomatieAmis {
color: #008040;
}
fieldset div#diplomatieContent .diplomatieAmis a {
color: #008040;
font-weight: bold;
}
fieldset div#diplomatieContent .diplomatieEnnemis {
color: #990000;
}
fieldset div#diplomatieContent .diplomatieEnnemis a {
color: #990000;
font-weight: bold;
}
fieldset div#diplomatieContent .diplomatieNeutres {
color: #C8C8C8;
}
fieldset div#diplomatieContent .diplomatieNeutres a {
color: #C8C8C8;
font-weight: bold;
}
table {
text-align: center;
border: 1px solid #000000;
margin: 5px auto;
}
table th {
font-weight: bold;
padding: 10px;
border: 1px solid #000000;
}
table td {
font-size: 10px;
padding: 3px;
border: 1px solid #000000;
}
table#trollsList td.date {
text-align: right;
}
table#trollsList th {
padding: 0px 10px;
}
table#trollsList span.DLA {
font-weight: bold;
}
ul#accueil_admin_links li {
display: inline;
margin: 10px;
}
ul#accueil_user_links li {
display: inline;
margin: 5px;
}
ul#accueil_user_links, ul#accueil_admin_links {
margin: 7px;
padding: 0px;
}
div#maps {
width: 762px;
margin: 0px auto;
text-align: center;
/*border: 1px solid #000000;*/
}
div#map, div#mapParcours {
float: left;
width: 301px;
padding: 5px 40px;
/*border: 1px solid red;*/
}
div#map p, div#mapParcours p {
padding: 0px;
margin: 0px;
}
.vieContainer {
background-color: #CCC;
width: 50px;
height: 6px;
border: 1px solid #000;
text-align: left;
}

.vieContainer div {
height: 6px;
font-size: 0;
}

td.PADispo {
font-weight: bold;
background-color: #B8EEB8;
opacity: .5;
filter: alpha(opacity=50);
}

tr.intangible {
background-color: #bbb;
opacity: .5;
filter: alpha(opacity=50);
}

/* Page de calculs d'experience */
div#calculs {
width: 100%;
clear: both;
float: left;
}

div#calculs form {
width: 49%;
float: left;
text-align: left;
}

div#calculs form input {
width: 6em;
}

div#calculs form option {
font-size: 11px;
}

div#calculs form input#result {
font-weight: bold;
background: transparent;
border: none;
}

div#calculs form div#submit {
text-align: center;
}

div#calculs form fieldset {
height: 120px;
margin: 10px 10px;
}

div#calculs form fieldset div label {
float: left;
width: 12em;
}

/* Formulaire d'admin */
div.adminForm form {
width: 60%;
margin: auto;
}
div.adminForm form fieldset {
text-align: left;
padding: 15px;
}
div.adminForm form fieldset div label {
float: left;
width: 12em;
}
div.adminForm form fieldset div.hidden select {
visibility: hidden;
}
div.adminForm form div#submit {
margin: 5px;
text-align: center;
}

/* Formulaire de login */
div#loginForm form {
width: 350px;
margin: auto;
}
div#loginForm form fieldset {
text-align: left;
padding: 15px;
}
div#loginForm form fieldset div label {
float: left;
width: 12em;
}
div#loginForm form div#submit {
margin: 5px;
text-align: center;
}

/* Page des lieux */
table#lieux {
width: 95%;
border: 1px solid #000000;
}
table#lieux a img{
border: none;
}
table#lieux td{
padding: 4px 5px;
border: 1px solid #000000;
}
table#lieux th{
padding: 3px;
border: 1px solid #000000;
font-weight: bold;
}

/* Page de profil */
#profilInfos fieldset {
text-align: left;
margin: 5px auto;
width: 60%;
padding: 15px;
display: block;
}
#profilInfos li.equipementEquipe {
list-style-type: disc;
}
#profilInfos li.equipementNonEquipe {
list-style-type: circle;
}
#profilInfos li.mouchePresente {
list-style-type: disc;
}
#profilInfos li.moucheAbsente {
list-style-type: circle;
}
#profilInfos #infosMouches div {
float: left;
width: 250px;
}

/* Page sur les gowaps et taniýres */
ul.gowapList, ul.taniereList, ul.gowapEquipementList, ul.taniereEquipementList, ul.membreEquipementList {
text-align: left;
margin: 10px;
}

/* Page de calcul d'itinýraire */
fieldset#itineraire {
margin: 5px auto;
width: 60%;
padding: 0px;
}
table#resultItineraire td, table#resultItineraire th {
padding: 5px;
}
table#resultItineraire tr.nml {
color: #DD2222;
font-weight: bold;
}

/* Page de calcul de proba */
fieldset#attaque_esquive {
margin: 5px auto;
width: 60%;
padding: 0px;
}
ul#resultAttaqueEsquive {
text-align: justify;
margin: 55px auto;
width: 300px;
}
ul#resultAttaqueEsquive li {
margin: 10px;
}

/* Page du supertroll */
#supertroll .maxValue {
color: #9E9;
font-weight: bold;
}
#supertroll .minValue {
color: #FC0;
font-weight: bold;
}

.select2select div {
float: left;
}