/*#####GENERAL#####*/

body
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
background-color: #C5B9AD;
}
	
#conteneur 
{
position: absolute;
width: 100%;
background-color: #B7A798;
}

/*##########################################*/
#cadre_haut
{
height: 230px;
background-image: url("design/tete_centre.jpg");
}
	
#cadre_haut_gauche
{
width: 417px;
height: 230px;
float: left;
background-image: url("design/tete_gauche.jpg");
}
	
#cadre_haut_droite
{
width: 360px;
height: 230px;
float: right;
background-image: url("design/tete_droite.jpg");
}

#clik_cadre_haut_gauche
{
width: 360px;
height: 120px;
float: left;
}

/*##########################################*/
#cadre_gauche
{
width: 182px;
float: left;
background-color: #B7A798;
}

#menus
{
margin-left: 10px;
margin-bottom: 20px;
}

#menu_lecheat_haut
{
width: 163px;
height: 37px;
background-image: url("design/titre_cheat.jpg");
}

#menu_lecheat_centre
{
width: 163px;
background-image: url("design/contenu_menu.jpg");
padding-top: 10px;
}

#menu_lecheat_bas
{
width: 163px;
height: 19px;
background-image: url("design/menu_bas.jpg");
}

#menu_services_haut
{
width: 163px;
height: 33px;
background-image: url("design/titre_services.jpg");
}

#menu_services_centre
{
width: 163px;
background-image: url("design/contenu_menu.jpg");
padding-top: 10px;
}

#menu_services_bas
{
width: 163px;
height: 19px;
background-image: url("design/menu_bas.jpg");
}

/*##########################################*/
#cadre_droite
{
margin-left: 182px;
background-color: #C5B9AD;
}

#contenu
{
width: 95%;
min-height: 500px;
margin-left: 20px;
padding-bottom: 15px;
}

table.news
{
border-collapse: collapse;
width: 60%;
margin: auto;
}

td.titre_news
{
border: 1px solid black;
background-color: #B7A798;
padding-left: 10px;
}

td.contenu_news
{
border: 1px solid black;
padding: 5px;
background-color: #E6DFD8;
}

table.cheats
{
border-collapse: collapse;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}

th.cheats
{
border: 2px solid black;
background-color: #B9B9B7;
}

td.cheats
{
font-size: 80%;
vertical-align: center;
border: 1px solid black;
background-color: #D8D8D7;
}

table.acces
{
border-collapse: separate;
width: 90%;
border-spacing: 15px;
}

td.acces_unique
{
width: 50%;
vertical-align: top;
border: 5px dotted black;
background-image: url(images/ap_acces.gif);
background-color: #D8D8D7;
padding-left: 10px;
padding-bottom: 10px;
text-align: left;
}

td.acces
{
vertical-align: top;
border: 5px dotted black;
background-image: url(images/ap_acces.gif);
background-color: #D8D8D7;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}

td.cheats_status_nondetecte
{
background-color: #0CFC00;
border: 1px solid black;
font-size: 9px;
}

td.cheats_status_detecte
{
background-color: #FC0006;
border: 1px solid black;
font-size: 9px;
}

table.faq
{
width: 30%;
margin: auto;
text-align: center;
}

td.faq
{
border: 2px solid black;
}

/*##########################################*/
#cadre_bas
{
height: 86px;
background-image: url("design/pied_droite.jpg");
clear: both;
}

#cadre_bas_gauche
{
height: 86px;
width: 388px;
background-image: url("design/pied_gauche.jpg");
float: left;
}

#cadre_bas_droite
{
font-size: 80%;
padding-top: 30px;
}
/*##########################################*/
p.sans_marge
{
margin: 0px;
}

h1,h2,h3,h4,h5,h6.sans_marge
{
margin: 0px;
}

p
{
margin: 10px;
}

ul.menus
{
margin-top: 0px;
margin-bottom: 0px;
}

p.menus
{
margin-left: 10px;
margin-bottom: 0px;
}

a
{
color: #353F32;
text-decoration: none;
}

a:hover
{
color: red;
text-decoration: underline;
}

.taille_9px
{
font-size: 9px;
}

.center
{
text-align: center;
}

.texte_rouge
{
color: red;
}

a img
{
border: none;
}

a span.aide /* définition de la balise <span> inclue dans <a> */
{
display: none;
}

a:hover .aide /* définition de la balise <span> au survol */
{ 
display: inline;
position: absolute;
top: 190px; /* positions et dimensions du calque, que vous pouvez changer à loisir */
left: 700px;
width: 400px;
height: 70px;
background-image: url("images/bulle_aide.gif");
background-repeat: no-repeat;
text-align: center;
color: black;
font-size: 100%;
font-weight: bold;
padding-top: 20px;
}

.justifie
{
text-align: justify;
}

.left
{
text-align: left;
}