/* Définition des polices personnalisées */

@font-face
{
    font-family: 'Scrabble';
    src: url('include/scrabble.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Eléments principaux de la page */

body
{
    background-color: #004000;
    font-family: 'Trebuchet MS', Arial, sans-serif;
    color: #181818;
}

#bloc_page
{
    width: 800px;
    margin: auto;
}

/* Header */

#banniere_image
{
    margin-top: 15px;
    height: 70px;
    border-radius: 5px;
    background: url('images/chartreuse.jpg') no-repeat;
    position: relative;
    box-shadow: 0px 4px 4px #1c1a19;
    margin-bottom: 5px;
}
header h1
{
    margin-top: -5px;
    font-family: 'Trebuchet MS', Arial, sans-serif;
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;
    font-style:italic;
    color:#FFFF88;
}
header a, a:hover
{
    text-decoration: none;
}
header td.jour
{
    font-family: 'Trebuchet MS', Arial, sans-serif;
    font-weight:bold;
    font-size:23px;
    background:url(images/TJ.png) no-repeat;
    width:32px;
    height:32px;
    text-align:center;
}

/* Barre de boutons */

#centre
{
    text-align: center;
}

.btn
{
    font:14pt arial;
}


/* Navigation */

nav
{
    text-align: center;
}

nav a
{
    font-size: 1.1em;
    font-weight: normal;
    color: black;
    padding-bottom: 1px;
    text-decoration: none;
}

nav a:hover
{
    color: red;
}

nav div
{
    font-size: 1.0em;
    font-weight:normal;
    color: white;
}

nav td
{
    font-size: 1.1em;
    font-weight: normal;
    color: black;
    padding-bottom: 1px;
    text-decoration: none;
}

/* Corps */

article, aside
{
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
}

article
{
    position: relative;
    width: 750px;
    margin-right: 12px;
    margin-bottom: 10px;
    background-color: white;
    box-shadow: 0px 2px 5px #1c1a19;
    border-radius: 5px;
    padding: 10px;
    color: black;
    font-size: 0.9em;
}

aside
{
    position: relative;
    width: 60px;
    margin-bottom: 10px;
    background-color: #706b64;
    box-shadow: 0px 2px 5px #1c1a19;
    border-radius: 5px;
    padding: 5px;
}

#fleche_bulle
{
    position: absolute;
    top: 100px;
    left: -12px;
}

#legende
{
    width: 890px;
    margin-bottom: 10px;
    background-color: #706b64;
    box-shadow: 0px 2px 5px #1c1a19;
    border-radius: 5px;
    padding: 5px;
}

#accueil
{
    margin-top: 10px;
    text-align: center;
    font-family: 'Scrabble';
    font-size: 1.8em;
    font-weight: normal;
    font-style: normal;
    color:black;
}

footer td
{
    font-family: 'Trebuchet MS', Arial, sans-serif;
    font-size: 1.0em;
    font-weight: normal;
    color: black;
    text-decoration: none;
}

footer td.texte
{
    color: white;
}
/* Correctifs pour les vieilles versions d'Internet Explorer */

/* Pour activer un positionnement type inline-block sur les vieilles versions d'IE */

.old_ie #titre_principal, .old_ie #logo, .old_ie header h1, .old_ie nav, .old_ie nav li, .old_ie .bouton_rouge, .old_ie article, .old_ie aside, .old_ie #tweet, .old_ie #mes_photos, .old_ie #mes_amis, .old_ie #mes_amis ul
{
    display: inline;
    zoom: 1;
}

/* Quelques ajustements pour les vieilles versions d'IE */

.old_ie section h1, .ie8 section h1
{
    font-size: 1.1em;
}

.old_ie footer div, .ie8 footer div
{
    margin-top: 30px;
    background: url('images/separateur.png') repeat-x top;
}

table.BD { border:#DDDDDD 3px solid; border-radius: 10px; }

td.aide  { font-family: 'Trebuchet MS', Arial, sans-serif; font-size:15px;  background-color:#FFC; }
td       { font-family:Lucida Console;  font-size:18px; font-weight:normal; line-height:20px; }
th       { font-family:Times New Roman; font-size:18px; font-weight:bold; line-height:20px; background-color:#F0F0F0; text-align: center;}
#titre   { font-family:Lucida Console;  font-size:24px; font-weight:normal; text-align:center; border-radius: 15px 15px; border:1px solid black; background-color:#FFFF99; } 
.suff    { font-family:Times New Roman; font-size:20px; font-weight:normal; line-height:15px; }
.long    { font-family:Times New Roman; font-size:20px; font-weight:normal; background-color:green; }