/******************************************************************************/
/*                      Styles généraux                                       */
/******************************************************************************/

body {
    background-color: #000033;
    font-family: Arial, sans-serif;
    font-size:12px;
}
/* Définition des liens par défaut    */
a {
    font-weight:bold;
    color:#000000;
}
a:visited { /* Les liens quand on est passé dessus */
    color:#000033;
}
a:hover {   /* Les liens quand on passe dessus */
    color:#660000;
    font-weight:bold;
}
img {
    border:0px;
}
table {
    font-size:12px;
    border-collapse:collapse;
}
td {
    text-align:center;
}
/* Les entêtes de tables ont un fond rouge */
th {
    font-weight:normal;
    background-color:#99ccff;
}
p {
    padding-left: 10px;
    padding-right: 10px;
    text-align:justify;
}
q {
    font-style:italic;
}
h1 {
    color:#000033;
    margin-top:0px;
}

/******************************************************************************/
/*                      Identifiants                                          */
/******************************************************************************/
#global {
    background-color: #ffffff;
    position: absolute;
    left: 50%;
    width:800px;
    margin-left:-400px;
    margin-top:0px;
    margin-bottom:10px;
}
#banniere {
    background-color: #99ccff;
    border-bottom:1px solid #000033; /* une ligne au-dessus */
    padding:5px;
    text-align:center;
}
#titre {
    padding-left:100px;
    padding-top:2px;
    padding-bottom:2px;
    font-size:50px;
}
#titre a {
    color: #990000;
    text-decoration:none;
}
#titre a:hover {
    color: #990000;
}
#titre img {
    vertical-align:middle;
}
#google_ads {
    border-bottom:1px solid #000033; /* une ligne au-dessus */
    border-top:1px solid #000033; /* une ligne au-dessus */
    background-color: #99ccff;
    text-align:center;
    margin-bottom:0px;
    padding-top:0px;
}
#corps_page {
    width:600px;
    float:left;
    padding:15px;
}
#albums {
    min-height:750px;
}

/********************************************************/
/*          Styles du menu de gauche                    */
/********************************************************/
#menu_gauche {
    padding:5px;
    background-color:#bbddff;
    font-size: 11px;    /* petite police */
    width:140px;
    float:left;
}
#menu_gauche a {
    font-weight:normal;
}
ul#menu{
    font-size: 20px;
    list-style-type:none;
    padding:0px;
    margin:0px;
    font-weight: bold;
    color:#000033;
}
ul#menu li ul {
    margin:5px;
    font-size: 11px;
    font-weight: normal;
    list-style-type:none;
    padding-left:0px;
}
ul#menu li ul li {
    font-size:11px;
    margin:4px;
}
#colonne_centre {
    padding:15px;
    width:450px;
    float:left;
    height:100%;
}
#colonne_droite {
    padding-top:5px;
    width:160px;
    float:right;
}
#pied_de_page {
    border-bottom:1px solid #000033; /* une ligne au-dessus */
    border-top:1px solid #000033; /* une ligne au-dessus */
    background-color: #99ccff;
    margin-bottom:10px;
    padding:0px;
    clear:both;
    text-align:center;
}
#pied_de_page p {
    text-align:center;
}
#feed p {
    margin:5px;
    text-align:left;
}

#albums td {
    text-align:left;
}
#albums img {
    padding:10px;
}


/******************************************************************************/
/*                      Classes                                               */
/******************************************************************************/
.bleu_ciel      {   background-color: #0099cc;  }
.bleu_moyen     {   background-color: #0066cc;  }
.bleu_soutenu   {   background-color: #0000ff;  }
.fond_rouge     {   background-color: #cc0000;  }

/*  Table pour la page des liens     */
.liens td {
    padding-left:20px;
    text-align:left;
    width:120px;
}

/*************************************/
/*      Classe article               */
/*************************************/
.article h1 {
    color:#003366;
    margin-bottom:0px;
    font-size: 20px;
    /*border-bottom: 2px solid #cc0000;*/   /* une ligne en dessous */
    margin-top:20px;
}
.article h2 {
    font-size: 14px;
    padding-left: 30px;
}
.article p {
    padding-left: 30px;
    text-align:justify;
}
.article ol {
    padding-left: 60px;
}
.article ul {
    padding-left: 60px;
}
.article .date {
    font-size:9px;
    text-align:right;
}
.article .auteur {
    text-align:right;
}
.article .image {
    padding:5px;
    margin:5px;
    float:right;
    text-align:center;
}
.article .image .legende {
    margin-top:10px;
    font-size:9px;
    text-align:center;
    font-weight:bold;
}

/*************************************/
/*      Classe boite                 */
/*************************************/
.boite {
    background-color:#bbddff;
    margin-bottom:2px;
    margin-right:5px;
    border:1px solid #000033;
    padding-bottom:10px;
}
.boite table {
   width:150px;
    font-size:11px;
}
.boite td {
    padding:0px;
}
.boite h2 {
    margin-top:0px;
    padding-left:10px;
    font-size:14px;
    background-color:#000033;
    color:#ffffff;
}
.boite p {
    margin:0px;
    font-size:11px;
    text-align:center;
}