/* définition pour les pages en général : le fond et les styles*/


body 
{
background-color: #a8a9ad ;
color : #000000;
font-size : 12pt;
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
} 

p
{
font-size: 10pt ;
text-align : justify;
font-family: Georgia, Times, Verdana, Arial, Helvetica, sans-serif;
font-weight : normal;
}

li
{
list-style-type: disc;
}

h1
{
color : #232427;
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
text-align: center ; 
font-weight : bold;
font-size : 28pt;
}

h2
{
color : #232427;
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
text-align: left ; 
font-weight : bold;
font-size : 18pt;
}

h3
{
color : #232427;
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
text-align: left ;
font-size : 16pt;
font-weight : bold;
font-style : italic;
}

h4
{
color : #232427;
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
text-align: left ;
font-size : 12pt;
font-weight : bold;
text-decoration :  underline;
font-style : italic;
}

.soustitre
{color : #232427;
font-style : normal;
font-weight : bold;
font-size : 20;
font-style : italic;
text-decoration :  none;
text-align : center;
}

.soustitre2
{
color : #232427;
font-style : normal;
font-weight : bold;
font-style : italic;
font-size : 14;
text-align: center ;
}

.important
{
font-size : normal;
font-style : normal;
/*text-decoration :  underline;*/
font-style : italic;
color : red;
font-weight : bold;
}

.exemple
{
font-style : italic;
font-size : smaller;
}

.remarque
{
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
font-size : xx-small;
}

.credits
{
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
font-size : xx-small;
font-weight : bold;
text-align : center;
}


.fondtableautitre /* un fond pour le tableau des jeux, qui est ainsi plus lisible */
{
  background : #bbbbbb;
} 

.fondtableauligne /* un fond pour le tableau des jeux, qui est ainsi plus lisible */
{
  background : #dddddd;
} 


.M /* un style rien que pour lui, qui était au dessus du logo de l'antre, et qui sert dans le cadre de gauche */
{
font-family: Times New Roman;
text-align : center;
}

a:link , a:visited, a:active {
color: red;
text-decoration: underline;
font-weight : bold;
}

a:hover {
color: red;
text-decoration: none;
font-style : oblique;
}


/* définitions des zones pour les textes */

#global {
     position: relative; /* on positionne le conteneur */
     margin-left: auto;
     margin-right: auto;
     width: 900px;
     text-align: left;
     }

#zonelogo {
background-color : #a8a9ad ;
position: absolute;
top : 0px;
left : 0px;
width : 220px;
height : 220px;
float: left;
}


.logo 
{
float: right; 
margin-right: 10px; 
margin-top: 10px;
border: 0;
}

#zonebanniere 
{
position: absolute;
top : 0px;
left : 300px;
width: 600px;
height : 150px;
} 


#zoneprincipale
{
position: absolute;
top : 200px;
left : 300px;
width: 600px;
padding : 5px;
background-color : #a8a9ad;
}

#zonetextehaut
{
width: 600px; /*largeur du cadre*/
padding-top: 10px; /*hauteur de l'arrondi*/
background: url(img/cadreprincipalhaut.gif) top left no-repeat;
}

#zonetextebas
{
width: 600px;
background: url(img/cadreprincipalbas.gif) bottom left no-repeat;
padding-bottom: 10px;
}

#zonetitre
{
background-color : #a8a9ad ;
}

#zonetexte {
background-color: #ffffff;
}

#zonecredits
{
background-color: #a8a9ad;
padding : 5px;
}

#zoneaffiche
{
background-color: #ffffff;
position: absolute;
top : 500px;
left : 20px;
width: 200px;
}

#zoneaffichehaut
{
width: 200px; /*largeur du cadre*/
padding-top: 10px; /*hauteur de l'arrondi*/
background: url(img/cadrealeatoirehaut.gif) top left no-repeat;
}

#zoneaffichebas
{
width: 200px;
background: url(img/cadrealeatoirebas.gif) bottom left no-repeat;
padding-bottom: 10px;
}

#contenu {
padding : 15px;
}


/* définitions pour le menu*/

#menu {
position: absolute; /* placement du menu par rapportà l'angle en haut à gauche*/
top: 300; /* 300 lignes en dessous*/
left: 10; /* sur le bord gauche*/
}

#menu {
width: 14em; /* largeur du menu*/
}

#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
/* border: 1px solid gray; */
border : 0;
background: #51535d;
color : #ffffff;
}
#menu dd {
position: absolute;
z-index: 100;
left: 8em;
margin-top: -1.4em;
width: 20em;
background: #51535d;
/* border: 1px solid gray;*/
}
#menu li {
text-align: center;
background: #51535d;
}
#menu li a, #menu dt a {
color: #ffffff;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #000000;
font-style : normal;
}

/* fin des définitions pour le menu*/